Everyday-FE-Articles

由来自阿里的小猴的每日文章推荐，于是顺手整理，以便学习... -- By Ale-cc

/* 注：序号不准确 */

八月份

8月7日 星期二，农历六月廿六

4. Scriptswitch: Conditional Script Loading Manager for Browsers https://github.com/anywhichway/scriptswitch

5. 三十分钟掌握Webpack性能优化 http://supermaryy.com/

6. 前端异常监控、上报及js压缩代码定位 https://juejin.im/post/5b55c3495188251acb0cf907

7. 说一说javascript的异步编程 https://juejin.im/post/5b643d9ee51d4519596bce1f

8. 前端性能优化 https://mp.weixin.qq.com/s/oX6mspFtcjPQkxnDoP-tIQ

9. 【第1353期】用户体验法则 https://mp.weixin.qq.com/s/mGjtX1frBiHQoCGVNpDE9g

8月9日 星期四，农历六月廿八

11. 观点｜蚂蚁金服玉伯：我们是如何从前端技术进化到体验科技的？https://juejin.im/post/5b6904f1f265da0f48613ab0

12. 手摸手，带你用合理的姿势使用webpack4（上）https://juejin.im/post/5b56909a518825195f499806

13. 手摸手，带你用合理的姿势使用webpack4（下）https://juejin.im/post/5b5d6d6f6fb9a04fea58aabc

14. 阿里巴巴开源noForm：这也许是更好的表单解决方案https://www.oschina.net/p/noform

8月10日 星期五，农历六月廿九

1. The "Slots" Pattern in React: Passing Multiple Children to Components https://daveceddia.com/pluggable-slots-in-react-components/

2. vue中Axios的封装和API接口的管理 https://juejin.im/post/5b55c118f265da0f6f1aa354

3. The JavaScript Clipboard crashcourse https://frontendnews.io/editions/2018-08-01-copy-and-paste-clipboard-api

4. 【第1353期】用户体验法则 https://mp.weixin.qq.com/s/mGjtX1frBiHQoCGVNpDE9g

5. SurveyJS: Improved Form Builder Usability https://hackernoon.com/surveyjs-improved-form-builder-usability-first-half-of-2018-3373f8577af3

6. Vue2.x源码解析系列四：数据响应之Observer https://juejin.im/post/5b5eaecfe51d45191e0d1563

8月13日 每日资讯

3. 前端异常监控、上报及js压缩代码定位 https://juejin.im/post/5b55c3495188251acb0cf907

4. 如何用node开发自己的cli工具https://juejin.im/post/5b6b086cf265da0f8d368935

5. REST将会过时，而GraphQL则会长存 https://mp.weixin.qq.com/s?__biz=MzUxMzcxMzE5Ng==&mid=2247489328&idx=1&sn=02ec0d520909c8a015349dda381b80ea&chksm=f951a273ce262b656fe9476199f7a6ee1eb4bac8b178e67908f8b10e814b70d638e016370230#rd

6. 阮一峰每周分享15期http://www.ruanyifeng.com/blog/2018/07/weekly-issue-15.html

7. 浏览器事件环和Node事件环不得不说的故事！https://juejin.im/post/5b5f365e6fb9a04fa8673f97

8. CSSTHIS: Excellent Alternative to Styled-Components https://github.com/uppercod/cssthis

9. 一点感悟：当走完所有大厂的实习面试后 https://juejin.im/post/5b68f384f265da0fa00a3df0

10. 浅析图片懒加载https://juejin.im/entry/5b6ee4cbe51d451988565f80
    
    

8月14日 每日资讯

8. 手摸手，带你用合理的姿势使用webpack4（上）https://juejin.im/post/5b56909a518825195f499806

9. Es6中的模块化Module,导入(import)导出(export) https://mp.weixin.qq.com/s/NDA46vKoFuZt09Qx8SNf6Q

10. 从青铜到王者10个css3伪类使用技巧和运用 https://juejin.im/post/5b6d0c5cf265da0f504a837f

11. 微前端的设计理念与实践初探 https://juejin.im/post/5b70514251882560f75dcc16

12. 美团扫码付的前端可用性保障实践 https://juejin.im/post/5b6d532ee51d4517df154d39

13. javaScript 微任务 https://jakearchibald.com/2015/tasks-microtasks-queues-and-schedules

14. 狙杀页面卡顿 —— Performance 指北 http://pobusama.github.io/2018/07/27/performance-dev-tool/

8月15日 每日技术咨询

1. 关于CSS变量你需要知道的一切 https://www.zcfy.cc/article/everything-you-need-to-know-about-css-variables

2. WebWorker与WebSocket实现前端消息总线 https://juejin.im/post/5b6d386ff265da0f9b4e1442

3. Convert Amazon Links In A Hugo Site To Affiliate Links With Gulp https://www.thepolyglotdeveloper.com/2018/08/convert-amazon-links-hugo-site-affiliate-links-gulp/

4. 初识 Chrome Extension https://zhuanlan.zhihu.com/p/41933841

5. webpack4 系列教材 https://wanago.io/2018/07/16/webpack-4-course-part-one-entry-output-and-es6-modules/

