EmotionComputer

在一个css文件中，引入图标库的字体。

事件模型可以从两个角度来理解。

【代码】光标和元素的关系：mouseOver、mouseEnter、mouseOut、mouseLeave。

核心思路：内外两层div，外层div设置overflow:hidden;并动态设置外层div高度，高度根据内层div的offsetHeight。

【代码】滚动公告实现。

例如，Url参数字符串中使用key=value键值对这样的形式来传参，键值对之间以&符号分隔，如/s?如果你的value字符串中包含了=或者&，那么势必会造成接收Url的服务器解析错误，因此必须将引起歧义的&和=符号进行转义，也就是对其进行编码。通常如果一样东西需要编码，说明这样东西并不适合传输。原因多种多样，如Size过大，包含隐私数据，对于Url来说，之所以要进行编码，是因为Url中有些字符会引起歧义。原因：URL请求中不能直接带英文括号，不会进行自动转码；解决：可以将英文括号改为中文括号。

Node.textContent

WeakMap、WeakSet防止js内存泄露

script指定src后内部代码无效<script src='/test.js'> console.log(222) // 不会执行</script> <script src='/test.js'></script> <script> console.log(222) // 可以执行 </script>async 和 defer

将一维数组转换为二维数组的chunk方法

[Violation] 'click' handler took 5192ms

currying 柯里化

JavaScript事件委托

scrollIntoView

link和@import的区别

吸顶

onload事件

同步异步

try catch

编辑器、低代码

手写promise

http请求URL过大问题

cookie

jsPDF

new Blob() 和 URL.createObjectURL()

html2canvas 与 window.devicePixelRatio

User-Agent

web 渗透工具 curl 和 postman

document.createNodeIterator()

Array.fill()填充如果是对象，则填充的是对象的引用。

setTimeout和setInterval区别

iframe解决跨域通信问题

crossorigin

学习清单

前端性能常用评价指标

PWA

parentNode和parentElement，childNodes和children的区别

encodeURIComponent和encodeURI

请求参数undefined和null被axios过滤

swr