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

「前端那些事儿」② 极限性能优化；sublimeText3之码上有爱；Webpack HMR 原理解析；只分享一张大图「2016-2017 前端技术脑图」；LeanCloud带图形校验码的短信发送Vue组件开发；你有学习者综合征吗？Web 开发是重灾区；14招搞定JavaScript调试；vue + typescript 进阶篇

「前端那些事儿」② 极限性能优化前言前端的工作并不仅仅是实现「视觉&交互稿」，想要开发一个高性能易维护的「完美」站点并未易事，针对前端的性能优化贯穿着项目开发的始终，绝不是交互口中的「拖拽工人」！然而前端优化策略却是一件老生…
sublimeText3之码上有爱前言相信对于很多写代码的小伙伴来说,对于开发编辑器都不会陌生,什么editplus,dw,webstorm,hubuilder,vscode,atom,esciplse,vim等萝卜青菜都各有所爱,每个编辑器都有它的独特之处,本质上并无优劣之分,只要代码写得好
Webpack HMR 原理解析 Hot Module Replacement（以下简称 HMR）是 webpack 发展至今引入的最令人兴奋的特性之一，当你对代码进行修改并保存后，webpack 将对代码重新打包，并将新的模块发送到浏览器端，浏览器通过新的模块替换老的模块，这样在不刷新浏览 Hot Module Replacement（以下简称 HMR）是 webpack 发展至今引入的最令人兴奋的特性之一，当你对代码进行修改并保存后，webpack 将对代码重新打包，并将新的模块发送到浏览器端，浏览器通过新的模块替换老的模块，这样在不刷新浏览
只分享一张大图「2016-2017 前端技术脑图」点击查看原图
LeanCloud带图形校验码的短信发送Vue组件开发有15万开发者使用LeanCloud服务，其中不乏知乎、懂球帝、爱范儿、拉卡拉等知名应用，LeanCloud提供了数据存储、即时消息……等一站式服务，并从常用的用户管理需求出发，提供了邮箱验证、短信验证……等用户账户相关…
《你有学习者综合征吗？Web 开发是重灾区》学而不用，不停学习，却没有真正实际应用知识来做东西。如果过去的一年里，学习的语言或框架超过 3 个，那你可能已经感染学习者综合征了。（飞哥的咖啡译，欢迎加入翻译组：）
14招搞定JavaScript调试译者按：很多时候，大家可能只是依靠console.log来调试JavaScript代码，这样做的局限性不言而喻，这篇博客将教你几招实用的调试技巧。原文: The 14 JavaScript debugging tips you
vue + typescript 进阶篇vue + typescript 进阶篇本文是继 Vue + TypeScript 新项目起手式之后的进阶+踩坑配置，所以推荐先行阅读前文完整阅读完之后，基本可以顺利在新项目中使用vue + typescript 了另外特别注意！！！不推荐在已…
Preact：一个备胎的自我修养原发于知乎专栏：zhuanlan.zhihu.com/ne-fe 前一段时间由于React Licence的问题，团队内部积极的探索React的替代方案，同时考虑到之后可能开展的移动端业务，团队目标是希望能够找到一个迁移成本低，体量小的替代产品。经过多方探索
antd源码解读（8.2）- 番外篇 Trigger 之 index.js 完整篇 Trigger这个组件的index文件就有很多代码，590行代码，而且在头部引入的额外文件特别的多，所以我们这一个组件就先从这些额外的组件中开始吧，先看看这些外部方法能够做些什么。强烈建议把tigger的代码下载下来自行查看，因为实在是太长了 // in
Egg.js 中 GraphQL 小试牛刀 Egg.js 笔记系列继上上篇撸完了简易版的阿里云 CS 控制台，用 GraphQL 继续武装一番~ 1. 安装&配置 1.1 安装插件 yarn add egg-graphql 1.2 开启插件 // {ro
流形：我是如何面试一位前端工程师最近面试不少，发现团队同学面试的问题以纯知识点为主，提问方式很机械。对于现在前端面试总是被人吐槽面试与实际的工作完全不搭边，和面试官面试方式有很大关系。这篇文章主要是记录我是如何面试，以分享给大家作参考。希望对你有用。扎实的基础很多面试者的最近面试不少，发现团队同学面试的问题以纯知识点为主，提问方式很机械。对于现在前端面试总是被人吐槽面试与实际的工作完全不搭边，和面试官面试方式有很大关系。这篇文章主要是记录我是如何面试，以分享给大家作参考。希望对你有用。扎实的基础很多面试者的
Promise 必知必会（十道题） Promise 想必大家都十分熟悉，想想就那么几个 api，可是你真的了解 Promise 吗？本文根据 Promise 的一些知识点总结了十道题，看看你能做对几道。以下 promise 均指代 Promise 实例，环境是 Node.js。题目一 const promise = new Promise((resolve, reject) => { console.log(1) re… Promise 想必大家都十分熟悉，想想就那么几个 api，可是你真的了解 Promise 吗？本文根据 Promise 的一些知识点总结了十道题，看看你能做对几道。以下 promise 均指代 Promise 实例，环境是 Node.js。题目一 const promise = new Promise((resolve, reject) => { console.log(1) re…
FastRouter：Golang 实现的基于正则的 http 路由 FastRouter is a fast, flexible HTTP router written in Go. FastRouter contains some customizable options, such asTrailingSlashesPolicy,PanicHandler,OptionsHandler,MethodNotAllowedHandler,NotFoundHandlerand so on. FastRouter also provides some useful features, such as grouping and middl… FastRouter is a fast, flexible HTTP router written in Go. FastRouter contains some customizable options, such asTrailingSlashesPolicy,PanicHandler,OptionsHandler,MethodNotAllowedHandler,NotFoundHandlerand so on. FastRouter also provides some useful features, such as grouping and middl…
一个简单的nodejs文件从运行到结束都发生了什么 os环境：macOS 10.12.5 ，ide:cLion，node版本：v8.0.0 一、配置ide和node编译对ide的配置和node编译的过程这里不赘述了，如果有时间，可能写一篇blog简单介绍一下。二、node运
#CSS#【高级CSS选择器,CSS3选择器】以前由于考虑到IE6等浏览器的兼容属性，常常对于高级的css选择符不感兴趣，最近开始，发现前端方面的IE6其实已经逐渐的消失了，学会用css3的高级选择器，可以起到事半功倍的效果，所…请戳→ #前端开发博客#
ES6 Generator函数实现协同程序至此本系列的四篇文章翻译完结，查看完整系列请移步blogs 由于个人能力知识有限，翻译过程中难免有纰漏和错误，望不吝指正issue ES6 Generators: 完整系列 The Basics Of ES6 Generators
通过ES6 Generator函数实现异步操作本文翻译自 Going Async With ES6 Generators 由于个人能力知识有限，翻译过程中难免有纰漏和错误，还望指正 ES6 Generators：完整系列 The Basics Of ES6 Generators