20171112 前端开发日报

手机/移动前端开发需要注意的20个要点;基于webpack2.x的vue2.x的多页面站点;实现一个玩具 Promise ~;一个最新的Node.js实现的爬虫抓取的框架;Three.js 初探:微场景制作;一个100行内的现代js路由;魔幻语言 JavaScript 系列之 call、bind 以及上下文;谈谈关于前端的缓存的问题

  1. 手机/移动前端开发需要注意的20个要点 定心丸:移动前端开发正逐渐步入前端技术的主流,事实上跟在一般的pc上,并不需要你掌握额外的技术,然而你在pc web上那一套在多数情况下并不适用于手机web,你必须知道这其中的注意点。当然移动web给人的感觉是一个拼h5和css3的阵地,这里面有足够高大上的技
  2. 基于webpack2.x的vue2.x的多页面站点 目录 vue的多页面 编写每个页面 修改webpack.config.js 开发环境访问页面
  3. 实现一个玩具 Promise ~ hello~亲爱的观众老爷们大家好,有段时间没写文章了,最近主要忙于工作交接,实在没腾出时间进行总结。这次为大家带来 es6 中 Promise 的简单实现。 事实说类似的文章已经不少,不少大神对此都有精彩的实现。然而自己消化了才是最好的,在看文章中其实还是遇
  4. 一个最新的Node.js实现的爬虫抓取的框架 Overview Webster is a reliable web crawling and scraping framework written with Node.js, used to crawl websites and extrac
  5. Three.js 初探:微场景制作 最近在捣鼓 Three.js 相关, 觉得做一个微场景是一个很不错的选择,结果做下来发现效果还可以。 下面放几张不同角度的效果图 预览地址 https://luosijie.github.io/threejs-examples/mini-city.html 源码地址 https://github.com/luosijie/threejs-examples 配…
  6. 一个100行内的现代js路由 原文:http://krasimirtsonev.com/blog/article/A-modern-JavaScript-router-in-100-lines-history-api-pushState-hash-url 作者:Krasimir 原文:http://krasimirtsonev.com/blog/article/A-modern-JavaScript-router-in-100-lines-history-api-pushState-hash-url 作者:Krasimir 原文:http://krasimirtsonev.com/blog/article/A-modern-JavaScript-router-in-100-lines-history-api-pushState-hash-url 作者:Krasimir
  7. 魔幻语言 JavaScript 系列之 call、bind 以及上下文 原文:The Most Clever Line of JavaScript作者: Seva Zaikov 最近 一个朋友 发给我一段非常有趣的 JavaScript 代码,是他在某个 开源库中 看到的: addre 原文:The Most Clever Line of JavaScript作者: Seva Zaikov 最近 一个朋友 发给我一段非常有趣的 JavaScript 代码,是他在某个 开源库中 看到的: addre
  8. 谈谈关于前端的缓存的问题         我们都知道对页面进行缓存能够有利于减少请求发送,从而达到对页面的优化。不过在我前端工作的生涯中一直以为前端就是写写页面,写写交互,就已经很了不起,这种没有志向的想法发导致我日后的工作一直处于瓶颈。做人嘛总         我们都知道对页面进行缓存能够有利于减少请求发送,从而达到对页面的优化。不过在我前端工作的生涯中一直以为前端就是写写页面,写写交互,就已经很了不起,这种没有志向的想法发导致我日后的工作一直处于瓶颈。做人嘛总         我们都知道对页面进行缓存能够有利于减少请求发送,从而达到对页面的优化。不过在我前端工作的生涯中一直以为前端就是写写页面,写写交互,就已经很了不起,这种没有志向的想法发导致我日后的工作一直处于瓶颈。做人嘛总
  9. Zent – 源自有赞微商城的 React 组件库Zent ( ˈzent ) 是有赞 PC 端 Web UI 规范的 React 实现版本,提供了一整套基础的 UI 组件以及常用的__业务组件__。通过 Zent,可以快速搭建出风格统一的页面,提升开发效率。目前我们有 45+ 组件,其中包括 Desi…
  10. 以 Toast 为例讲解 Vue 组件的概念 组件是 Vue 的一个极其重要的概念。在移动端网页开发时,Toast 组件使用也是非常频繁的。本文便以 Toast 组件为例,来讲解 Vue 组件的部分知识点。 1. 单文件组件日常开发时,我们项目文件夹通常都是使用 vue-cli 创建的,以 单文件组件 组件是 Vue 的一个极其重要的概念。在移动端网页开发时,Toast 组件使用也是非常频繁的。本文便以 Toast 组件为例,来讲解 Vue 组件的部分知识点。 1. 单文件组件日常开发时,我们项目文件夹通常都是使用 vue-cli 创建的,以 单文件组件 组件是 Vue 的一个极其重要的概念。在移动端网页开发时,Toast 组件使用也是非常频繁的。本文便以 Toast 组件为例,来讲解 Vue 组件的部分知识点。 1. 单文件组件日常开发时,我们项目文件夹通常都是使用 vue-cli 创建的,以 单文件组件
  11. ES6中的元编程部分 – Proxies 08 Aug 2016 in JavaScript, ES6, Metaprogramming ES6中的元编程部分3 – Proxies 在我ES6元编程的第三也是最后一章,请记住,那些文章我写了超过一年的时间,尽管起初我并不想花很长
  12. 在 GitLab 我们是如何扩展数据库的 | 很长时间以来 GitLab.com 使用了一个单个的 PostgreSQL 数据库服务器和一个用于灾难恢复的单个复制。在 GitLab.com 最初的几年 … (

    在 GitLab 我们是如何扩展数据库的

  13. ES6 promises特性来自javascript走心的承诺 首先解释下Promise的中文意思,来自Google的解释: 百度对 承诺 一词的解释: 其中一条释意为:对某项事务答应照办。在一条例句中这样写道 “一切都按预先约定的承若,毫无半点差错。”。 所谓一诺千金,也不 首先解释下Promise的中文意思,来自Google的解释: 百度对 承诺 一词的解释: 其中一条释意为:对某项事务答应照办。在一条例句中这样写道 “一切都按预先约定的承若,毫无半点差错。”。 所谓一诺千金,也不 首先解释下Promise的中文意思,来自Google的解释: 百度对 承诺 一词的解释: 其中一条释意为:对某项事务答应照办。在一条例句中这样写道 “一切都按预先约定的承若,毫无半点差错。”。 所谓一诺千金,也不
  14. Vue.js SSR Step by Step (3) – 改造 vue/webpack 脚手架 通过前面两篇文章,写了一个简单的支持 vue 同构的 webpack 配置,但是还没有 dev server,不能热更新和实时编译,用于开发还是非常的麻烦。 Vue 官方的 webpack 脚手架只是针对客户端的,功能强大,配置齐全。所以在这个官方脚手架的基础 通过前面两篇文章,写了一个简单的支持 vue 同构的 webpack 配置,但是还没有 dev server,不能热更新和实时编译,用于开发还是非常的麻烦。 Vue 官方的 webpack 脚手架只是针对客户端的,功能强大,配置齐全。所以在这个官方脚手架的基础 通过前面两篇文章,写了一个简单的支持 vue 同构的 webpack 配置,但是还没有 dev server,不能热更新和实时编译,用于开发还是非常的麻烦。 Vue 官方的 webpack 脚手架只是针对客户端的,功能强大,配置齐全。所以在这个官方脚手架的基础
  15. Vue 2.0的学习笔记: Vue实例和生命周期_Vue, Vue 2.0学习笔记 教程_w3cplus Vue实例是进入Vue的第一步,创建一个Vue的实例也是学习Vue的起点。实际上,Vue框架的入口就是Vue实例,其实就是框架中的View Model,它包含页面中的业务处理逻辑、数据模型等,它的生命周期中有多个事件钩子,让我们在控制整个Vue实例的过程时更容
  16. Vue数组响应 前言很多初使用Vue的同学会发现,在改变数组的值的时候,值确实是改变了,但是视图却无动于衷,果然是因为数组太高冷了吗?查看官方文档才发现,不是女神太高冷,而是你没用对方法。 看来想让女神自己动,关键得用对方法。虽然在官方文档中已经给出了方法,但是在下实在好奇
  17. 不用正则表达式,用javascript从零写一个模板引擎(一) 前言模板引擎的作用就是将模板渲染成html,html = render(template,data),常见的js模板引擎有Pug,Nunjucks,Mustache等。网上一些制作模板引擎的文章大部分是用正则表达式做一些hack工作,看完能收获的东西很少。本文
  18. 《前端系列——jquery.i18n.properties前端国际化解决方案“填坑日记”》最近,新的平台还没有开发完成,原来的老项目又提出了新的需求:系统国际化。 (by 懒得安分) ​​​

    前端系列——jquery.i18n.properties前端国际化解决方案“填坑日记”

关注github前端日报 订阅精彩文章

前端日报栏目数据来自码农头条,每日分享互联网上热门的前端开发、移动开发、设计、资源和资讯等,为开发者提供动力,如果觉得内容对你有用,记得分享给你的小伙伴。进入码农头条查看更多


关注我

我的微信公众号:前端开发博客,在后台回复以下关键字可以获取资源。

  • 回复「小抄」,领取Vue、JavaScript 和 WebComponent 小抄 PDF
  • 回复「Vue脑图」获取 Vue 相关脑图
  • 回复「思维图」获取 JavaScript 相关思维图
  • 回复「简历」获取简历制作建议
  • 回复「简历模板」获取精选的简历模板
  • 回复「加群」进入500人前端精英群
  • 回复「电子书」下载我整理的大量前端资源,含面试、Vue实战项目、CSS和JavaScript电子书等。
  • 回复「知识点」下载高清JavaScript知识点图谱

每日分享有用的前端开发知识,加我微信:caibaojian89 交流