6. 前端重构范式之 float layout https://scala.cool/2018/08/febible-float-layout/

8月16日 每日资讯

浅谈Vue-router的部分高级用法 https://juejin.im/post/5b73a50df265da27f7590737

Embedded Builtins https://v8project.blogspot.com/2018/08/embedded-builtins.html

WEB安全 - 认识与防御XSS攻击 https://www.cnblogs.com/HCJJ/p/9468871.html

一个视频首屏的优化过程 https://juejin.im/post/5b68288df265da0fa21aa6bf

浅谈Http缓存机制 http://www.cnblogs.com/vajoy/p/5341664.html

How to Debug a Node.js app in a Docker Container https://blog.risingstack.com/how-to-debug-a-node-js-app-in-a-docker-container/

8月17日 每日资讯

2. 别闹！自签名证书！https://zhuanlan.zhihu.com/p/41501360

3. 前端性能优化之雅虎35条军规https://juejin.im/post/5b73ef38f265da281e048e51

4. javascript高阶函数map、reduce、sort、filter https://chaoxuelei.github.io/2018/08/15/javascript%E9%AB%98%E9%98%B6%E5%87%BD%E6%95%B0/

5. URI's fragment https://webfe.kujiale.com/uris-fragment/

6. 前端面试&笔试&错题指南https://github.com/forrany/Web-Project

8月20日 每日资讯

2. 状态管理器这么火，让我们来做一个简单的redux原理解析吧(vuex类似)https://juejin.im/post/5b751e77518825533f45e267

3. 前端中常见数据结构小结 MuYunyun/blog#28

4. Node.js 中的 Stream https://webfe.kujiale.com/nodejsstream/

5. 惰性求值——lodash源码解读 https://juejin.im/post/5b784baf51882542ed141a84

6. 移动端上传图片进行平移放大缩小操作后生成海报

7. 2018 来谈谈 Web Component https://www.sitepen.com/blog/2018/07/06/web-components-in-2018/

8. 基于 HTML5 的 WebGL 自定义 3D 摄像头监控模型 https://www.cnblogs.com/xhload3d/p/9466110.html

8月21日 每日资讯

1. 简单聊聊 GZIP 的压缩原理与日常应用 https://zhuanlan.zhihu.com/p/42418273

2. 前端程序员必须掌握之三角函数在前端动画中的应用 https://w3ctrain.com/2018/08/20/trigonometry-you-must-know/

3. 【译】15个有趣的JS和CSS库（2018.7）https://juejin.im/post/5b777faf6fb9a01a1c570dc5

【性能监控专题】

10. 自己动手打造前端性能监控系统 https://www.musicfe.cn/page/17

11. 代码跑不快？跑个分就知道了 https://mp.weixin.qq.com/s/-uB2cC9Anroul4y0NI3QxA

8月22日 每日资讯

4. 通过HTTP的HEADER完成各种骚操作https://juejin.im/post/5b7919345188254312414b9c

5. 小动画大学问https://juejin.im/post/5b7c2193f265da4340157b5b

6. 【译】 开始在web中使用JS Modules https://www.musicfe.cn/page/16

7. 【推荐】QUIC协议分析https://mp.weixin.qq.com/s/a6oDkjiIJqVEMpuCzt7Mtw

8. Quantum初探 https://juejin.im/post/5b7a40866fb9a01a112dd1f3

8月23日 每日资讯

3. 一行 JavaScript 代码竟然让 FT.com 网站慢了十倍 https://juejin.im/post/5b7bb6dfe51d4538bf55aa5f

4. Convert Data Between CSV And JSON With Simple JavaScript https://www.thepolyglotdeveloper.com/2018/08/convert-data-between-csv-json-simple-javascript/

5. 【译】如何用 Node.Js 和 Puppeteer 爬取网页 https://juejin.im/post/5b7a8e796fb9a01a0717b2b9 原文https://coding.napolux.com/how-to-scrap-web-page-nodejs-puppeteer/

6. 【推荐】如何管理10万行代码的单页应用https://zhuanlan.zhihu.com/p/29711456?utm_source=wechat_session&utm_medium=social

8月27日 每日资讯

5. 凹凸实验室：支撑数千万消费者的小程序开发实践 https://juejin.im/post/5b7e993bf265da43260732b1

6. 用Vue构建一个github“可视化大数据平台”-GitDataV，设计开发分享 https://juejin.im/post/5b7f6cd46fb9a019f709b17b

7. 用实例告诉你如何重构带有坏味道的代码 https://mp.weixin.qq.com/s?__biz=MzUxMzcxMzE5Ng==&mid=2247489406&idx=1&sn=4c5335f5a37bc824070f0d5fb65f6943&chksm=f951a23dce262b2b9162cd194daf0e55f31e6128717ecd232a66d5d9d1f60b9e1e0a4c5bffb4&token=1247164838&lang=zh_CN#rd

8. 鸽子传信解释 HTTPS https://blog.hhking.cn/2018/08/25/https-explained-with-carrier-pigeons/

8月28日 每日资讯

