js
文章平均质量分 54
haosicx
这个作者很懒,什么都没留下…
展开
-
Workbox使用分享
官方文档原文:Precaching!简单的来说 Workbox 是由 Google 开发的一个基于 Service Worker 的js库,提供了很多高效好用的工具和策略,其目的在于更加高效的实现应用缓存和离线优先应用(PWA),不再需要繁杂的编写SW相关的代码。原创 2024-03-12 23:30:28 · 990 阅读 · 0 评论 -
vue数字校验自定义指令
【代码】vue数字校验自定义指令。原创 2023-02-06 12:03:47 · 371 阅读 · 0 评论 -
事件循环深度学习
默认情况下浏览器会为为每个标签页开启一个新的渲染进程 以保证不同的标签页之间不相互影响。默认情况下浏览器会为为每个标签页开启一个新的渲染进程 以保证不同的标签页之间不相互影响。比如qq进程崩溃了 肯定是不会影响到微信的 所以每一个进程是完全独立的。如果让渲染主线程等待这类型任务的时机达到,就会导致主线程长期处于。如果让渲染主线程等待这类型任务的时机达到,就会导致主线程长期处于。渲染主线程承担着极其重要的工作,无论如何都不能阻塞!渲染主线程承担着极其重要的工作,无论如何都不能阻塞!原创 2022-09-14 13:51:47 · 612 阅读 · 0 评论 -
shadow影子css隔离
主应用和子应用之间的样式隔离BDM 约定项目前缀 在样式前面加一个路径 比如/vue下面的所有样式– 这就也可以实现项目的个隔离 但是既然是约定 那就容易不遵守约定css-modules 打包时候生成不冲突的选择器名shadow Dom 真正意义上的隔离shadow影子隔离基础概念给元素创建一个影子 然后给这个影子添加样式这个样式只会添加在影子上 不会影响dom上的元素实现方法创建影子标签<!DOCTYPE html><html lang="en原创 2022-02-20 16:49:50 · 713 阅读 · 0 评论 -
前端图片显示优化 ( 压缩图片 )
图片预览的时候 如果图片过大 就会加载的很慢可以在图片的路径后面用?拼接?x-oss-process=image%2Fresize%2Cm_fixed%2Cw_100%2Ch_100' 会压缩图片 使得图片加载速度提升`图片的url?x-oss-process=image%2Fresize%2Cm_fixed%2Cw_100%2Ch_100'...原创 2022-01-21 11:50:42 · 337 阅读 · 0 评论 -
正则过滤富文本html格式数据转变成文字
// 传入富文本参数 toText(HTML) { const input = HTML; return input.replace(/<(style|script|iframe)[^>]*?>[\s\S]+?<\/\1\s*>/gi, '').replace(/<[^>]+?>/g, '').replace(/\s+/g, ' ').replace(/ /g, ' ').replace(/“/g, ' ').re原创 2022-01-18 19:28:54 · 350 阅读 · 0 评论