Everyday-FE-Articles 8~11月前端文章日推 [持续更新]

栏目: JavaScript · 发布时间: 6年前

内容简介:由来自@阿里马跃的每日文章推荐,于是顺手整理,以便学习... -- By Ale-cc/* 注:序号不准确 */8月7日 星期二,农历六月廿六

由来自@阿里马跃的每日文章推荐,于是顺手整理,以便学习... -- By Ale-cc

Everyday-FE-Articles 8~11月前端文章日推 [持续更新]

/* 注:序号不准确 */

八月份

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

  1. Scriptswitch: Conditional Script Loading Manager for Browsers github.com/anywhichway…

  2. 三十分钟掌握Webpack性能优化supermaryy.com/

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

  4. 说一说javascript的异步编程 juejin.im/post/5b643d…

  5. 前端性能优化 mp.weixin.qq.com/s/oX6mspFtc…

  6. 【第1353期】用户体验法则 mp.weixin.qq.com/s/mGjtX1frB…

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

  1. 观点|蚂蚁金服玉伯:我们是如何从前端技术进化到体验科技的? juejin.im/post/5b6904…

  2. 手摸手,带你用合理的姿势使用webpack4(上) juejin.im/post/5b5690…

  3. 手摸手,带你用合理的姿势使用webpack4(下) juejin.im/post/5b5d6d…

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

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

  1. The "Slots" Pattern in React: Passing Multiple Children to Components daveceddia.com/pluggable-s…

  2. vue中Axios的封装和API接口的管理 juejin.im/post/5b55c1…

  3. The JavaScript Clipboard crashcourse frontendnews.io/editions/20…

  4. 【第1353期】用户体验法则 mp.weixin.qq.com/s/mGjtX1frB…

  5. SurveyJS: Improved Form Builder Usability hackernoon.com/surveyjs-im…

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

8月13日 每日资讯

  1. 前端异常监控、上报及js压缩代码定位 juejin.im/post/5b55c3…

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

  3. REST将会过时,而GraphQL则会长存 mp.weixin.qq.com/s?__biz=MzU…

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

  5. 浏览器事件环和Node事件环不得不说的故事! juejin.im/post/5b5f36…

  6. CSSTHIS: Excellent Alternative to Styled-Components github.com/uppercod/cs…

  7. 一点感悟:当走完所有大厂的实习面试后 juejin.im/post/5b68f3…

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

8月14日 每日资讯

  1. 手摸手,带你用合理的姿势使用webpack4(上) juejin.im/post/5b5690…

  2. Es6中的模块化Module,导入(import)导出(export) mp.weixin.qq.com/s/NDA46vKoF…

  3. 从青铜到王者10个css3伪类使用技巧和运用 juejin.im/post/5b6d0c…

  4. 微前端的设计理念与实践初探 juejin.im/post/5b7051…

  5. 美团扫码付的前端可用性保障实践 juejin.im/post/5b6d53…

  6. javaScript 微任务 jakearchibald.com/2015/tasks-…

  7. 狙杀页面卡顿 —— Performance 指北 pobusama.github.io/2018/07/27/…

8月15日 每日技术咨询

  1. 关于CSS变量你需要知道的一切 www.zcfy.cc/article/eve…

  2. WebWorker与WebSocket实现前端消息总线 juejin.im/post/5b6d38…

  3. Convert Amazon Links In A Hugo Site To Affiliate Links With Gulp www.thepolyglotdeveloper.com/2018/08/con…

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

  5. webpack4 系列教材 wanago.io/2018/07/16/…

  6. 前端重构范式之 float layout scala.cool/2018/08/feb…

8月16日 每日资讯

浅谈Vue-router的部分高级用法 juejin.im/post/5b73a5…

Embedded Builtins v8project.blogspot.com/2018/08/emb…

WEB安全 - 认识与防御XSS攻击 www.cnblogs.com/HCJJ/p/9468…

一个视频首屏的优化过程 juejin.im/post/5b6828…

浅谈Http缓存机制 www.cnblogs.com/vajoy/p/534…

How to Debug a Node.js app in a Docker Container blog.risingstack.com/how-to-debu…

