面对繁忙的日程安排与紧迫的工期限制，选择能够切实提升生产率的工具无疑至关重要。在这里，我整理出一份个人最喜欢的 NPM 软件包清单。为了便于浏览，我还对它们进行了分类，希望呈现出更加清晰的结构。当然，

在浏览器端，虽然以LocalStorage为代表的本地持久化方案已经非常成熟，但cookie因其可跨三级及以上域名、可后端参与操作等特性，在涉及用户验证等诸多业务中依然被广泛运用。 我们可以用谷歌控制台体会一下。 然后进入Application->Cookie->https:/…

keep-alive 包裹动态组件时，会缓存不活动的组件实例，而不是销毁它们。和 transition 相似，keep-alive 是一个抽象组件：它自身不会渲染一个 DOM 元素，也不会出现在父组件链中。 由于现在组件的keep-alive是动态根据路由元信息中的keep…

这文章在一年前已经写出来了。今天还是决定放出来供所有人学习。为什么我会写vue组件通信全揭秘，因为无论任何组件模式的框架。组件是核心，只有把组件写组件之间能理顺了。项目也就自然顺了。内容非常多，而且一年后我觉得组件的通信部分的没有任何变化。没有任何一点过时。希望对大家有帮助 V…

近日Node.js之父瑞安达尔（Ryan Dahl）发布新的开源项目 deno，从官方介绍来看，可以认为它是下一代 Node，使用 rust 语言代替 C++ 重新编写跨平台底层内核驱动，上层仍然使用 V8 引擎，最终提供一个安全的 TypeScript 运行时。 甚至Dahl…

开发 H5 遇到过几次竖排文字的需求，把实现思路梳理一下。 非汉字需与汉字垂直。 <input> 标签没有竖排的属性，最先尝试修改 <input> 的样式来实现效果，但是效果不理想。最后使用 HTML 的 contenteditable 属性。 想通过限定 输入框的宽度 与 文…

从回答上来分析，虽然伪类和伪元素平时都有接触，但在概念上，都比较模糊。今天，我们就来说说伪类与伪元素的区别，以及使用场景。伪类，不是只有 a 标签的四种状态。伪元素，也不是只有 ::before 与 ::after。更多的伪类与伪元素，详见文末附录。 伪类，更多的定义的是状态。…

有一个任务非常耗时会消耗后台大量算力，所以在退出页面的时候，要求前端这边发送一个请求来杀死任务。 一开始以为这个需求非常简单，就是在进入其他路由前，发送一下请求，杀死一下任务就好了。 然而在刷新页面的时候，beforeRouteLeave并不会执行，接着想到了下面这两个API.…

在JavaScript中，super 指向了父级class 的 constructor,(例子中就是 React.Component的原型对象)。 但是我们忘了，this.greetColleagues( ) 在 super 调用之前，this.name 都没有定义，代码会抛错…