进击的飞猪

又是个老生常谈的问题辣。笔者记录一下自己的理解。 输入 首先，在输入的过程中，浏览器会实时捕捉输入的内容，如果输入的不是网址或者协议不合法的话，就会使用浏览器默认的搜索引擎...

又是老生长谈的问题了，笔者记录一下大致的方向，其中的细节之后有时间再补充。 请求时优化 1.DNS预解析：DNS prefetch用于meta和link标签 2.减少htt...

老生常谈的双向数据绑定，再Vue2和Vue3中实现原理分别是Object.defineProperty和Proxy。 一个是Object原型上的方法，一个是类Proxy。下...

笔者在学习WebSocket时，写的一个简单demo。 使用了node-websocket这个包。实现了在页面上的多人聊天功能。也不算复杂。。。 页面代码 node服务 步...

大家都知道单行文字水平垂直居中怎么设置，那么多行文字呢？ 单行文字 多行文字 *这里使用了最常用的flex布局来实现。 记录记录！...

又是老生长谈的问题了，接下来我们就看一下具体的例子叭。 防抖 如果一直触发，则不执行。直到达到规定的时间，没有继续点击，就执行。 应用示例 直到300ms内没有点击，数字才...

高阶函数就是传参有函数作为参数的函数。比如很多数组方法都是高阶函数，map、filter、reduce、forEach等等。 而在业务开发中，使用高阶函数可以： 1.降低代...

loadash里有很多非常好用的封装好的库函数，比如get，深拷贝等等。 我们就来看看get函数是怎么实现的。 get 首先构造数组，把中括号替换掉。再reduce循环即可...

可以通过传统遍历或者正则来解决。 正则 传统方式 记录记录！这是面试经常考察的问题，所以要好好记录一下。...

浏览器提供了contains这个API函数。除了使用contains，我们还可以遍历两个子节点的父节点，再进行查找。 contains 遍历父节点 这里使用hash表，将时...

问题：已知数组 a=[1,[2,[3,[4,null]]]], 实现数组 b=[4,[3,[2,[1,null]]]] ，考虑n级嵌套的情况。 思路可以先将数组扁平化，再从...

可能大家看到这个问题，第一反应就是使用js获取元素的宽度或高度，事件监听元素尺寸大小变化时，设置宽高的比例。 但是秉承着能用css解决的就不要用js。那么我们可以用元素的p...

看到标题，我们的第一想法肯定是then的链式调用，但是要一直写一万个then嘛，于是我们可以封装函数来大大简化代码。 有两种方式来实现封装： 1.递归， 2.循环 + aw...

如今用react开发，绝大多数人肯定用hook来写业务了，我们需要在组件渲染的不同阶段执行一些业务逻辑，这就需要使用类组件的生命周期钩子。那么传统的class组件生命周期怎...

思路 思路很重要的一点就是保存promise的状态，不要让它立即resolve。而延迟执行有两种方式： 1.静态函数实现 2.await实现 静态函数 await 测试代码...

在平常开发中，我们很少用到setInterval。因为在事件循环中，setInterval的延迟可能会积累，所以setTimeout比setInterval要准确。接下来就...

const指定基本数据类型，不能修改。指定引用数据类型，代表的是指针，属性值可以修改。 具体可以用Object.defineProperty来实现 记录记录！...

1.动态创建一个script标签，src为请求的url。 2.url的参数为callback=callbackName。 3.给全局对象window添加属性callback...

树是数据结构与算法中一种非常重要的结构，在难以计数的方面都使用了树结构。比如hash表的索引使用了链表和红黑树、diff算法查找dom树结构、堆存储是完全二叉树的一种等等。...

BFC即是块级格式化上下文的缩写，旨在创建一个独立的布局环境，其中的元素布局不受外界影响。 触发BFC的常见属性 overflow:hidden； display为inli...