首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
前端精读周刊
黄子毅
创建于2021-05-10
订阅专栏
前端精读周刊。帮你理解最前沿、实用的技术。
等 759 人订阅
共264篇文章
创建于2021-05-10
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
精读《数据之上·智慧之光 - 2018》
1. 引言 本周精读内容是:《数据之上 智慧之光》,由帆软软件公司出品。 帆软公司是国内一家做大数据 BI 和分析平台的提供商,主打产品是 FineBI。笔者所在阿里数据中台也处于数据分析应用的前沿,本次精读的文章就是帆软公司的 《数据之上 智慧之光 2018》,感谢提供这份国…
精读《What's new in javascript》
1. 引言 本周精读的内容是:Google I/O 19。 2019 年 Google I/O 介绍了一些激动人心的 JS 新特性,这些特性有些已经被主流浏览器实现,并支持 polyfill,有些还在草案阶段。 我们可以看到 JS 语言正变得越来越严谨,不同规范间也逐渐完成了闭…
精读《Function Component 入门》
1. 引言 如果你在使用 React 16,可以尝试 Function Component 风格,享受更大的灵活性。但在尝试之前,最好先阅读本文,对 Function Component 的思维模式有一个初步认识,防止因思维模式不同步造成的困扰。 2. 精读 也就是,一个返回了…
精读《为什么专家不再关心技术细节》
1. 引言 本周的精读是有感而发。 也就是专家们变得越来越不关心技术细节。需要说明是的,这里说的专家不再关心细节,不代表成为专家后学不会细节,也不代表专家不了解细节。 早期挺难理解这种转变的,笔者在学校里的知名度来自于前端做得精深,一根筋钻研技术的人眼里是容不下沙子的,所以当初…
精读《Monorepo 的优势》
1. 引言 本周精读的文章是 The many Benefits of Using a Monorepo。 现在介绍 Monorepo 的文章很多,可以分为如下几类:直接介绍 Lerna API 的;介绍如何从独立仓库迁移到 Lerna 的;通过举例子说明 Monorepo 重…
精读《持续集成 vs 持续交付 vs 持续部署》
相信大家以前应该接触过持续集成(Continuous integration)持续交付(continuous delivery)持续发布(continuous deployment)的概念,下面我们来说说三者的差异以及团队如何入手 CI/CD。 作者:猫神。 开发者尽量时时刻刻…
精读《V8 引擎 Lazy Parsing》
1. 引言 这篇文章介绍的优化技术叫 preparser,是通过跳过不必要函数编译的方式优化性能。 2. 概述 & 精读 解析 Js 发生在网页运行的关键路径上,因此加速对 JS 的解析,就可以加速网页运行效率。 编译不必要的代码会占用 CPU 资源。 在 GC 前会占用不必要…
精读《Scheduling in React》
1. 引言 这次介绍的文章是 scheduling-in-react,简单来说就是 React 的调度系统,为了得到更顺滑的用户体验。 毕竟前端做到最后,都是体验优化,前端带给用户的价值核心就在于此。 2. 概述 这是一个测试性能的 Demo,随着输入框字符的增加,下方图表展示…
精读《react-easy-state 源码》
1. 引言 react-easy-state 是个比较有趣的库,利用 Proxy 创建了一个非常易用的全局数据流管理方式。 上手非常轻松,通过 store 创建一个数据对象,这个对象被任何 React 组件使用时,都会自动建立双向绑定,任何对这个对象的修改,都会让使用了这个对象…
精读《编写有弹性的组件》
1. 引言 这次通过 Writing Resilient Components 一文,了解一下什么是有弹性的组件,以及为什么 Function Component 可以做到这一点。 2. 概述 相比代码的 Lint 或者 Prettier,或许我们更应该关注代码是否具有弹性。 …
精读《useEffect 完全指南》
1. 引言 工具型文章要跳读,而文学经典就要反复研读。如果说 React 0.14 版本带来的各种生命周期可以类比到工具型文章,那么 16.7 带来的 Hooks 就要像文学经典一样反复研读。 Hooks API 无论从简洁程度,还是使用深度角度来看,都大大优于之前生命周期的 …
精读《Function VS Class 组件》
1. 引言 为什么要了解 Function 写法的组件呢?因为它正在变得越来越重要。 how-are-function-components-different-from-classes 这篇文章带来了一个独特的视角。 2. 概述 原文事先申明:并没有对 Function 与 …
精读《Serverless 给前端带来了什么》
1. 引言 Serverless 是一种 “无服务器架构”,让用户无需关心程序运行环境、资源及数量,只要将精力 Focus 到业务逻辑上的技术。 会改变前后端接口定义规范。 一定会改变前后端联调方式,让前端参与服务器逻辑开发,甚至 Node Java 混部。 大大降低 Node…
精读《syntax-parser 源码》
1. 引言 syntax-parser 是一个 JS 版语法解析器生成器,具有分词、语法树解析的能力。 通过两个例子介绍它的功能。 如上,通过正则分别匹配了 “空格”、“字母或数字”、“加号”,并将匹配到的空格忽略(不输出)。 'a + b' 会按照上面定义的 “三种类型” 被…
精读《React PowerPlug 源码》
1. 引言 React PowerPlug 是利用 render props 进行更好状态管理的工具库。 React 项目中,一般一个文件就是一个类,状态最细粒度就是文件的粒度。然而文件粒度并非状态管理最合适的粒度,所以有了 Redux 之类的全局状态库。 同样,文件粒度也并非…
精读《正则 ES2018》
1. 引言 本周精读的文章是 regexp-features-regular-expressions。 s (dotAll) Flag - . 匹配任意字符 2. 概述 还在用下标匹配内容吗?匹配任意字符只有 [\w\W] 吗?现在正则有更简化的写法了,事实上正则正在变得更加易…
精读《极客公园 2019》
上周参加的 极客公园 2019 充满了科技前沿的思考,而且给 “互联网寒冬” 带来了未来的期望中,可以看到前端将发挥越来越重要的作用。 这篇文章将以前端的视角解读这次极客公园。 多问问 WHY NOT,少说多做,不妥协,去改变,将会帮你、创业者、甚至中国渡过这次互联网寒冬。 极…
精读《如何编译前端项目与组件》
通过 webpack / parcel / gulp 构建项目。 通过 parcel / gulp / babel 构建组件。 如果你喜欢零配置的 parcel,那么项目和组件都可以拿它来编译。 如果你业务比较复杂,需要使用 webpack 做深度定制,那么常见组合是:项目 -…
精读《Caches API》
caches 这个 API 是针对 Request Response 的。caches 一般结合 Service Worker 使用,因为请求级别的缓存与具有页面拦截功能的 Service Worker 最配。 本周精读的文章是 cache-api,介绍了浏览器缓存接口的基本语…
下一页