粘性定位position sticky元素采用正常的文档流布局（static）,当其边框（border矩形）相对于最近的滚动祖先元素的内边框（即content矩形）的小于指定阈值时，则position sticky元素相对于该最近的滚动祖先元素固定位置。

估计都比较熟悉这些HOOKS了吧：useState, useEffect, useContext, useMemo。但我当第一次看到useImperativeHandle时，一脸懵逼（这是什么鬼东西~~~）。

第二次点击“setCounter”按钮，虽然state的值没有变，但也触发了一次组件Counter re-render，但是没有触发组件Display re-render；即输出： {代码...}

第二次点击“setCounter”按钮，虽然state没有变，但是又触发了一次组件Counter re-render，但是没有触发组件Display re-render，输出： {代码...}

JS中判断数据类型的方式有很多typeofObject.prototype.toStringinstanceofArray.isArray一、回顾JS数据类型分为基本类型和引用类型。基本类型：undefinednullNumberStringBooleanSymbol引用类型ObjectFunction函数是一种特殊的对象，即可调用的对象。二、typeof2.1 语法typeof操作符可以区分基本类型，函数和对象。 {代...

浏览器构建DOM树过程中遇到script标签就会暂定构建，并开始下载脚本，执行脚本，之后再继续构建DOM树。并且相对于文档，往往脚本文件体积大，并且网络下载的耗时比解析DOM树要大得多。

项目中遇到一些的字符串处理场景：对整型金额进行千分位格式化，如：1,000表单字段校验，如姓名只能是中文且长度范围是[2,4]身份证号保留前6后4，中间8位掩码处理。对于这些都可以使用正则表达式完成。如果你还不知道该怎么用，那有必要学习下正则表达式了。一、RegExp函数正则表达式专门用于描述字符串的字符组合格式。...

一、模块化前端模块化的好处都已经被说烂了，归纳为两点：避免全局变量污染；有效的处理依赖关系。ES2015终于引入了模块的概念，最近学习了下，顺便记下笔记。二、准备工作在Chrome浏览器环境运行代码；新建个目录，目录下包含两个文件：index.html {代码...} index.js三、模块导出 export一个文件定义一个模块，通过exp...