1. React v16.3 之后的组件生命周期函数: https://zhuanlan.zhihu.com/p/38030418 React v16.3 起，React 组件生命周期函数发生了巨大变化……

2. 三角函数在前端动画中的应用: https://w3ctrain.com/2018/08/20/trigonometry-you-must-know/ 如何使用三角函数让动画更顺滑。

3. CSS 混合模式高级应用: https://www.w3cplus.com/css/advanced-effects-with-css-background-blend-modes.html 这篇文章并不是对 CSS 的混合模式做相应的科普，而是通过几个示例，向大家展示了 CSS 混合模式的强大之处，以及可使用的场景。

4. 实战 CSS Scroll Snapping: https://www.w3cplus.com/css/practical-css-scroll-snapping.html CSS Scroll Snap（CSS 滚动捕捉）允许你在用户完成滚动后多锁定特定的元素或位置。Google 69+、Firefox、Edge 和 Safari 都支持它的某些版本。

5. JavaScript 的元系统: https://blog.csdn.net/aimingoo/article/details/82014291 本文是对在第四届 FEDay 中分享的《无类继承：JavaScript面向对象的根基》的进一步讨论。

6. 前端插拔式 SPA 应用架构实现方案: https://www.yuque.com/es2049/blog/pgn8n8 关于架构的一些思考。

7. 快应用入门小结篇: http://blog.poetries.top/2018/08/21/quick-app-summary 快应用入门 step by step。

8. 滚动视差？CSS 不在话下: http://www.cnblogs.com/coco1s/p/9453938.html 主要介绍 Parallax Scrolling 的几种实现方式。

9. 聊聊 Web 中的度数单位: https://www.w3cplus.com/css/understanding-degrees-on-the-web.html 主要介绍了 CSS 中的角度单位，及其常见的出现场景。
   
   

8月29日 每日资讯

9. 让 Markdown 中的代码可以实时运行 https://juejin.im/post/5b85120751882542b366c8b1

10. JavaScript OOP in 4 steps http://exploringjs.com/impatient-js/ch_single-objects.html

11. 前后端分离 Vue + NodeJS(Koa) + MongoDB，从产品到开发，全栈实践 https://juejin.im/post/5b850a3e51882542e4420779

12. 页面字体闪一下？这两个标准能帮到你 https://juejin.im/post/5b84a885e51d4538d041a674

13. package.json 中的 Module 字段是干嘛的 https://segmentfault.com/a/1190000014286439

14. nodejs中的子进程，深入解析child_process模块和cluster模块 forthealllight/blog#24

15. 重磅！首个多端 UI 组件库 - Taro UI 发布！https://aotu.io/notes/2018/08/27/the-birth-of-taro-ui/?o2src=juejin&o2layout=compat

16. TypeScript在react项目中的实践 https://juejin.im/post/5b83a02ff265da43737e9a27

8月30日 每日资讯

2. 微信小程序实现商城案例（赋源码)https://juejin.im/post/5b836d056fb9a019f671320f

3. It Is Official: Water Ice Confirmed On The Earth’s Moon https://www.evolving-science.com/space/water-ice-moon-00762

4. 《Web 推送通知》系列翻译 | 第二篇：推送是怎么工作的?https://juejin.im/post/5b850badf265da43296c5121

5. Event Loop 这个循环你晓得么？(附GIF详解)https://zhuanlan.zhihu.com/p/41543963

6. vue-video-player,通过自定义按钮组件实现全屏切换效果 https://juejin.im/post/5b84eecde51d4538940031a7

8月31日 每日资讯

1. KOA简易模版引擎实现https://juejin.im/post/5b865aeb6fb9a01a040717fb

2. 前端使用puppeteer 爬虫生成《React.js 小书》PDF并合并 https://juejin.im/post/5b86732451882542af1c8082

3. International SEO：多语言多区域网站SEO的快速入门指南 https://juejin.im/post/5b86d5fb518825278e272ff8

4. 去哪儿网React转微信小程序实践https://mp.weixin.qq.com/s?__biz=MzUxMzcxMzE5Ng==&mid=2247489432&idx=1&sn=e7b1583b179152d5214ed0c3e17da424&chksm=f951a2dbce262bcdbec76590541787da8d59ad5f3bdfd84a10be011865325ddadf1cf7f28f00&token=2089145282&lang=zh_CN#rd

5. GraphQL with Next.js and Apollo https://nec.is/writing/graphql-with-next-js-and-apollo/

6. 《Web 推送通知》系列翻译 | 第三篇：订阅一个用户 https://github.com/yued-fe/y-translation/blob/master/en/web-push-notifications/subscribing-a-user.md

7. ECMAScript正则表达式6个最新特性 https://blog.fundebug.com/2018/08/30/ecmascript-regular-expression-new-features/

九月份

9月1日 每日资讯

1. 2018年的@font-face https://juejin.im/entry/5b8611f0e51d4538a108c11a

2. 如何使用webpack构建Ueditor https://juejin.im/post/5b88e7606fb9a01a0058c0bf