8月17日 每日资讯

  1. 别闹!自签名证书! zhuanlan.zhihu.com/p/41501360

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

  3. javascript高阶函数map、reduce、sort、filter chaoxuelei.github.io/2018/08/15/…

  4. URI's fragment webfe.kujiale.com/uris-fragme…

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

8月20日 每日资讯

  1. 状态管理器这么火,让我们来做一个简单的redux原理解析吧(vuex类似) juejin.im/post/5b751e…

  2. 前端中常见数据结构小结 github.com/MuYunyun/bl…

  3. Node.js 中的 Stream webfe.kujiale.com/nodejsstrea…

  4. 惰性求值——lodash源码解读 juejin.im/post/5b784b…

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

  6. 2018 来谈谈 Web Component www.sitepen.com/blog/2018/0…

  7. 基于 HTML5 的 WebGL 自定义 3D 摄像头监控模型 www.cnblogs.com/xhload3d/p/…

8月21日 每日资讯

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

  2. 前端 程序员 必须掌握之三角函数在前端动画中的应用 w3ctrain.com/2018/08/20/…

  3. 【译】15个有趣的JS和CSS库(2018.7) juejin.im/post/5b777f…

【性能监控专题】

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

  2. 代码跑不快?跑个分就知道了 mp.weixin.qq.com/s/-uB2cC9An…

8月22日 每日资讯

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

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

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

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

  5. Quantum初探 juejin.im/post/5b7a40…

8月23日 每日资讯

  1. 一行 JavaScript 代码竟然让FT.com 网站慢了十倍 juejin.im/post/5b7bb6…

  2. Convert Data Between CSV And JSON With Simple JavaScript www.thepolyglotdeveloper.com/2018/08/con…

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

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

8月27日 每日资讯

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

  2. 用Vue构建一个github“可视化大数据平台”-GitDataV,设计开发分享 juejin.im/post/5b7f6c…

  3. 用实例告诉你如何重构带有坏味道的代码 mp.weixin.qq.com/s?__biz=MzU…

  4. 鸽子传信解释 HTTPS blog.hhking.cn/2018/08/25/…

8月28日 每日资讯

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

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

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

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

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

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

  7. 快应用入门小结篇: blog.poetries.top/2018/08/21/… 快应用入门 step by step。

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

  9. 聊聊 Web 中的度数单位: www.w3cplus.com/css/underst… 主要介绍了 CSS 中的角度单位,及其常见的出现场景。

8月29日 每日资讯

  1. 让 Markdown 中的代码可以实时运行 juejin.im/post/5b8512…

  2. JavaScript OOP in 4 steps exploringjs.com/impatient-j…

  3. 前后端分离 Vue + NodeJS(Koa) + MongoDB,从产品到开发,全栈实践 juejin.im/post/5b850a…

  4. 页面字体闪一下?这两个标准能帮到你 juejin.im/post/5b84a8…

  5. package.json 中的 Module 字段是干嘛的 segmentfault.com/a/119000001…

  6. nodejs中的子进程,深入解析child_process模块和cluster模块 github.com/fortheallli…

  7. 重磅!首个多端 UI 组件库 - Taro UI 发布!aotu.io/notes/2018/…

  8. TypeScript在react项目中的实践 juejin.im/post/5b83a0…

8月30日 每日资讯

  1. 微信小程序实现商城案例(赋源码) juejin.im/post/5b836d…

  2. It Is Official: Water Ice Confirmed On The Earth’s Moon www.evolving-science.com/space/water…

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

  4. Event Loop 这个循环你晓得么?(附GIF详解) zhuanlan.zhihu.com/p/41543963

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

8月31日 每日资讯

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

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

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

  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 Apollonec.is/writing/gra…

  6. 《Web 推送通知》系列翻译 | 第三篇:订阅一个用户 github.com/yued-fe/y-t…

  7. ECMAScript正则表达式6个最新特性 blog.fundebug.com/2018/08/30/…

九月份

9月1日 每日资讯

  1. 2018年的@font-face juejin.im/entry/5b861…

  2. 如何使用webpack构建Ueditor juejin.im/post/5b88e7…

  3. 彻底搞懂word-break、word-wrap、white-space juejin.im/post/5b8905…

  4. 前端数据校验从建模开始 juejin.im/post/5b87c8…

  5. 京晚8点--H5单页面手势滑屏效果实践 blog.csdn.net/Wei_Smile/a…

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

  7. 揭密React setState imweb.io/topic/5b189…

