20170612 前端开发日报-前端开发博客

Vue2.0 仿滴滴出行项目；WebView 性能、体验分析与优化；vue1.0和vue2.0区别（一）；Angular4 实战开发；vue源码解析－事件机制；前端团队 Gulp & Webpack 工作流迁移记；JS 的平凡之路 — 单例模式的各种实现方式；Node.js 8: util.promisify()

Vue2.0 仿滴滴出行项目 vue 仿滴滴出行项目，正在持续更新中 —— 由uncle泽胖分享
WebView 性能、体验分析与优化
vue1.0和vue2.0区别（一）绑定一次 {代码…} vue2.0已废弃请使用v-once 绑定html代码 {{{msg}}}

{{{msg}}}写法vue2.0已废弃,请使用v-html 循环v-for 数组 1.0默认通过value进行遍历(key,value),遍历…
Angular4 实战开发《Angular 实战系列》目前处于章节不定，内容不定阶段，这一系列文章不会长篇大论的讲解概念，而是以用为主，结合通俗易懂的实例来让大家理解常用的知识点。章节 Angular CLI 创建组件(Component) 使用CSS美化组件属性和事件绑定
vue源码解析－事件机制上一章没什么经验。直接写了组件机制。感觉涉及到的东西非常的多，不是很方便讲。今天看了下vue的关于事件的机制。有一些些体会。写出来。大家一起纠正，分享。源码都是基于最新的Vue.js v2.3.0。下面我们来看看v…
前端团队 Gulp & Webpack 工作流迁移记在这个前端工具变化如此之快的浪潮里，在前端团队中，并发合作开发多个项目，前后端分离等等情况下，配置或者升级或者迁移这样的工作流基本生产工具，往往造成耗费的就不是仅仅一个人的时间成本，而是十人，数十人的量级。 —— 由前端外刊评论分享
JS 的平凡之路 — 单例模式的各种实现方式单例模式：保证一个类有且仅有一个实例，并且有一个全局访问点。虽然JavaScript中没有类的概念，但是我们依旧可以用很多方式模拟单例模式。一、全局变量实现单例模式用全局变量实现的单例模式： var sin
Node.js 8: util.promisify()Nodejs 8 有一个新的工具函数 util.promisify()。他将一个接收回调函数参数的函数转换成一个返回Promise的函数。 1、util.promisify()小例子如果你给以下命令传入文件路径，则会输出文件内容 {代码…} 注意：在…
《JS高程》—— 属性类型（属性特性）属性类型： ECMA-262第5版在定义只有内部才用的特性（attribute）时，描述了属性（property）的各种特征。ECMA-262定义这些特性是为了实现JavaScript引擎用的，因此在JavaScript中不能直接访问它们。为了表示特性…
重拾css(11)——position1.引言在学习position之前，我们应该去思考一个问题：什么情况下我们需要定位？如果没有定位将无法满足我们怎样的需求？我们要知道，被人类创造出来的每一个知识，都有它的用途，都要解决一些之前遇到的问题。 …
原来你是这样的 jsonp(原理与具体实现细节) 前言原文地址仓库地址 jsonp(JSON with padding)你一定不会陌生，前端向后端拿数据的方式之一，也是处理跨域请求的得利助手。我们早已习惯，早已熟练了jQ或者zepto的ajax调用方式。但是有可能还不太它内部具体是如何实现一个jso
Babel 是如何读懂 JS 代码的
基于 HTML5 的 WebGL 应用内存泄露分析摘要: 总结下本篇的两个观点： 1、再好的封装设计也需要使用者掌握基本的架构脉络，就像再好的车你也得学会开学会基本的保养，什么都不学的话，再好的框架也会像好车一样被你开坏 2、不要惧怕 MV * 的事件和引用关系，理清事件机制和对象引用关系后，你可以精确掌控任何时刻的任何内部细节，这点主要针对设计框架者而言…
高性能迷你React框架anu在低版本IE的实践理想是丰满的，现实是骨感的，react早期的版本虽然号称支持IE8，但是页面总会不自觉切换到奇异模式下，导致报错。因此必须让react连IE6，7都支持，这才是最安全。但React本身并不支持IE6，7，因此anu使有用武之地…
reactjs 入门与案例开发技术栈： react + react-router + ES6 + 自己配置的 webpack + fetch 一步一步用 react 从零开发整个网站的整个流程，API 用的第三方 —— 由dzfrontend分享
JavaScript – 收藏集 – 掘金Vue.js 插件开发 – 前端 – 掘金作者：Joshua Bemenderfer原文地址: creating-custom-plugins译者：jeneser Vue.js插件是为应用添加全局功能的一种强大而且简单的方式。插… 5 张思维导图，jQuery 知识点梳理 – …
cherry-doc：基于 React 的动态文档系统 cherry 是一个基于 React 的动态文档系统。区别于 hexo 等 md 文档工具，它是开发者边开发边生成文档网站，不会再有后期补充文档的烦恼。基于 markdown 语法书写 js 代码，可以通过 code 标签运行 code 里的 js 代码预览效果。做到边开发边生成文档。 —— 由antz分享
奇妙的 CSS shapes(CSS 图形) 领略 CSS 的强大及美妙，使用 CSS 生成几何图形的各种方式及不同应用场景，对提高 CSS 水平大有裨益。 —— 由chokcoco分享
通过 CSS object-fit 属性实现各种不同的图片展示规格 contain, cover, fill, scale-down, none。再也不用在外面再套一个蠢蠢的

了 —— 由kalasoo分享
前端周刊第59期：选 Flow 还是 TypeScript？共 2015 字，读完需 4 分钟。周末是时隔两月的家人团聚，而每次内容的准备平均需要我集中精力工作 3 小时，所以第 59 期的内容今早才准备好，对不住大家了。本期的引子是“选 Flow 还是 TypeScript”，缘起于去年底的 JS 调查报告展示 39
#前端技术#【交互式 HTML 速查表】详见：这是一个涵盖所有 HTML 标签的交互式列表，其中包含了标签说明、属性介绍、代码示例和实时预览。通过滚动方式，你可以快速地浏览所有的 HTML 标签，并且还提供了 PDF 格式下载。[给力]
为什么所有的 Web 应用都将被重写？——Web 应用的生命周期一个 Web 应用在其生命周期里，都要经历搭建开发环境、创建构建系统、编写代码、进行数据分析等等，直至最后使用新的系统来替换这个遗留系统。 —— 由Phodal分享
掌握 Git 之美 » 译者:zhousiyu325 使用 7 条简单的 Git 命令开始你的软件开发之旅
《理解 JavaScript 作用域》尽管对于很多开发新手来说，作用域的概念不容易理解，我会尽可能地从最简单的角度向你解释它们。理解作用域能让你编写更优雅、错误更少的代码，并能帮助你实现强大的设计模式。（孙腾浩译）
《十行HTML实现增强现实》你想通过网络实现增强现实吗？现在你只需要 10 行 HTML 代码！真的！让我带你看一看代码，非常简单。（孙腾浩译）
【Web开发者安全速查表】这份速查表非常简洁，而且绝对还有很多东西没有涉及到。就我个人而言，我从事安全Web应用开发工作已经超过14年了，而本文给出的小贴士都是让我在过去一段时间里曾痛苦不堪的重要安全问题。更多详情点击（来自：@FreeBuf）
TypeScript 2.3 新特性一览 beautiful TS ! —— 由彷梓分享
10 个最佳 Node.js 企业应用案例：从 Uber 到 LinkedIn