前端资源提示符

合集 - bjjc奇奇怪怪bug(35)

1.uniapp微信小程序uni.request捕获500异常2024-04-162.uniapp兼容问题2024-04-173.推荐两个好玩的轻提示2024-04-184.不够完美但也很能打的2024-04-185.uniapp实现刷新页面保留参数页面不报错的情况2024-04-196.关于ESLint: Delete `␍`(prettier/prettier) 错误解决方案（3种）2024-04-247.loading2024-04-268.关于设备像素比2024-04-299.js前端去除HTML标签返回纯字符串正则/<[^>]*>/g2024-05-0610.Js中valueOf和toString区别和使用2024-05-0711.vscode关于json文件添加注释报错处理2024-05-0812.使用js有效括号匹配封装函数2024-05-1113.单项数据流和双向数据绑定的原理，区别2024-05-1114.CSRF（跨站请求伪造）原理：2024-05-1115.记录一下现网微信小程序版本ios手机极个别手机关于登录api（别的没试过）不调用的问题，其他的ios可以正常唯独极个别的ios不可以2024-05-1516.uniapp实现多行文本溢出超过指定行数 展开 收起2024-05-1617.uniapp开发抖音小程序跳转2024-05-1718.css滚动吸附2024-05-1919.promise(A).catch(f1).then(f2),f1执行后f2回执行吗，为什么2024-05-2020.国际化怎么做，中文一个字，阿拉伯语很长一串，怎么实现样式的一致2024-05-2021.页面切换保存怎么实现数据不丢失且记忆滚动条位置，常规的方案会闪一下，不如原生性能，怎么解决2024-05-2022.nuxtjs锁函数封装2024-05-2123.css样式让元素得宽度由内容撑开2024-05-2224.watch vs. watchEffect​2024-05-2825.HEIC2024-05-2826.Intersection Observer API 是浏览器原生提供的，用于异步检测目标元素与视口或父元素是否产生交叉。它的优势在于提高性能和简化代码实现。2024-05-2927.backdrop-filter（纯CSS实现丝滑边框线条动画）2024-05-3028.js中try中定义的数据catch无法访问2024-06-0629.自动化脚本同步单个平台所有小程序（本质跨平台uniapp但是业务紧急，按需使用）2024-06-18

30.前端资源提示符2024-08-29

31.微信小程序授权弹框2024-09-2732.关于高度从0到auto的过渡效果2024-11-1833.split使用注意点2024-11-2534.js之连续赋值2024-12-1835.border和outline的区别2024-12-21

收起

由于 js 是单线程，DOM 解析是自上而下的，遇到 link 或 script 标签，去暂停主线程去下载资源，然后再继续解析，主线程在等待网络线程下载的这个时间段就会造成浪费，而 HTML资源提示符 就能很好解决这个问题。
async

异步下载 js 资源，不会阻止 DOM 解析，会在下载完成后立即执行 js 脚本

defer

异步下载 js 资源，不会阻止 DOM 解析，在 DOM 解析完后才执行 js 脚本，js 文件会在 DOMContentLoaded 事件调用前执行。
如果有多个设置了 defer 的 script 标签存在，则会按照顺序执行所有的 script。
如果 async 和 defer 同时存在，async 优先级更高。

preload

预加载，让浏览器提前加载指定资源(加载后并不执行) ，需要执行时再执行，一旦启用后便会告知浏览器应该尽快的加载某个资源，如果提取的资源3s内未在当前使用，在谷歌开发工具将会触发警告消息。

prefetch

告诉浏览器，这个资源将会在未来的某个时刻用到，浏览器会在空闲时下载它

module

可以做浏览器兼容，一般高版本的浏览器才会加载 type=module 文件