9月3日 每日资讯

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

  2. React Fire: Modernizing React DOM github.com/facebook/re…

  3. 理解 Node.js Stream 模块 zhangxiang958.github.io/2018/09/01/…

  4. 如何实现前端录音功能 juejin.im/post/5b8bf7…

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

9月4日 每日资讯

2. AST抽象语法树——最基础的javascript重点知识,99%的人根本不了解 segmentfault.com/a/119000001…

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

  2. Three input element properties that I discovered while reading MDN www.stefanjudis.com/blog/three-…

  3. 2018你应该知道的Web性能信息采集指南https://github.com/berwin/Blog/issues/25

9月5日 每日资讯

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

  2. Query records for a list of keys in GraphQL sandny.com/2018/09/03/…

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

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

  5. 搞懂 browserslist (基于官方文档翻译) juejin.im/post/5b8cff…

9月6日 每日资讯

2. axios 内部设计分析 blog.hhking.cn/2018/09/04/…

  1. JavaScript Functions详解(包含ES6箭头函数) www.zcfy.cc/article/jav…

  2. 记录一次vue2.0(history模式)下微信自定义分享的坑 juejin.im/post/5b8e44…

  3. 深入探究ES6之模块系统 juejin.im/post/5b88fb…

  4. 通过proxies设置常量 www.zcfy.cc/article/set…

9月7日 每日资讯

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

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

  3. 编写更优雅的 JavaScript 代码(长期更新) juejin.im/post/5b8fd3…

  4. 携程前端模拟 排序 动画 juejin.im/post/5b8fca…

  5. 【Node】简单快捷的图片压缩脚本 github.com/HuJiaoHJ/bl…

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

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

9月10日 每日资讯

5. TypeScript AST 查看器https://ts-ast-viewer.com/

  1. 用浏览器轻松录制音频、视频—— MediaRecorder API denzel.netlify.com/js/useful_w…

  2. 如何保障前端项目的代码质量 juejin.im/post/5b911f…

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

9月11日 每日资讯

5. 面向体验的重构优化 juejin.im/post/5b9644…

  1. 【前端性能】Web 动画帧率(FPS)计算 www.cnblogs.com/coco1s/p/80…

  2. Grouping AJAX requests in a pool aralroca.com/2018/09/10/…

  3. 聊聊我对现代前端框架的认知 juejin.im/post/5b9617…

  4. canvas像素点获取 —— 拾色器、放大器https://denzel.netlify.com/html/canvas_pixel_pick.html

    9月12日 每日资讯

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

  6. 「2018前端面试总结」 github.com/qianbin01/f…

  7. 相对现代化的把控前端代码质量 soulteary.com/2018/09/06/…

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

9月13日 每日资讯

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

  2. 高效的 GraphQL + Antd lutaonan.com/blog/effect…

  3. 11 Javascript Data Visualization Libraries for 2018(可视化 工具 推荐) www.aliyun.com/jiaocheng/1… bashooka.com/coding/10-u…

  4. 你试过不用if撸代码吗? blog.fundebug.com/2017/11/06/…

  5. 使用JS实现JS编译器,并将目标js生成二进制 juejin.im/post/5b923c…

  6. Great usages of Array spread operator in examples cloud.tencent.com/developer/s…

  7. Iceworks 2.7.0 发布,海量图表供你选择 segmentfault.com/a/119000001…

  8. 记一次前端大厂面试 juejin.im/post/5b9770…

  9. 基于webpack4构建可预测的持久化缓存方案 juejin.im/post/5b977a…

  10. 工作七年的切图仔如何面试web前端? juejin.im/post/5b9849…

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

9月14日 每日资讯

  1. 基于 WebRTC 和 WebVR 实现 VR 视频通话 webrtc.org.cn/20180906-we…

  2. 从观察者模式到手写EventEmitter源码 juejin.im/post/5b987d…

  3. 使用ColorfulImg获取图片主题色! juejin.im/post/5b97e7…

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

  5. 你对CommonJS规范了解多少? juejin.im/post/5b966d…

