什么是空白节点 ? querySelectorAll 有哪些坑? 怎么查询伪元素，四种删除节点方式你知道几种？我们一起了解DOM的增删改查。

H5 项目是企鹅辅导的核心项目，已迭代四年多，包括了课程详情页/老师详情页/报名页/支付页面等页面，构建产物用于企鹅辅导 APP/H5（微信/QQ/浏览器），迭代过程中了也累积了一些性能问题

上一篇文章《用 JSX 实现 Carousel 轮播组件》中，我们实现了一个 “基础” 的轮播组件。为什么我们叫它 “基础” 呢？因为其实它看起来已经可以满足我们轮播组件的功能，但是其实它还有很多缺陷我们是没有去完善的。 虽然我们已经在里面实现了两个功能，一是可以自动轮播，二是…

我们为什么要写个组件上传到npm镜像上呢，我们肯定遇到过这样一个场景，项目中有很多地方与某个功能相似，你想到的肯定是把该功能封装成Component组件，后续方便我们调用。但是过了一段时间，你的Leader让你去开发另一个项目，结果你在哪个项目中又看见了类似的功能，你这时会怎么…

离线存储应用程序数据已成为现代Web开发中的必要条件。内置的浏览器 localStorage 可以用作简单轻量数据的数据存储，但是在结构化数据或存储大量数据方面却不足。 最重要的是，我们只能将字符串数据存储在受XSS攻击的 localStorage 中，并且它没有提供很多查询数…

选一个好的时间点发布。一鼓作气再而衰三而竭。组合优于继承。求新求变求不同。立意、格局、深度思考最重要。

本文其实应该叫，Web 用户体验设计提升指南。 ... 所谓的用户体验设计，其实是一个比较虚的概念，是秉承着以用户为中心的思想的一种设计手段，以用户需求为目标而进行的设计。设计过程注重以用户为中心，用户体验的概念从开发的最早期就开始进入整个流程，并贯穿始终。 良好的用户体验设计…

框架设计远没有大家想的那么简单，并不是说只把功能开发完成，能用就算完事儿了，这里面还是有很多学问的。比如说，我们的框架应该给用户提供哪些构建产物？产物的模块格式如何？当用户没有以预期的方式使用框架时是否应该打印合适的警告信息从而提升更好的开发体验，让用户快速定位问题？开发版本的…

你可能听说过 WebAssembly 很快。但是是什么让 WebAssembly 能这么快呢？ 在这个系列中，我会解释为什么 WebAssembly 很快。 WebAssembly 是一种使 JavaScript 以外的编程语言编写的代码能够在浏览器中运行的技术。所以当人们在讨…