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

浏览器的 16ms 渲染帧；【HTTP】协议详解；理解 Node.js 事件驱动机制；咦？浏览器都能做人脸检测了？；如何做有效的Code Review？我有这些建议；黑客是这样写JavaScript的；Angular2、AngularJS、React、vue.js过去一年的Google趋势分析；小教程：自己创建一个jQuery长阴影插件

浏览器的 16ms 渲染帧由于现在广泛使用的屏幕都有固定的刷新率（比如最新的一般在 60Hz），在两次硬件刷新之间浏览器进行两次重绘是没有意义的只会消耗性能。浏览器会利用这个间隔 16ms（1000ms/60）适当地对绘制进行节流，因此 16ms 就成为页面渲染优化的一个关键时间。尤其在异步渲染中，要利用流式渲染就必须考虑到这个渲染帧间隔。 …
【HTTP】协议详解Author :Jeffrey 引言 HTTP是一个属于应用层的面向对象的协议，由于其简捷、快速的方式，适用于分布式超媒体信息系统。它于1990年提出，经过几年的使用与发展，得到不断地完善和扩展。目前在WWW中使用的是HTTP/1….
理解 Node.js 事件驱动机制学习 Node.js 一定要理解的内容之一，文中主要涉及到了 EventEmitter 的使用和一些异步情况的处理，比较偏基础，值得一读。阅读原文大多数 Node.js 对象都依赖了 EventEmitter 模块来监听和响应事件，比如我们…
咦？浏览器都能做人脸检测了？ Shape Detection API 的发布已经有一些时日，其主要的提供的能力是给予前端直接可用的特征检测的接口（包括条形码、人脸、文本检测）。本文将简单的对其进行介绍，对前端进行人脸检测进行普适性的讲解。（本文不讲算法～望轻拍）
《如何做有效的Code Review？我有这些建议》代码评审是保证代码质量的一种有效手段，做得好的话，对公司来讲是一笔收益颇高的时间投资。但实践起来往往变成了炫耀编程技能、固执己见、恶言相向、同事关系恶化的事，这该如何是好？（maifans 译，欢迎加入翻译组：全文
黑客是这样写JavaScript的注* XSS攻击即Cross Site Scripting，通常在网页链接地址Url中注入JS代码来达到攻击手段，很多大厂都中过招，如：Twitter，新浪微博，示例代码：http://www.demo.cn/=<script>alert(document.cookie)</script> 其实此代码并不能在所有浏览器上执行，但仅需要一部分浏览器(如IE6) 可用，即可达到攻击效果。…
Angular2、AngularJS、React、vue.js过去一年的Google趋势分析Angular2、AngularJS、React、vue.js过去一年的Google、百度趋势分析最近在学angular，但是在国内的话似乎是vuejs比较火，百度指数只有国内数据分析，于是翻了下墙上谷歌趋势搜索了以下关键词，包括angualr、ang…
小教程：自己创建一个jQuery长阴影插件长阴影设计是平面设计的一个变体，添加了阴影，产生了深度的幻觉，并导致了三维的设计。在本教程中，我们将创建一个jQuery插件，通过添加完全可自定义的长阴影图标，我们可以轻松地转换平面图标。戳我查看效果图在本节教程中，我们将介
Angular 最新官方中文文档近期，Angular 官方网站已进行了版本更新，提供了更加清爽的皮肤与辅助阅读的导航，详情请参见官网：https://angular.cn/
通过 JSX Control Statements 编写 JSX 一、前言一些开发者，特别是有使用过「模板技术」的开发者（例如 Handlebars），刚开始尝试使用 React 编写应用时，可能会惊讶的发现，JSX 竟然没有内建支持类似其它模板引擎似的任何结构控制语句或指令。但这就是 JSX，它就是这么设计的，JSX 不是传统的模板，也不需要某个模板引擎去解析。大体上，可以将 JSX 看成…
[JavaScript实用方法] 选取(picking)和反选(rejecting)对象的属性小编推荐：掘金是一个高质量的技术社区，从 ECMAScript 6 到 Vue.js，性能优化到开源类库，让你不错过前端开发的每一个技术干货。各大应用市场搜索「掘金」即可下载APP，技术干货尽在掌握.. 有时候我们需要将一个对象的某些属性选
前端每周清单半年盘点之 Vue.js 篇前端每周清单半年盘点之 Vue.js 篇前端每周清单专注前端领域内容，以对外文资料的搜集为主，帮助开发者了解一周前端热点；分为新闻热点、开发教程、工程实践、深度阅读、开源项目、巅峰人生等栏目。欢迎关注【前…
监控平台前端SDK开发实践作者简介：杨婷，美团点评点餐终端团队成员。监控平台监控的重要性和必要性不必多说，这是提高故障处理能力和保障服务质量所必须的一环。那么监控究竟要做什么呢？简而言之：及时上报错误，收集有效信息，提供故障排查依据。及时上报错误：相信每个程序员都有这样的经验
Vue-cli创建vue项目以及配置文件梳理介绍 vue-cli是vue提供构建单页应用的脚手架。它能够帮助开发者快速的创建vue项目。这篇文章主要介绍如何使用vue-cli，以及它创建的vue项目结构。还有就是对于build目录下的配置文件进行一些梳理总结。
基于Electron&Vue的七牛文件管理工具七牛存储文件管理客户端.跟官网相比,增加了目录显示,托盘上传,URL上传,文件排序 .我觉得还不错 Technologies electron elec
React 文档中文翻译基于 discountry 的翻译版本, 增加了域名方便访问. 后续是有人维护的.
JavaScript 专题之偏函数 JavaScript 专题系列第十四篇，讲解偏函数以及如何实现一个 partial 函数定义维基百科中对偏函数 (Partial application) 的定义为： In computer science, partial application (
2017-08-15 前端日报2017-08-15 前端日报精选 ES6 变量声明与赋值：值传递、浅拷贝与深拷贝详解浅谈web自适应学习 React.js 比你想象的要简单常见排序算法之JavaScript实现JavaScript 世界万物诞生记Investigating Performance of O…
关于ES6中箭头函数的this问题什么是箭头函数用法 ES6 允许使用“箭头”（=>）定义函数
利用 d3.js 实现图标变形动画 SVG 格式在 WEB 开发中有着广泛的应用，在使用 SVG 创建图标后，人们通常会为之增加一些简单动画：鼠标悬浮改变颜色透明度；利用 transform 旋转角度缩放尺寸；鼠标点击切换图标等，但这些简单动画并不过瘾。本文以「播放」和「暂停」图标切换为例，讲述
async/await with webpack+babel in Browser1.安装以下插件 babel-plugin-transform-runtime babel-preset-stage-3 2.Webpack配置 {代码…} 3.调用实例 {代码…}
react-hotkeys v1.0.1 发布，支持 React.js 捕获键盘输入和输入的组合键快捷键 react-hotkeys React component to listen to keydown and keyup keyboard events, defining and dispatching
hotkeys：用于捕获键盘输入和输入的组合键的 JavaScript 库这是一个强健的 Javascript 库用于捕获键盘输入和输入的组合键，它没有依赖，压缩只有只有(~3kb)，gzip:1.9k。hotkey可以算是临摹参考madrobby/keymaster的作品，重写了一遍，修复多个兼容问题，键支持，添加UMD支持和测试用例，官方文档DEMO预览 En __ __ __ | |–..–…
从线条艺术到 DIY 实现一个网状体 Net 的 JS 库今天无意中看到一个可视化作品： WHAT MADE ME? INTERACTIVE PUBLIC INSTALLATION Most Original Exhibit Award at the Birmingham Made Me Design Awards 2012. 该作品围绕信息可视化的概念，以大型复杂的数据图形式，由游客自己生成的方式进行展示，是一个集信息…
React Redux 中间件思想遇见 Web Worker 的灵感（附demo）写在最前原文首发于作者的知乎专栏：React Redux 中间件思想遇见 Web Worker 的灵感（附demo），感兴趣的同学可以知乎关注，进行交流。熟悉 React 技术栈的同学，想必对 Redux 数据流框架并不陌生。其倡导的单…