3. 彻底搞懂word-break、word-wrap、white-space https://juejin.im/post/5b8905456fb9a01a105966b4

4. 前端数据校验从建模开始 https://juejin.im/post/5b87c8a5e51d4538e41067a8

5. 京晚8点--H5单页面手势滑屏效果实践 https://blog.csdn.net/Wei_Smile/article/details/82120728

6. 对象解构与点操作访问究竟谁快 https://juejin.im/post/5b879b4cf265da435a486858

7. 揭密React setState http://imweb.io/topic/5b189d04d4c96b9b1b4c4ed6

9月3日 每日资讯

1. 浅谈 TypeScript https://zhuanlan.zhihu.com/fed-talk

2. React Fire: Modernizing React DOM facebook/react#13525

3. 理解 Node.js Stream 模块 http://zhangxiang958.github.io/2018/09/01/%E7%90%86%E8%A7%A3%20Node.js%20Stream%20%E6%A8%A1%E5%9D%97/

4. 如何实现前端录音功能 https://juejin.im/post/5b8bf7e3e51d4538c210c6b0

5. chrome插件定制页面和设置https://zhuanlan.zhihu.com/p/43189092

9月4日 每日资讯
2. AST抽象语法树——最基础的javascript重点知识，99%的人根本不了解 https://segmentfault.com/a/1190000016231512

3. 程序员职业生涯的6个阶段 https://zhuanlan.zhihu.com/p/43597829

4. Three input element properties that I discovered while reading MDN https://www.stefanjudis.com/blog/three-input-element-properties-that-i-discovered-while-reading-mdn/

5. 2018你应该知道的Web性能信息采集指南berwin/Blog#25

9月5日 每日资讯

1. ISOMORPHIC 的升级之路 https://zhuanlan.zhihu.com/p/43227689

2. Query records for a list of keys in GraphQL http://sandny.com/2018/09/03/query-records-for-a-list-of-keys-in-graphql/

3. 《从零构建前后分离web项目》探究 - 深入聊聊前后分离架构 https://juejin.im/post/5b8cd628f265da433f2a2f0a

4. 记一次Vue全页面SSR深坑之旅 - 微弱的内存/CPU泄漏 https://juejin.im/post/5b8d31d3f265da43594407e2

