《前端技术观察》是由字节跳动IES前端团队收集、整理、推荐的业界高品质前端资源合集,主要分为以下几个板块:
《前端技术观察》的目的是让大家:
包括基本介绍,升级指南和升级的主要变化
https://webpack.js.org/blog/2020-10-10-webpack-5-release/
主要介绍Promise的构造函数/then/resolve的源码
https://mp.weixin.qq.com/s/V47KQoVOm7Eiioo2VSgxIw
新版本的主要特性(包括工作区/v2版package-lock等),内部更新内容(比如Arborist的应用),以及不兼容更改
https://mp.weixin.qq.com/s/NMHOgbqr27id8HZO5GW4bg
介绍了JS的基本特性(包括单线程/内存管理/事件循环等),Rust的基本特性(多线程/MRSW等),并通过一个游戏例子对比了两者的区别以及性能
https://www.jakobmeier.ch/blogging/Rust_on_the_Web.html#the-land-of-javascript
ECMAScript中原型查找的相关规范
https://mp.weixin.qq.com/s/JRHP-YyW_z7oZZXUG17p9Q
介绍了事件循环的各个阶段,以及NodeJS实现中的关键代码
https://mp.weixin.qq.com/s/Y0xAANfyIobCeVGxR1qtmQ
结合chrome浏览器介绍了多进程架构,以及渲染进程中的多线程
https://mp.weixin.qq.com/s/bkSmKYGHk0V5eZIfuSTNyQ
一款目前还在不断完善的Linter,目标是最快的JS Linter
https://github.com/RDambrosio016/RSLint
本文结合例子,讨论了用JS和其他语言编写JS工具的优劣
https://2ality.com/2020/10/js-plus-other-languages.html
Redux-Saga是一套Redux的异步解决方案,使用Generator来处理异步流程。本文分析了Redux-Saga的基本框架(包括channel/run/effect等处理),并从零开始实现了一套
https://segmentfault.com/a/1190000037525337
本文介绍如何使用几行简单的 CSS 代码,就能实现文章的排版布局
https://joshwcomeau.com/css/full-bleed/
Vimium 是 Chrome 浏览器的一个插件,可以只用键盘来操作网页,本文是它的教程
https://codefaster.substack.com/p/look-ma-no-mouse-vimium
Chrome 86 开始支持使用:marker伪类自定义
<ol>
和<ul>
的列表符号。https://web.dev/css-marker-pseudo-element/
Recoil 是一个 Facebook 团队开发的 React 的状态管理库(非 React 团队)
https://bennetthardwick.com/blog/recoil-js-clone-from-scratch-in-100-lines/
https://goodguydaniel.com/blog/hands-on-reactive-programming-rxjs
RxJS 是一个 JS 的响应式编程
亚马逊推出的开源流程图制作工具
https://github.com/awslabs/diagram-maker
一个命令行笔记软件
https://github.com/xwmx/nb
一个命令行图片压缩工具,支持压缩 PNG、JPEG、GIF 和 SVG 格式,并可以选择输出 WebP 格式
https://github.com/funbox/optimizt
跨平台、插件化的桌面搜索框工具,可以大幅提升办公效率
https://u.tools/
一个可检测各种浏览器库和框架,并展示的浏览器框架
https://github.com/johnmichel/Library-Detector-for-Chrome
本系列会持续更新,欢迎大家持续关注。IES前端团队负责字节跳动互娱社区全线产品前端开发工作,包括但不限于抖音、火山、轻颜、faceu等。如果你想加入我们的团队,欢迎投递简历到 lisqpersonal@163.com 标题:【求职】岗位-姓名-电话