从浏览器渲染过程看重绘回流
浏览器渲染过程如下:解析 HTML,生成 DOM 树,解析 CSS,生成 CSSOM 树。将 DOM 树和 CSSOM 树结合,生成渲染树(Render Tree)。Layout(回流): 根据生成的渲染树,进行回流(Layout)
vue 文字横向无缝走马灯组件
marquee标签已经废弃了,只能手动实现文字走马灯样式,父组件引入 import myMarquee from ./my-marquee
如何取消 Fetch 请求?
JavaScript 的 promise一直是该语言的一大胜利——它们引发了异步编程的革命,极大地改善了 Web 性能。原生 promise 的一个缺点是,到目前为止,还没有可以取消 fetch 的真正方法。 JavaScript 规范中添加了新的 AbortController
js浮点数运算时出现精度问题以及保留指定精度位
因为toFixed可能会出现bug,比如value为: 310.275,保留2位小数,为310.27;或者是value为: 139.605 ,保留2位小数,为: 139.60
React常用hook的优化useEffect浅比较
先说说react原版的useEffect使用起来不便的地方,这里的effect每次更新都会执行,因为第三个参数一直是不等的,第二是在deps依赖很多的时候是真的麻烦
React封装强业务hook的一个例子
最近因为使用列表展示的需求有点多,就想着把列表分页筛选的逻辑抽象一下。看了umi的一个useTable的hook,也不能满足业务需要,于是就自己写了一个,支持本地分页筛选和接口分页筛选。
JavaScript 深入之从原型到原型链
每个函数都有一个prototype属性,就是我们经常在各种例子中看到的那个prototype,其次是__proto__, 绝大部分浏览器都支持这个非标准的方法访问原型,然而它并不存在与Person.prototype中
什么是DOCTYPE声明?对网页起何作用?
要建立符合标准的网页,DOCTYPE声明是必不可少的关键组成部分。那么什么是DOCTYPE声明?对网页起何作用?DOCTYPE是document type(文档类型)的简写;!DOCTYPE声明是一种指令
js重写内置的call、apply、bind
首先看call和apply,第一个参数就是改变的this指向,写谁就是谁,如果是非严格模式下,传递null或undefined指向的也是window,二者唯一的区别是执行函数时,传递的参数方式不同,call是一个个的传递