5. 搞懂 browserslist (基于官方文档翻译）https://juejin.im/post/5b8cff326fb9a019fd1474d6

9月6日 每日资讯
2. axios 内部设计分析 https://blog.hhking.cn/2018/09/04/http-request-library-with-axios/

4. JavaScript Functions详解（包含ES6箭头函数）https://www.zcfy.cc/article/javascript-functions

5. 记录一次vue2.0（history模式）下微信自定义分享的坑 https://juejin.im/post/5b8e44b3f265da433109ac4f

6. 深入探究ES6之模块系统 https://juejin.im/post/5b88fb92f265da437047f8ac

7. 通过proxies设置常量 https://www.zcfy.cc/article/setting-up-constants-via-proxies

9月7日 每日资讯

1. Puck.js: Javascript + Bluetooth === Awesome

2. 《从零构建前后分离的web项目》：前端了解过关了吗？ https://juejin.im/post/5b8e5b33e51d4538ab0461f8

3. 编写更优雅的 JavaScript 代码（长期更新）https://juejin.im/post/5b8fd36fe51d450e6475a92d

4. 携程前端模拟排序动画 https://juejin.im/post/5b8fcaaee51d450e44378a5f

5. 【Node】简单快捷的图片压缩脚本 HuJiaoHJ/blog#11

6. Fluwx:让在Flutter中使用微信SDK成为可能 https://www.jianshu.com/p/cf98729388b8

7. 「译」JS 引擎核心: 原型优化 (原文)https://mathiasbynens.be/notes/prototypes https://juejin.im/post/5b8fe7b26fb9a05d26593811

9月10日 每日资讯
5. TypeScript AST 查看器https://ts-ast-viewer.com/

7. 用浏览器轻松录制音频、视频—— MediaRecorder API https://denzel.netlify.com/js/useful_webapis_mediarecorder.html?_=54356421143

8. 如何保障前端项目的代码质量 https://juejin.im/post/5b911f306fb9a05cdb1013b9

9. webapck4 多页面，多环境配置https://juejin.im/post/5b9116086fb9a05d05307e96

9月11日 每日资讯
5. 面向体验的重构优化 https://juejin.im/post/5b96447bf265da0aa81bdee1

9. 【前端性能】Web 动画帧率（FPS）计算 https://www.cnblogs.com/coco1s/p/8029582.html

10. Grouping AJAX requests in a pool https://aralroca.com/2018/09/10/grouping-ajax-requests-in-a-pool/

11. 聊聊我对现代前端框架的认知 https://juejin.im/post/5b96170a5188255c68156383

12. canvas像素点获取 —— 拾色器、放大器https://denzel.netlify.com/html/canvas_pixel_pick.html
    
    9月12日 每日资讯
    

13. webpack性能优化不完全指北https://juejin.im/post/5b8ac03ff265da431c627f8e

14. 「2018前端面试总结」https://github.com/qianbin01/frontend_train

15. 相对现代化的把控前端代码质量 https://soulteary.com/2018/09/06/relatively-modern-control-of-front-end-code-quality.html

16. webview布局适配实践https://juejin.im/post/5b92a0eaf265da0ad13b5cac

9月13日 每日资讯

5. 浅谈hybrid技术http://www.cnblogs.com/yexiaochai/p/4921635.html

6. 高效的 GraphQL + Antd https://lutaonan.com/blog/effective-graphql-and-antd/

7. 11 Javascript Data Visualization Libraries for 2018(可视化工具推荐) https://www.aliyun.com/jiaocheng/1072761.html https://bashooka.com/coding/10-useful-javascript-data-visualization-libraries/

8. 你试过不用if撸代码吗？https://blog.fundebug.com/2017/11/06/write-javascript-without-if/

9. 使用JS实现JS编译器，并将目标js生成二进制 https://juejin.im/post/5b923c3fe51d450e9704a03a

10. Great usages of Array spread operator in examples https://cloud.tencent.com/developer/section/1191993

11. Iceworks 2.7.0 发布，海量图表供你选择 https://segmentfault.com/a/1190000016223006

12. 记一次前端大厂面试 https://juejin.im/post/5b9770056fb9a05d2f3692ce

13. 基于webpack4构建可预测的持久化缓存方案 https://juejin.im/post/5b977a19f265da0ac4469057

14. 工作七年的切图仔如何面试web前端？https://juejin.im/post/5b984950f265da0afc2be3bf

/* 4、5、8无链接，整理时已补上 Ale-cc注 */

9月14日 每日资讯

1. 基于 WebRTC 和 WebVR 实现 VR 视频通话 http://webrtc.org.cn/20180906-webrtc-javascript-html/

2. 从观察者模式到手写EventEmitter源码 https://juejin.im/post/5b987d92e51d450e51625080

3. 使用ColorfulImg获取图片主题色！https://juejin.im/post/5b97e7a1f265da0ac96286be

4. H5游戏开发：横屏适配 https://zhuanlan.zhihu.com/p/30577906

5. 你对CommonJS规范了解多少？https://juejin.im/post/5b966d66f265da0aa949f3e1

9月15日 每日资讯

4. 从撒狗粮带你了解WoT连接场景 https://mp.weixin.qq.com/s?__biz=MzUxMTcwOTM4Mg==&mid=2247484115&idx=1&sn=d52f8cacb4f35bbbbf5a79e9e90c0bcf&chksm=f96edb7ace19526c42735351f59d0d276f0b92d367bb41dd6a6a3ddaadd1dbb3c04a3eced535&token=925572516&lang=zh_CN#rd

5. 在微信小程序中渲染HTML内容https://juejin.im/post/5b9b2be55188255c9a771e79

6. react-native 0.57 版本更新日志 https://juejin.im/post/5b99deef6fb9a05d2f369818

7. CSS实现水平垂直居中的10种方式（史上最全）https://juejin.im/post/5b9a4477f265da0ad82bf921

8. NodeJS 模块化的简易实现（commonJS）https://juejin.im/post/5b966d1ff265da0ae800f8ca

9. 前端通信：ajax设计方案 - 设计请求池，让前端通信快 https://zhuanlan.zhihu.com/p/44477183

9月16日 每日资讯

2. 如果不用 Node.js 写业务https://juejin.im/post/5b987f39e51d450e805b2261

3. Security risk for opening new tabs or windows headwindz/blogs#12

4. 简易表达式解析器编写 https://juejin.im/post/5b9bb590e51d450e7579cf0d

5. GraphQL 技术浅析https://juejin.im/post/5b9b650df265da0afe62cf4e

9月17日 每日资讯

1. 如何只用 CSS代码让一台 iPhone/macOS 崩溃重启? 💣https://juejin.im/entry/5b9e5b906fb9a05d290ee5e7

2. 「译」如何使用 NodeJS 构建基于 RPC 的 API 系统https://juejin.im/post/5b9e5d046fb9a05d0d285f85

3. TypeScript 学习资源合集https://juejin.im/entry/5b9e4a135188255c3a2d3695

9月18日 每日资讯

2. 作为前端你拿什么证明网站体验？https://juejin.im/post/5b9e61b15188255c980bc6fd

3. JS计算精度小记https://juejin.im/post/5b9c7cc6f265da0ab41e473b

4. snippet,让你编码效率翻倍https://juejin.im/post/5b99ed89f265da0af7750612

5. 项目初期的最优技术方案https://mp.weixin.qq.com/s/iThCyVxNt1qLWwfhZFkczQ

9月19日 每日资讯

1. 树莓派，不玩不知道 https://mp.weixin.qq.com/s?__biz=MzUxMTcwOTM4Mg==&mid=2247484130&idx=1&sn=f7f48205436865529f34b31d9417b2b1&chksm=f96edb4bce19525dd2d16e6b3c8e17ac65b297d0df502212f32eb2fc0dfe47436febb1747f47&token=1478612565&lang=zh_CN#rd

2. 震惊! 滑动验证码竟然能这样破解https://mp.weixin.qq.com/s?__biz=MzUxMTcwOTM4Mg==&mid=2247483925&idx=1&sn=c756231d3e9a5dae0751b4c79bd57fe3&chksm=f96edbbcce1952aa6b20e32dfc5a0e166a4247b01fddaac9a60399fa08c1a44b1a14c13c0dba&token=299205667&lang=zh_CN#rd

3. Nodejs如何调用Dll模块 https://juejin.im/post/5b9f5661e51d450e462820be

4. 5 Tips to Write Better Conditionals in JavaScript https://scotch.io/tutorials/5-tips-to-write-better-conditionals-in-javascript

5. electron终极奥义 五千字教程丢给你 https://juejin.im/post/5ba06b67f265da0ae343e89c

6. puppeteer+mysql—爬虫新方法！抓取新闻&评论so easy！https://juejin.im/post/5b9f13e1e51d450e4967d3c0

7. 用 canvas 的 getImageData 做点有趣的事 https://juejin.im/post/5ba06596f265da0acc7957e4

9月20日 每日资讯

1. React Profiler 介绍 https://github.com/xitu/gold-miner/blob/master/TODO1/introducing-the-react-profiler.md

2. 基于Nodejs的Tcp封包和解包https://juejin.im/post/5ba119735188255c4a711682

3. 精读《REST，GraphQL，Webhooks & gRPC 如何选型》https://segmentfault.com/a/1190000016331670

4. 如何优雅地链式取值https://juejin.im/post/5ba08483e51d450e99430a7f

5. JS的分号可以省掉吗？https://blog.fundebug.com/2018/09/18/js-semicolon-bug/

9月21日 每日资讯

2. 利用CSS改变图片颜色的多种方法https://juejin.im/post/5ba21d78f265da0af0337fe3

3. The web app checklist https://logrocket.com/blog/webapp-checklist/

4. How to Create a Guid/UUID https://code.askmein.com/create-guid-uuid-in-javascript/

5. 首届前端艺术家沙龙精彩回顾 https://artist.alibaba.com/events/20180908.html

9月25日 每日资讯

5. 记录一次打包优化https://juejin.im/post/5ba4f2266fb9a05d28734815

6. 网站性能调优开发工具: Lighthouse, Puppeteer 以及进阶部分https://juejin.im/post/5ba73d1de51d450e551a0d08

7. 前端常用插件、工具类库https://juejin.im/post/5ba7d5dd5188255c6140cc9d

9月26日 每日资讯

告别庞大 PSD，轻松测量 https://imcuttle.github.io/make-psd-measurable

深入探究immutable.js的实现机制

1. https://zhuanlan.zhihu.com/p/44571842

2. https://zhuanlan.zhihu.com/p/45106741

3.《前端之路》之 webpack 4.0+ 的应用构建 https://www.cnblogs.com/erbingbing/p/9644898.html

4. Show EJS: match-game - Multiplayer game developed with preact, socket-io and rxjs https://github.com/siffogh/match-game-multiplayer/blob/master/README.md

5. Android 9 适配怎么做？ “QQ音乐”优化实录 https://wetest.qq.com/lab/view/406.html

6. Koa2 中间件原理解析https://www.pandashen.com/2018/08/20/20180820200342/

9月27日 每日资讯
8. 3 Methods to Resolve GraphQL Endpoints https://www.contentful.com/blog/2018/09/25/3-methods-resolve-graphql-endpoints/

12. 22行代码的JS脚本导致英国航空公司38万乘客数据泄露 http://www.freebuf.com/articles/web/184685.html?utm_medium=hao.caibaojian.com&utm_source=hao.caibaojian.com

14.漫画告诉你什么是ddos https://mp.weixin.qq.com/s/L5i_wzE8HgpiyrbAlFCC_g

13.浏览器的event loop https://mp.weixin.qq.com/s/r9hJmsK9oprn5f1CbhAHNQ

9月28日 每日资讯

The Best Explanation of JavaScript Reactivity https://medium.com/vue-mastery/the-best-explanation-of-javascript-reactivity-fea6112dd80d

移动互联网十年 https://mp.weixin.qq.com/s/IysgXGBQ8ftz77cHBkQjAw

深入理解Typescript https://jkchao.github.io/typescript-book-chinese/

9月29日 每日资讯

5. Nginx与前端开发https://juejin.im/post/5bacbd395188255c8d0fd4b2

6. 地图小区景点边界轮廓实现https://juejin.im/post/5bac9fade51d450e7210c3b3

阿里node地下铁分享沙龙（深圳站）https://mp.weixin.qq.com/s/QP7FEt2HbqcDblH3vZc0Kw 活动地点：深圳阿里中心

十月份

10月8日 每日资讯

3. 大话 JavaScript 动画https://juejin.im/post/5bb64f35f265da0abf7cfc1a

4. 你所不知道的css滤镜技巧http://web.jobbole.com/92460/

5. 使用小程序做交互的技巧 https://mp.weixin.qq.com/s/wukb02PaZfRXzhqHzfGMBQ

10月9日 每日资讯

3. MathJax: 让前端支持数学公式https://godbmw.com/passage/61

4. 从支付宝tabbar看BEM https://juejin.im/post/5bb4678a5188255c980be9d2

5. 地图坐标转换 https://mp.weixin.qq.com/s/IWDSQHYxR41kMYtKfKGinQ

10月10日 每日资讯

3. 优秀前端必知的话题：我们应该做些力所能及的优化https://juejin.im/post/5bbc1b0c6fb9a05cf230140c

4. Unhappy Path Driven Development https://ponyfoo.com/articles/unhappy-path-driven-developmen

5. 淘宝秒杀系统是如何设计的 https://mp.weixin.qq.com/s/CRckPkN27FhFExjg3_aclA

6. Airbnb react性能优化https://mp.weixin.qq.com/s/OMvNKq1P5cDCzzqpmGpOjw

10月11日 每日资讯

5. Nginx，Charles与Webpack配置前端API代理教程https://juejin.im/post/5bb0e6b55188255c6e707237

6. JavaScript Visualizer https://javascriptvisualizer.com/

7. 从零开始用 electron 手撸一个截屏工具https://juejin.im/post/5bbac5cee51d450e7042ad2c

8. 五个小技巧让你写出更好的 JavaScript 条件语句 https://scotch.io/tutorials/5-tips-to-write-better-conditionals-in-javascript

9. Shader 中的随机与噪声 https://juejin.im/post/5ba88a8a6fb9a05cda776697

10月12日 每日资讯

7. 从设计师和开发的角度使用 lottie https://juejin.im/post/5bbdc118f265da0ae8013558

8. 网站重构-后台服务篇 https://jooger.me/article/5bbe2f1d927f7c0028ff7049

9. Nginx 升级 HTTP / 2 指引https://www.jackpu.com/nginx-sheng-ji-http-2-zhi-yin/

10. 有趣的border-radius https://juejin.im/post/5bb815056fb9a05d171d5660

11. 做一个跑通前后端的豆瓣租房移动端webApp https://juejin.im/post/5bb87626e51d450e6d011433

10月15日 每日资讯

1. 现代浏览器内部揭秘 https://github.com/xitu/gold-miner/blob/master/TODO1/inside-browser-part1.md https://github.com/xitu/gold-miner/blob/master/TODO1/inside-browser-part2.md https://github.com/xitu/gold-miner/blob/master/TODO1/inside-browser-part3.md

2. Koa2 洋葱模型 —— compose 串联中间件的四种实现https://www.pandashen.com/2018/09/06/20180906170854/

10月16日 每日资讯
4. 精准操控的滚动体验，浅谈新标准 Scroll Snap https://mp.weixin.qq.com/s/0Duum2IKSpc5fPNXPAPf6Q

8. React.js 一次动画性能的简单优化 https://juejin.im/post/5bc3f605e51d450e6749a7bc

9. 【webpack进阶】你真的掌握了loader么？- loader十问 https://juejin.im/post/5bc1a73df265da0a8d36b74f

10. VSCode插件开发全攻略系列：https://www.cnblogs.com/liuxianan/p/vscode-plugin-overview.html

10月19日 每日资讯

2. 使用 JavaScript 网络信息 API 实现自适应服务 https://dev.to/addyosmani/adaptive-serving-using-javascript-and-the-network-information-api-331p
   译文 https://github.com/xitu/gold-miner/blob/master/TODO1/adaptive-serving-using-javascript-and-the-network-information-api.md

3. Web 动效四大才子简述 https://juejin.im/post/5bc58bd9e51d450e721108a4

8.CSS改变图片颜色的各种方式 https://mp.weixin.qq.com/s/_8vpfui02sW7DFG-1TXnsw

10月22日 每日资讯

1. 数据劫持or数据代理https://mp.weixin.qq.com/s/SPoxin9LYJ4Bp0goliEaUw

2. 以面试官的角度来看 React 工作面试 https://juejin.im/post/5bca74cfe51d450e9163351b

3. JavaScript原型与原型链https://juejin.im/post/5bc755b15188255c89015f39

10月23日 每日资讯

4. HTML高亮关键字真麻烦https://juejin.im/post/5bca903e5188250cf316b61a

5. Cocos Creator 入门篇-描摹小游戏（描摹数字，描摹英语字母）https://juejin.im/post/5bc94d686fb9a05cd8495959

6. JS背后的秘密(上) --- Compling of JavaScript https://mp.weixin.qq.com/s/Uvj99Oopg46NxOiCH4E1HA

7. 有人考了我一道CSS题目 https://www.zhangxinxu.com/wordpress/2018/10/a-css-%E9%A2%98%E7%9B%AE/

10月24日 每日资讯

1. 你不知道的Node https://houxingyi.github.io/2018/10/20/2018-10-10-you-dont-know-Node/

2. Vue 进阶系列之响应式原理及实现https://juejin.im/post/5bce6a26e51d4579e9711f1d

3. 对inline-block的再次认知https://www.jianshu.com/p/89c8ae25a822

10月25日 每日资讯

3. Node 案发现场揭秘 —— 如何利用 GC 日志不修改代码调优应用性能https://zhuanlan.zhihu.com/p/47425089

4. multiple web workers的实现http://zhuanlan.zhihu.com/p/41431253

5. 如何回滚一次错误的合并？http://zhuanlan.zhihu.com/p/40220954

10月26日 每日资讯

6. 如何提高代码品味 https://www.jianshu.com/p/b5d7e01c3163

7. 《从零构建前后分离的web项目》实战 - 欲善其事必先利其器 继续打磨前端架构 https://juejin.im/post/5bcf69105188255c69784280

8. 你了解SEO中的时效性吗？https://juejin.im/post/5bcf4ec1e51d4578f055d2a7

9. 好文推荐 图解浏览器工作原理 https://zhuanlan.zhihu.com/p/47407398

10月29日 每日资讯

1. 克军：如何成为一位优秀的前端工程师？ https://mp.weixin.qq.com/s/FEg9eZqDcHFo-tUmLr2xxg

2. 抓取网页生成 PDF http://jartto.wang/2018/10/13/nodejs-pdf/

3. 浅析前端状态管理https://juejin.im/post/5bd3262af265da0aa665085b

13.活动页生成器 https://juejin.im/post/5bd2f19051882526d14975d2

10月30日 每日资讯

5. 国际化 - 通用 LTR/RTL 布局解决方案 https://zhuanlan.zhihu.com/p/47864242

6. 通过 Lighthouse 了解 JavaScript 性能 https://juejin.im/post/5bd5cfcbe51d456d4453572e

7. 聊聊阿里云 OSS 的转义设计问题 https://www.codesky.me/archives/oss-design-problem.wind

10月31日 每日资讯

5. 打码指南：由猫眼线下扫码1分购谈起 https://juejin.im/post/5bd70be36fb9a05d2d026dd4

6. 初探SEO关键词竞争程度的智能算法思路http://dopro.io/seo-intelligent-algorithm.html

7. 如何停止使用 console.log() 并开始使用浏览器调试代码https://juejin.im/post/5bd7cde4f265da0a96251de3

十一月份

11月1日 每日资讯

8. 别再让你的web页面在用户浏览器端裸奔 http://www.aliued.com/?p=4162

9. 如何利用 CDN 进一步的前后端分离 https://www.chenshaowen.com/blog/how-to-use-cdn-to-separate-frontend-and-backend-more.html

10. 记一次基于react、cra2、typescript的pwa项目由开发到部署.

11. https://juejin.im/post/5ba3d205e51d450e8477af33

12. https://juejin.im/post/5bd723c351882528d66cecd6

13. https://juejin.im/post/5bd827716fb9a05d212ee743

11月2日 每日资讯

13. 前端异常监控解决方案研究 https://cdc.tencent.com/2018/09/13/frontend-exception-monitor-research/

14. 一些使 JavaScript 更加简洁的小技巧 http://www.css88.com/archives/9868

15. 关于前端组件化、状态管理规范化的思考 https://juejin.im/post/5bd9ab2b6fb9a0222458be02

16. 如何设计高扩展的在线网页制作平台 https://juejin.im/post/5bd83daee51d4524b50d23b5

17. React Hooks: Changing the Mindset http://krasimirtsonev.com/blog/article/react-hooks-changing-the-mindset

11月5日 每日资讯

5. 数据可视化：浅谈热力图如何在前端实现https://juejin.im/post/5bdc2323518825170e4a8cf8

6. 浅谈mock https://juejin.im/post/5bd82d796fb9a05d25682a66

7. 用上帝视角来看待组件的设计模式https://juejin.im/post/5bd91f61e51d4568630478a6

11月1日 每日资讯

2. Next.js踩坑入门系列https://juejin.im/user/5a1e40e3518825619a0270b3/posts

3. 解决canvas合成图片大小错误、模糊以及跨域的问题https://juejin.im/post/5bddac7d6fb9a049ee7fe452

4. 配置Vue服务器端渲染SSR

5. https://juejin.im/post/5bd72cd4f265da0a857ac326

6. https://juejin.im/post/5bdf0c7ce51d454b89324b1c

7. Google 工程师提升网页性能的新策略：空闲执行，紧急优先 https://juejin.im/post/5bdec712e51d4505525b0fba

8. 浏览器拦截打开新窗口情况总结https://juejin.im/post/5bdee507e51d4567953e6cdd

11月7日 每日资讯

4. 最详细的 CSS 字符转义处理 https://juejin.im/post/5be01e166fb9a049e4122692

5. 如何修改placeholder样式 http://spaceblog.cn/post/placeholder

6. 理解设计模式 https://juejin.im/post/5bd57c32e51d456c430e3660

7. 你所不知道的 CSS 阴影技巧与细节 https://juejin.im/post/5be1023951882516fd36a38e

11月8日 每日资讯
12. 前端错误收集以及统一异常处理 https://juejin.im/post/5be2b0f6e51d4523161b92f0

14. JavaScript 开发者 10 种必备 VS Code 扩展 https://www.css88.com/archives/10004

未完待续