众所周知，性能十分重要。然而，我们真的知道性能瓶颈具体在哪儿吗？是执行复杂的 JavaScript，下载缓慢的 Web 字体，巨大的图片，还是卡顿的渲染？研究摇树（Tree Shaking），作用域提升（Scope Hoisting），或是各种各样的与 Intersection…

最近一个活动页面中有一个小需求，用户点击或者长按就可以复制内容到剪贴板，记录一下实现过程和遇到的坑。 分别来看看这两种方法是如何使用的。 这是clipboard的官网：https://clipboardjs.com/，看起来就是这么的简单。 注意到，在 <button> 标签中…

进入某页面自动弹出带小数点的数字键盘，并且自带输入验证，比如金额——只能输入数字和小数点，并且只能输入一位小数点、小数位不超过2位，且输入前验证不合法就不让输入、(UE特加功能——定制光标颜色>.<简直是反人类的需求)。细分如下： 1. 基于input + 手机自带键盘实现方案…

我面试过很多同学，其中能把原型继承讲明白的寥寥无几，能把new操作符讲明白的就更少了。希望这篇文章能够解决你的疑惑，带你面试飞起来。 继承是OO语言中的一个最为人津津乐道的概念.许多OO语言都支持两种继承方式: 接口继承 和 实现继承 .接口继承只继承方法签名,而实现继承则继承…

有些东西很好用，但是你未必知道；有些东西你可能用过，但是你未必知道原理。 实现一个目的有多种途径，俗话说，条条大路通罗马。很多内容来自平时的一些收集以及过往博客文章底下的精彩评论，收集整理拓展一波，发散一下大家的思维以及拓展一下知识面。

1.左子树上所有结点的值均小于或等于它的根结点的值。 2.右子树上所有结点的值均大于或等于它的根结点的值。 3.左、右子树也分别为二叉排序树。 接下来我们依次插入如下五个节点：7,6,5,4,3。依照二叉查找树的特性，结果会变成什么样呢？ 1.节点是红色或黑色。 2.根节点是黑…

本文翻译自《Stay updated in JS fatigue universe》，并对内容有所补充和修改。 我的许多同事都想知道我是如何设法保持最新的状态，并且仍能完成我的日常工作。在这篇文章中，我将分享我的日常生活，并告诉你如何找到有用的信息。 我的许多资源来自twitt…

这款抽奖小Demo拥有类似现实中转盘抽奖的效果，会在最后慢慢停止。 1. 整体目录 2. HTML结构 这里有一点需注意，因为每个格子是通过CSS整体进行30°旋转，所以1号格子想要在0°的话需要放到最后一个。 3. CSS样式 然后每个 li 设置成上三角形的样式。ul进行溢…

大家在开发的时候应该知道，有很多常见的实例操作。比如数组去重，关键词高亮，打乱数组等。这些操作，代码一般不会很多，实现的逻辑也不会很难，下面的代码，我解释就不解释太多了，打上注释，相信大家就会懂了。但是，用的地方会比较，如果项目有哪个地方需要用，如果重复写的话，就是代码沉余，开…