Hello，豆皮粉们，你们的小可爱来了，这回约稿又得到来自字节跳动的“songEagle ｜ saucxs” ，《一道面试题是如何引发深层次的灵魂拷问？》文章写的由浅入深，从各个方面剖析一道经典面试题需要全方面考虑，尽可能考察整个研发测涉及到的知识点，文章以点带面，详细叙述，可…

开发者常常问我关于像素工作流程的某些部分，什么时候、为什么、发生了什么。所以我感觉值得提供一些参考，有关于将像素显示在屏幕上的过程里发生了什么。 警告：文本是 Blink（译注：Chrome 使用的排版引擎，是 webkit 的分支）和 Chrome 的视角。主线程的大部分任务…

🔥这周我看了看了尤大神亲手写的mini版Vue3，笔记如下请大家指正。 1. 数据响应式模块 提供创建一切数据变化都是可以被监听的响应式对象的方法。 2. 编译模块 3. 渲染函数 MVVM框架其实就是在原先的View和Model之间增加了一个VM层完成以下工作。完成数据与视…

在 JS 世界里，有一类看上去很高大上实质上很基础的东西：Buffer。今天好好介绍一下这厮。 ... ... ... 它虽然叫做 Array，但本质上和数组并没有什么关系。这玩意是申请了一段内存区域，但是里面放的是啥，我们并不知道，它只是存了一堆字节，也无法直接操作它。如果我…

相信很多人都像我一样，学习使用了vuex后，想把项目改写成Typescript。但是官方教程要么晦涩难懂，要么缺少鲜活的例子。我花了一天时间，总结出了一些经验。在此分享出来。 本教程通过编写一个简单的demo讲解vuex的实现方式，以及如何对基于vue2.x的已有项目进行Typ…

相信前端开发的同学，对表单其实并不陌生，而且时至今日，表单应用的编写因为React、Vue等框架的出现，也变得更加地便捷了。在前端工作中，有着很多中后台应用-表单的开发工作量，笔者自己深陷其中，所以为了让头发别掉得太快，重新去理解了表单这个东西，从而重新去思考和设计表单的开发模…

这个会不会是因为html嵌套太深导致Layout等计算复杂，所以CPU上升了呢，笔者尝试把DOM结构简单化，以及加上contain: strict等Layout隔离的方法，也是没有效果。所以只能是JS执行问题了，通过Chrome devtools的Performance可以研究…

作为互联网项目，最重要的便是用户体验。在举国“互联网+”的热潮中，用户至上也已经被大多数企业所接收，特别是在如今移动端快速发展的时代，我们的网页不仅只是呈现在用户的PC浏览器里，更多的时候，用户是通过移动产品浏览我们的网页。加之有越来越多的开发者投入到Web APP和Hybri…

Storyshots: 快照测试。 Specs: 交互测试。 Notes: 在 story 中添加备注。 Info: 用于创建 css 框架手册。 Readme: 将 markdown 导入为 story。 actions: 显示事件的 event 对象。 Intl: 添加 l…