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

webpack&&loader；React 新引擎 React Fiber 究竟要解决什么问题？；React组件编写思路（一）；JavaScript——this、全局变量、局部变量混谈；JavaScript深入之继承的多种方式和优缺点；常见的canvas优化——模糊问题、旋转效果；javascript——正则表达式；前端魔法堂：onsubmit和submit事件处理函数怎么不生效呢？

webpack&&loader引言在回答一个问题时,引发一些疑问,分析总结下,作为备忘 webpack webpack对于我来说,应用场景主要是,编译打包我通过模块化组织书写的文件,用其提供的各种loader可以让我在js中模块化的加载、管理各种格式resour…
React 新引擎 React Fiber 究竟要解决什么问题？ Facebook 正在以流行的 JavaScript 框架 React 为基础开发一个全新的架构。这个名为 React Fiber 的全新设计改变了检测变更的方法和时机，借此可改进浏览器端和其他渲染设备的响应速度。 —— 由前端之巅分享
React组件编写思路（一）新手写 React 组件往往无从入手，怎么写，什么时候用 props，什么时候用 state 摸不着头脑。其实是没有了解到 React 的一些思想。就我个人的经验大多数的组件都有一定的套路可言，接下来就先介绍下 React 组件的…
JavaScript——this、全局变量、局部变量混谈可以先看W3C：JavaScript 全局对象、CDN:this 全局变量，W3C里说得很清楚（JavaScript Window – 浏览器对象模型）： {代码…} 浏览器对象模型BOM (Browser Object Model) 使 JavaScript 有能力与浏览器“对话”。 …
JavaScript深入之继承的多种方式和优缺点 JavaScript深入系列第十五篇，讲解JavaScript各种继承方式和优缺点。写在前面本文讲解JavaScript各种继承方式和优缺点。注意：跟《JavaScript深入之创建对象》一样，更像是笔记，哎，再让我感叹一句：《JavaScript高
常见的canvas优化——模糊问题、旋转效果canvas常见优化方案——模糊问题、旋转效果、离屏、自定义图片尺寸 canvas显示模糊问题——画布尺寸设为显示尺寸的两倍即可问题原因查阅canvas的API就可以知道，想要获得精确地线条，必须对线条是如何描绘出来的有…
javascript——正则表达式一、正则表达式定义创建方法：RegExp()构造函数创建、直接量语法创建； 1.直接量语法不具有特殊含义的字母数字及部分有转义字符前缀的匹配字符； 2.字符类将直接量字符单独放进方括号内就组成了字符类；有些使…
前端魔法堂：onsubmit和submit事件处理函数怎么不生效呢？前言最近在用Polymer增强form，使其支持表单的异步提交，但发现明明订阅了onsubmit和submit事件，却怎么也触发不了。下面我们将一一道来。提交表单的方式表单仅含一个以下的元素时，该元素得到焦点，按回车键…
Web 安全资源合集 A curated list of Web Security materials and resources. —— 由彷梓分享
微软开源的 TypeScript-React-Starter 微软开源的 React 和 Typescript 模板, 有详细的上手说明 —— 由彷梓分享
为何 TypeScript 愈发流行了？原文地址：Why TypeScript Is Growing More Popular 原文作者：Mary Branscombe 译文出自：掘金翻译计划译者：loveky 校对者：Aladdin-ADD Germxu 为何 TypeScript 愈发流
React 高阶组件(HOC)入门指南之前的文章React Mixins入门指南介绍了React Mixin的使用。在实际使用中React Mixin的作用还是非常强大的，能够使得我们在多个组件中共用相同的方法。但是工程中大量使用Mixin也会带来非常多的问题。Dan Abramov在文章Mixi
瞎扯扯 OOCSS,ACSS,BEM,SMACSS 作者的这篇文章主要介绍了一下 css 的设计模式，前端最近尽发展 javascript 框架了，关于 css 的一些模式，理念性的东西貌似还是没什么发展，纯个人看法。不知道这些的同学可以了解一下。 —— 由houyhea分享
Vue2.1.7 源码学习 | HcySunYang's Blog Vue 作者推荐加持！！ —— 由MrDream24分享
脚本错误量极致优化：监控上报与 Script error 在前端开发工作中，除了项目开发保质保量上线以外，项目的数据监控也应该配套起来，确保线上的正常运转。如上报 pv 监控项目是否正常运转；测速上报反应项目质量；脚本错误监控作为监控中重要一环，当页面发生报错的时候，通过上报错误信息，能及时发现存在问题，修复优化、减少损失。 —— 由腾讯云技术社区分享
饿了么前端：Vue 的单元测试探索（一）「最近在进行业务项目的重构，使用到 Vue 和单元测试相关知识，这里想把单元测试在 Vue 业务组件中的实践经验分享给大家，希望能够对大家有所帮助。本篇文章着重讲的是测试思路和 case 写法，要求读者有 Vue 项目实践经验，对前端测试框架 Karma、断言库、代码覆盖率等知识有一定的了解。」 —— 由彷梓分享
《Node.js 成为 Web 应用开发最佳选择的十个原因》使用 Node.js 的最大优点是开发人员可以在客户端和服务器端编写 JavaScript。下面我们就来了解下大多数企业选择 Node.js 开发 Web App 的十大主要原因。（by 编辑部的故事）
#好课推荐#【Angular 2.0 视频教程】详见：这是由大漠穷秋录制的九节免费的 Angular 2.0 视频教程，带你快速入门 Angular 2.[给力]