以下是 MutationObserver、IntersectionObserver 和 ResizeObserver 的核心区别及适用场景的总结：

宏任务（Macro Task）定义由浏览器或Node.js环境发起的任务，代表需要较长时间执行的代码块。执行时机：在事件循环的每一轮（一个Tick）中执行一个宏任务，之后处理所有微任务。常见类型setTimeout / setInterval：定时器回调。I/O操作：文件读写、网络请求等。DOM事件回调：如点击事件、滚动事件。requestAnimationFram...

正则要求： 没有id属性的h1/2标签，支持过滤嵌套标签生成string作为锚点id<h[12]: 匹配 <h1> 或 <h2> 标签的开始。(?![^>]*\bid=): 使用负向前瞻，确保标签中没有 id 属性。[^>]*: 匹配 <h1> 或 <h2> 标签中的其他属性（如果有的话）。([\s\S]*?): 捕获标签内部的所有字符，包括空格和...

版本nuxt3.14依赖vite+element-plus+scssnuxt文档不清晰，版本问题也很多，要自己琢磨。element-plus适配ele集成用的推荐@element-plus/nuxtelement-plus版本如果不是>=2.8.8,要手动升级,不然!global assignments告警让人奔溃ele主题 {代码...} element主题变量定义，用@element-plus/nuxt推荐即可 {代码...} element...

先上代码 {代码...} 输出结果URLSearchParamsURLSearchParams.append(),插入一个指定的键/值对作为新的搜索参数。URLSearchParams.delete(),从搜索参数列表里删除指定的搜索参数及其对应的值。URLSearchParams.entries(),返回一个iterator可以遍历所有键/值对的对象。URLSearchParams.get(),获取指定搜索参数的第一个值...

JavaScript 在需要用到布尔类型值的上下文中使用强制类型转换(Type Conversion )将值转换为布尔值，比如：在条件语句或者循环语句中

for...in以任意顺序迭代一个对象的可枚举属性，包括继承的可枚举属性。(包括继承属性)(不包括Symbol)可以迭代数组遍历顺序先遍历出（非负）整数属性（integer properties，按照升序），然后其他属性按照创建时候的顺序遍历出来 {代码...} 结果为： {代码...} 原因，ECMAScript规范中定义了 「数字属性应该按照索引值⼤⼩...

先简单看几个常用基础标识符^ 匹配一个输入或一行的开头， {代码...} $ 匹配一个输入或一行的结尾 {代码...} *匹配前面元字符0次或多次 {代码...} +匹配前面元字符1次或多次 {代码...} ? 匹配前面元字符0次或1次 {代码...} {代码...} 正则表达式(Regular Expression)其实是一门工具，通过字符串模式匹配，实现搜索和替换...

try、catch、finally用法总结:　　1、不管有没有异常，finally中的代码都会执行　　2、当try、catch中有return时，finally中的代码依然会继续执行　　3、try或catch里面有return语句，finally里面的表达式依旧会执行，但不影响try.catch return的值。finally语句执行不会影响try或catch的return {代码...} 打印结果 {代...

会为该组件内所有dom元素都加一个【标识组件唯一】的动态属性[哈希值,data-v-实例标识] (这里dom，包括 [普通dom元素] 和 [子组件的根元素] )

关键字，技巧了解keyof,用来取得一个对象接口的所有 key 值 {代码...} in 则可以遍历枚举类型 {代码...} typeof 用来获取基本数据的类型 {代码...} 注意只能用来查询变量或者属性的类型。无法查询其他形式的类型。比如说:返回调用的类型。extends 条件语句 {代码...} infer 声明一个变量来承载extends条件语句中的某些待...

两种方式assume-unchanged和skip-worktree添加本地忽略 {代码...} 移除本地忽略(恢复跟踪) {代码...} 3.git ls-files -v查看所有文件列表，小写h开头是assume-unchanged,大写S是skip-worktree。文件标识描述H缓存，正常跟踪文件Sskip-worktree文件hassume-unchanged文件Munmerged, 未合并Rremoved/deletedCmodified/chan...

无限滚动使用场景很多，有些难点需要注意。比如页脚中的链接无法访问，因为内容不断地将页脚推开；手机从纵向转向横向，您如何处理调整大小事件？或者，当列表过长时，您如何防止页面卡顿。

{代码...}

主要是关于RTCPeerConnection的状态connectionState和iceConnectionState这两个状态用于对应的事件onconnectionstatechange和oniceconnectionstatechange。

wheel,scroll(es标准滚轮事件)DOMMouseScroll（只有ff支持的滚轮事件,ff17以后可以用wheel标准事件）mousewheel(wheel之前的非标准事件，ie\opera兼容性,ff不支持)MouseWheelEvent和MouseScrollEvent(ff支持)

很简单，input里面放个after伪元素，替代原本的checkbox。原checkbox用visibility: hidden;隐藏掉。选中样式对应after的content: '\2714''\2714'对应打勾样式。

window.btoa和window.atob，是浏览器提供的字符串base64编解码。但是该方法不支持中文字符串的转码。因为转码是针对ASCII码。

{代码...} userAgent和connection的兼容性其实都不好，特别是pc，所以很多情况还是返回unkown

#data 格式 {代码...} {代码...}

计时器统一管理，es6 class写法 {代码...} 调用 {代码...} git链接[链接]

文件结构分析 env.js {代码...} modules.js其实就两个函数，为了读取jsconfig.json或者tsconfig.json文件中的配置，两个文件不能同时存在. paths.js文件前面说过了 pnpTs.js 这块确实不太清楚，不敢乱讲。看内容是关于typescript的，有ts-pnp插件配置，有大神帮忙解答下。 webpack.config.js所有webpack基础配置(除了dev...

yarn eject之后，文件目录相比之前只是多了config和scripts两个文件夹，package.json多了很多配置项,所以本文主要解决config和package.json两个部分.

canIuse 查询，显示ios和android都完美支持这个css属性，发现问题： ios下，父元素pointer-events:none;点击穿透，子元素 pointer-events:auto;//让子元素的点击事件生效

参考：js自动隐藏手机浏览器地址栏文章中实现原理其实很简单，强制页面高度超过手机屏幕高度，手动滚动时会隐藏浏览器自带地址栏和工具栏（qq浏览器不会隐藏工具栏）.js实现自动隐藏，

vue框架移动端做ip输入框组件，input在浏览器和微信端兼容问题。要求：只能输入数字，输入数字以外的字符（包括点、冒号等数字符号）时自动跳到下一段ip输入框.type=number类型，不会禁止点的输入。手动过滤拿不到包括点字符的字符串.而且输入多个点之后，拿到的值为空.解决办法：type=tel,只能输入数字，且可以获取到点...

iphone微信6.7.4版本出现的问题，用户输入时，软键盘弹出。收起软键盘的时候，页面下部软键盘原来位置会变成一片空白区域，页面没有恢复原状。