9月15日 每日资讯

  1. 从撒狗粮带你了解WoT连接场景 mp.weixin.qq.com/s?__biz=MzU…

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

  3. react-native 0.57 版本更新日志 juejin.im/post/5b99de…

  4. CSS实现水平垂直居中的10种方式(史上最全) juejin.im/post/5b9a44…

  5. NodeJS 模块化的简易实现(commonJS) juejin.im/post/5b966d…

  6. 前端通信:ajax设计方案 - 设计请求池,让前端通信快 zhuanlan.zhihu.com/p/44477183

9月16日 每日资讯

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

  2. Security risk for opening new tabs or windows github.com/n0ruSh/blog…

  3. 简易表达式解析器编写 juejin.im/post/5b9bb5…

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

9月17日 每日资讯

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

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

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

9月18日 每日资讯

  1. 作为前端你拿什么证明网站体验? juejin.im/post/5b9e61…

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

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

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

9月19日 每日资讯

  1. 树莓派,不玩不知道 mp.weixin.qq.com/s?__biz=MzU…

  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模块 juejin.im/post/5b9f56…

  4. 5 Tips to Write Better Conditionals in JavaScript scotch.io/tutorials/5…

  5. electron终极奥义 五千字教程丢给你 juejin.im/post/5ba06b…

  6. puppeteer+mysql—爬虫新方法!抓取新闻&评论so easy! juejin.im/post/5b9f13…

  7. 用 canvas 的 getImageData 做点有趣的事 juejin.im/post/5ba065…

9月20日 每日资讯

  1. React Profiler 介绍 github.com/xitu/gold-m…

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

  3. 精读《REST,GraphQL,Webhooks & gRPC 如何选型》 segmentfault.com/a/119000001…

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

  5. JS的分号可以省掉吗? blog.fundebug.com/2018/09/18/…

9月21日 每日资讯

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

  2. The web app checklist logrocket.com/blog/webapp…

  3. How to Create a Guid/UUID code.askmein.com/create-guid…

  4. 首届前端艺术家沙龙精彩回顾 artist.alibaba.com/events/2018…

9月25日 每日资讯

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

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

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

9月26日 每日资讯

告别庞大 PSD,轻松测量 imcuttle.github.io/make-psd-me…

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

  1. zhuanlan.zhihu.com/p/44571842

  2. zhuanlan.zhihu.com/p/45106741

3.《前端之路》之 webpack 4.0+ 的应用构建 www.cnblogs.com/erbingbing/…

  1. Show EJS: match-game - Multiplayer game developed with preact, socket-io and rxjs github.com/siffogh/mat…

  2. Android 9 适配怎么做? “QQ音乐”优化实录 wetest.qq.com/lab/view/40…

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

9月27日 每日资讯

8. 3 Methods to Resolve GraphQL Endpoints www.contentful.com/blog/2018/0…

  1. 22行代码的JS脚本导致英国航空公司38万乘客数据泄露 www.freebuf.com/articles/we…

14.漫画告诉你什么是ddos mp.weixin.qq.com/s/L5i_wzE8H…

13.浏览器的event loop mp.weixin.qq.com/s/r9hJmsK9o…

9月28日 每日资讯

The Best Explanation of JavaScript Reactivity medium.com/vue-mastery…

移动互联网十年 mp.weixin.qq.com/s/IysgXGBQ8…

深入理解Typescript jkchao.github.io/typescript-…

9月29日 每日资讯

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

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

阿里node地下铁分享沙龙(深圳站) mp.weixin.qq.com/s/QP7FEt2Hb… 活动地点:深圳阿里中心

11月1日 每日资讯


以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持 码农网

查看所有标签

猜你喜欢:

本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们

HTML Dog

HTML Dog

Patrick Griffiths / New Riders Press / 2006-11-22 / USD 49.99

For readers who want to design Web pages that load quickly, are easy to update, accessible to all, work on all browsers and can be quickly adapted to different media, this comprehensive guide represen......一起来看看 《HTML Dog》 这本书的介绍吧!

HTML 压缩/解压工具
HTML 压缩/解压工具

在线压缩/解压 HTML 代码

在线进制转换器
在线进制转换器

各进制数互转换器

MD5 加密
MD5 加密

MD5 加密工具