小安快跑

摘要： 观察者模式又叫发布订阅模式，它定义了一种一对多的关系，让多个观察者同时监听某一个主体对象，这个主体对象的状态发生变化时就会通知所有的观察者对象，使得他们能够更新自己。 可观察对象Observable与Promise的区别： 阅读全文

摘要： 虚拟DOM就是用JS来模拟DOM结构。 为什么要虚拟DOM？ 当用传统的api或jQuery去操作DOM时，浏览器会从构建DOM树开始从头到尾执行一遍流程。比如当你在一次操作时，需要更新10个DOM节点，理想状态是一次性构建完成DOM树，再执行后续操作。但是浏览器没有那么智能，在收到第一个更新DOM 阅读全文

摘要： 1、工厂模式 工厂模式类似于现实生活中的工厂可以生产大量相似的商品，去做同样的事情，实现同样的效果。 用函数来封装以特定接口创建对象的细节 说明：1、在函数中定义对象，并定义对象的各种属性，虽然属性可以为方法，但建议将属性为方法的属性定义到函数之外，这样就可以避免重复创建该方法。 2、在函数的最后返 阅读全文

摘要： 自定义事件，就是自己定义事件类型，自己定义事件处理函数。 我们平时操作dom时经常会用到onclick、onmousemove等浏览器特定行为的事件类型。 封装is自定义事件基本的构思： 在js默认事件中事件类型以及对应的执行函数是一一对应的，但是自定义事件，需要一个映射表来建立两者之间的联系。 如 阅读全文

摘要： 如果要设置物体拖拽，必须使用三个事件，分别是： 1、onmousedown:鼠标按下事件 2、onmousemove:鼠标移动事件 3、onmouseup:鼠标抬开事件 拖拽的原理：根据鼠标的移动来移动被拖拽的元素。鼠标的移动就是鼠标x、y坐标的变化，元素的移动就是position的top和left 阅读全文

摘要： 如12出现1的次数为5，分别是：1，10，11，12 一般做法：从1-n遍历，计算每一个数中每一位出现1的次数 这种做法对每一个数字都要做除法和求余运算，以求出该数字中1出现的次数。但是当输入的n非常大时需要大量的计算，运算效率不高。所以需要进行优化。 法二：分析规律 计算每一位出现1的次数 （1） 阅读全文

摘要： 应用场景 我们经常需要监听滚动条滚动或者鼠标的移动，但是浏览器触发这类事件的频率非常高，可能10几毫秒就触发一次，有的时候我们只需要处理函数执行一次，比如文本输入验证，执行多次处理函数反而没必要。 常规实现，以监听 scroll 事件为例 解决方法： 减少DOM操作的频度，也就是稀疏处理函数的执行频 阅读全文

摘要： 不仅要避免去操作DOM，还要减少去访问DOM的次数。 在浏览器中，DOM和JS的实现用的并不是同一个‘东西’，即不是在同一个地方，DOM和JS是两个独立的个体。 原因： （1）我们知道浏览器内核中有两个引擎，JS引擎和渲染引擎，他们是彼此分开的，且每一次使用JS去操作DOM时，两个引擎之间会发生“跨 阅读全文

摘要： 假设有一个int类型的数，值为5，在计算机中的表示为：（int型的数占4个字节，32位）所以前面会有一堆0 00000000 00000000 00000000 00000101 现在想知道-5在计算机中怎么表示？ 在计算机中，负数以其绝对值的补码形式表达。 需要先获得其绝对值的原码，再得反码，再得 阅读全文

摘要： 缓存的重要性不言而喻，通过网络请求资源缓慢并且降低了客户端的用户体验，增加了服务器的负担。很多短期内不会经常发生变化的资源文件没必要每次访问都向服务器进行数据请求，而缓存策略的使用就是为了改善客户端的呈现时间，降低服务器的负担。 对于HTTP缓存机制来说，策略体现在HTTP头部信息的字段上，这些策略 阅读全文