神策前端技术周刊2020-10-12

作者：洪亮

《MDN Browser Compatibility Report》

If every single rendering, regardless of platform, would follow the standard as closely as possible, that would be a beautiful world. – A Web Developer

https:// mdn-web-dna.s3-us-west-2.amazonaws.com /MDN-Browser-Compatibility-Report-2020.pdf

推荐：张青天

How to Implement Redux-Saga With ReactJS and Redux [TUTORIAL]

Very often, you can hear about the state in frontend applications, but what it exactly is? Let me explain.State in frontend applications represents all the data stored in the application in a given time. It can be stored in different formats like objects or strings. Based on the state’s values, we can personalize the application, display, and hide certain elements.

https://www. blog.duomly.com/impleme nt-redux-saga-with-reactjs-and-redux/

推荐： 蔡璐麒

不用 try catch，如何机智的捕获错误

这是多个 feature 组合使用后实现的神奇效果，在 React 源码中被广泛使用。当我读源码看到这里时，心情经历了：懵逼 -- 困惑 -- 沉思 -- 查文档 -- 豁然开朗，看完此文，相信你也会发出感叹：还能这么玩？ https:// mp.weixin.qq.com/s/ne7T s5fagf6xFq7mNhr2ng

推荐：蔡源

业务前端如何突破困境

作为一个业务前端，完成业务需求的同时，还要处理各种线上问题，加班辛苦忙碌了一年，还要被老板说“思考是不够的”、“没有业务 scene”，出去面试，被问项目，也说不出什么有亮点或者有挑战的东西，想做点牛逼的东西，也没有发现什么有价值的方向，好不容易找到一些方向，还要被老板各种质疑“打压”，最终可能就只是做了一点性能优化工作，抽离了一些可复用的组件……不禁让人感叹，业务难、前端难、做业务的前端更难！

https:// fed.taobao.org/blog/tao fed/do71ct/front-end-problems/?spm=taofed.blogs.blog-list.3.20e35ac8rpSDWK

推荐：王子龙

Ionic4 开发实战日记

记录开发过程中需要的关键知识点与解决方案。Ionic 基于 Web Components，具有更好的运行速度。Ionic 是一个开源的移动应用程序开发框架，它可以轻松地使用 Web 技术构建高质量的跨平台的移动应用。可以让我们快速开发移动 App、移动端 Web 页面、微信公众平台应用，混合 App Web 页面。 https://www. hllinc.cn/2019/12/20/Io nic4%E5%BC%80%E5%8F%91%E5%A4%87%E5%BF%98/

推荐：洪亮

「浏览器工作原理」写给女友的秘籍-浏览器组成&网络请求篇

想要成为一名合格的前端工程师，掌握相关浏览器的工作原理是必备的，这样子才会有一个完整知识体系，要是「能参透浏览器的工作原理，你就能解决80%的前端难题」。

https:// juejin.im/post/68466875 90540640263

推荐：洪亮

Facebook 新一代 React 状态管理库 Recoil

在 React Europe 2020 Conference 上， Facebook 软件工程师 Dave McCabe 介绍了一个新的状态管理库 Recoil。Recoil 现在还处于实验阶段，现在已经在 Facebook 一些内部产品中用于生产环境。毕竟是官方推出的状态管理框架，之前没时间仔细研究，借着国庆期间看了看，给大家分享一下。

https:// mp.weixin.qq.com/s/CK8j cN4tVrOw_lx5MHSr6Q

推荐：安振

Javascript 高级程序设计第四版详细测评

哈喽大家好， 我是大圣，上次做了一个 JS 的书籍测评，评价还不错，在做 CSS 和 Node 之前，再做几本书的详细推荐吧, 国庆今天又在家好好读了几本具有代表性的...

https:// juejin.im/post/68809946 83867103240

推荐：王明全

Chrome 87 开发者工具新特性

新特性都是先在 Chrome 的 Canary、Beta 通道中发布的，要想第一时间体验新特性，请下载 Canary 或 Beta 通道版本的 Chrome。本文中的所有链接都是需要越墙的，请自备通过方式。

https:// juejin.im/post/68804434 48210489352

推荐：王明全

如何用 JS 实现“划词高亮”的在线笔记功能？

今天带大家一起来看看下，如何实现“划词高亮”功能。笔者前段时间为线上业务实现了一个与内容结构非耦合的文本高亮在线笔记功能。非耦合是指不需要为高亮功能建立特殊的页面 DOM 结构，而高亮功能对业务近乎透明。该功能核心部分具有较强的通用性与移植性，故拿出来和大家分享交流一下。

https://www. alienzhou.com/2019/04/2 1/web-note-highlight-in-js/

推荐：吴周康

28 个 JavaScript 编程黑科技，装逼指南，高逼格代码，让你惊叹不已

单行写一个评级组件你能做到吗？如何用代码优雅的证明自己NB？JavaScript 如何优雅的取整？逗号运算符你会用吗？28 个 JavaScript 编程黑科技助你一臂之力。

https:// zhuanlan.zhihu.com/p/26 2533240

推荐：张立彬

深入浅出主流的几款小程序跨端框架原理

目前，小程序在用户规模及商业化方面都取得了极大的成功。微信、支付宝、百度、字节跳动等平台的小程序日活都超过了 3 亿。我们在开发小程序时仍然存在诸多痛点：小程序孱弱简陋的原生开发体验，注定会出现小程序增强型框架，来提升开发者开发体验；各家厂商小程序 API 碎片化的现状，注定会有多端框架会成为标配，由跨端框架肩负跨平台移植挑战。

https:// juejin.im/post/68815978 46307635214

推荐：吕岳阳

Javascript 多线程编程的前世今生

大家看到文章的标题《Javascript 多线程编程》可能立马会产生疑问：Javascript 不是单线程的吗？Javascript IO 阻塞和其他异步的需求（例如 setTimeout, Promise, requestAnimationFrame, queueMicrotask 等）不是通过事件循环（Event Loop）来解决的吗？

https:// zhuanlan.zhihu.com/p/14 8447316

推荐：潘易谦

细数 TS 中那些奇怪的符号

本文阿宝哥将分享这些年在学习 TypeScript 过程中，遇到的 10 大 “奇怪” 的符号。其中有一些符号，阿宝哥第一次见的时候也觉得 “一脸懵逼”，希望本文对学习 TypeScript 的小伙伴能有一些帮助。

https:// juejin.im/post/68750910 47752400910

推荐：单滨滨

阔别两年，webpack 5 正式发布了

自从 2018 年 2 月，webpack4 发布以来，webpack 就暂时没有更进一步的重大更新，为了保持 API 的一致性，旧的架构没有做太多改变，遗留了很多的包袱。阔别 2 年多后，2020 年 10 月 10 日，webpack 5 正式发布，并带来了诸多重大的变更，将会使前端工程师的构建效率与质量大为提升。

https:// mp.weixin.qq.com/s? __biz=MzIzOTkwMjM0OQ==&mid=2247485603&idx=1&sn=e919d74a6fc3babea3d0621d7c61ae06

推荐：方晓