- 博客(23)
- 收藏
- 关注
RSS订阅原创 一个前端面试官的自白：Connecting the Dots
这波只聊一件事上一篇聊了一些面试的前戏，重点在于简历、知识储备和心态。作为本系列的第二篇，我只准备说一件事情：搭建自己的知识网络。不吹牛逼的说，如果 get 到了我这篇在聊什么并且自己按...
2020-11-14 14:41:14
526
原创 Vue 3 | 自定义指令的新玩法
开门见山按照惯例，从上帝视角看一下自定义指令在 Vue 3 中发生了哪些改变：自定义指令的 API 改了名字，名字更贴近组件的生命周期自定义指令可以通过子组件的v-bind="...
2020-07-30 18:30:53
1434
原创 Vue 3 | 重新“定义”异步组件
开门见山依照惯例，首先从上帝视角看一下异步组件发生了什么改变：新增了一个方法：defineAsyncComponent，用来显式地定义异步组件component选项改名：loader...
2020-07-27 18:36:51
2400
原创 Vue 3 | 函数式组件变形记
开门见山从上帝视角看一下发生了什么：官方团队宣称，Vue 3 中函数式组件的性能提升微乎其微（与 Vue 2.x 相比），所以建议直接使用常规组件就好。如果想创建一个函数式组件，写一个...
2020-07-24 18:36:27
6525
原创 Vue 3 | Render 函数小变动
开门见山Render function API？是不是感觉有点陌生？那恭喜你，这个改动不会对你这位 <template> 用户造成影响。老规矩，上帝视角看一下：h 需要从全局...
2020-07-23 18:35:20
10328
5
原创 Vue 3 | v-model 进化论
开门见山首先从上帝视角看一下 v-model 发生了什么改变：重大变更：在自定义组件上使用 v-model 时，属性以及事件的默认名称变了：属性：value=>modelV...
2020-07-22 18:09:25
271
原创 Vue 3 | 万物皆可 TreeShaking
关于 TreeShaking 这件事情，官方已经强调无数次了，我也在之前的文章中有提到，原因就是 Vue 团队希望能帮助开发者减小 Web 应用的体积。什么是 TreeShakingT...
2020-07-21 18:20:41
1849
原创 现代浏览器内部机制 Part 4 | 事件
原文：Inside Look at Modern Web Browser(part 4)[1]作者：Mariko Kosaka[2]译者：kyrieliu终于到最后一篇了！作为这个系列的...
2020-06-28 09:43:56
107
原创 现代浏览器内部机制 Part 3 | 渲染进程的一生
原文: Inside Look at Modern Web Browser (part 2)[1]作者: Mariko Kosaka[2]译者: kyrieliu这是本系列的第三篇文章（...
2020-06-21 15:54:21
254
原创 现代浏览器内部机制 Part 2 | 导航这件小事
原文: Inside Look at Modern Web Browser (part 2)[1]作者: Mariko Kosaka[2]译者: kyrieliu本文是这个系列的第二篇文...
2020-06-18 12:11:08
323
原创 现代浏览器内部机制 Part 1 | 多进程架构
原文: Inside look at modern web browser (part 1)[1]作者: Mariko Kosaka[2]译者: kyrieliu在这个有 4 篇文章的系...
2020-06-13 17:35:08
279
原创 如何发布一个自己的 node package？
伴随着 Node 的兴起，npm 成为了前端工程中的模块小管家。当攻城狮们要在项目中使用第三方的开源框架或工具时，一行 npm install 就能把需要的东西从 npm 的服务器下载到...
2020-02-16 19:07:54
183
原创 Chrome 的小恐龙游戏，被我破解了...
一个阳光明媚的周末，透光的窗帘把我从睡梦中叫醒，大脑说今天是周六，可以慵懒个一上午，于是开心地打开我的 Mac 准备看两集 Rick and Morty 再起床洗漱。我迫不及待打开了对应...
2019-12-28 19:08:57
818
原创 DOM 都有哪些高级 API？
“我不敢徒手撕 DOM 了”绝大多数前端er都有这样的困扰，但本着基础为大的原则，手撕 DOM 应当是一个前端攻城狮的必备技能，这正是本文诞生的初衷 —— DOM 并没有那么难搞，如果能...
2019-11-22 20:45:16
184
原创 大碗宽面和 React Hooks
今年年初，React 团队发布了 React version 16.8.0，带来了一个新东西：Hooks。如果把 React 比作一大碗宽面的话，Hooks 就是其中非常有嚼劲并且味道很...
2019-04-22 19:35:52
152
原创 为什么我更喜欢 Vue 而不是 React？
在前端三大框架的日趋成熟的今天，React 和 Vue 的“用户口碑”已经远远超过 Angular。在这篇文章中，我会解释：这些框架中，我为什么会偏爱 Vue？在过程中，我会尽力用客观的...
2019-04-19 22:01:32
379
2
原创 React 中的 CSS
如果你刚接触 React，你可能会对组件样式的多种写法感到疑惑。在这篇文章中，我们将讨论这些不同的方法，它们各自的优缺点，以及如何在平时的项目中去使用它们。我们不妨从最原始但在项目中...
2019-03-03 21:48:39
248
原创 使用 React.Suspense 和 React.lazy() 实现 Code Splitting
没错，又是 Code Splitting，这次的方案适用于较新版本的 React。之前有介绍到 react-loadable，源于社区的力量，而这次要介绍的是 React 官方的 cod...
2019-02-24 00:08:44
143
原创 使用 React-loadable 在 React 应用中实现 Code Splitting
Code Splitting 是一项在现代 Web 开发中被运用至越来越广泛的技术，它可以让每一模块的代码只有在真正需要的时候才去加载。举个例子，使用了基于路由的 code splitt...
2019-02-21 23:34:21
283
原创 [译] The Cost Of JavaScript
原文链接：The Cost Of JavaScript译者：kyrieliu(劉凯里)我们在撸网站时，对 JavaScript 的依赖越来越重，与此同时，我们经常会为一些很难察觉的下发内...
2018-10-30 23:56:51
623
原创 [译] 图片格式你用对了吗？
原文链接：https://www.sitepoint.com/what-is-the-right-image-format-for-your-website/截至2017年3月，超过65...
2018-10-08 21:20:52
134
原创 浏览器的事件循环机制，不过如此
前段时间在网上陆续看了很多关于 Event loop 的文章，看完也就混个眼熟，可能内心深处对这种偏原理的知识有一些抵触心情，看完后也都没有去深入理解。最近在看 Vue 的源码，在读到关...
2018-09-02 20:18:27
80
原创 五分钟重温斐波那契数列
斐波那契数列是数学领域内一个非常经典的算法问题（算法渣写下这句话的时候都在瑟瑟发抖），今天就用五分钟的篇幅来浅析一下这个问题。什么是斐波那契数列？1，1，2，3，5，8，13，21......
2018-02-17 18:11:09
139
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人