20171109 前端开发日报

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

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

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

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

原创文章:20171109 前端开发日报 ,未经许可,禁止转载,©版权所有
原文出处:前端开发博客 (http://caibaojian.com/fe-daily-20171109.html)

发表评论

请登录后发表评论: