- 博客(7)
- 收藏
- 关注
RSS订阅原创 Vue复杂列表渲染卡顿优化
经排查后发现四处可优化地方✅1.通过refs调用dom并修改样式会导致页面重绘、回流，阻塞页面渲染，应避免✅2.频繁调用windows全局参数占用资源，应避免✅3.使用懒加载组件渲染组件✅4.使用canvas代替虚拟dom去计算字体大小提示：文章用于记录自己对组件的优化内容，供日后参考，也和大家分享我的解决方法，欢迎指正～这个问题的场景是：在鸿蒙系统的webview里运行H5的离线包。
2025-02-20 15:33:32
844
原创 浏览器解析HTML过程
浏览器根据url从服务器下载到html资源后，将会对html的内容至上而下逐行解析后才会呈现给用户，解析过程会有下载资源(css、js、img等)、执行脚本、构建 DOM 树、渲染页面等操作，这其中有很多规则，当代码设计不合理时可能会导致解析过程冗余、页面首屏渲染时间延长、占用不必要的内存等。所以对解析过程有较全面的详细的了解，也是项目架构的基础。
2024-12-11 10:53:31
784
原创 HarmonyOS使用Devtools工具调试前端页面
关于“使用Devtools工具调试前端页面”，鸿蒙官网有详细文档，这里自己记录一下我是如何参照文档实现的，按照官网文档行不通可以参考一下提示：我是mac系统，devecostudio版本是5.0.3.502我自己弄的时候还是比较顺利的，没有出奇怪的问题。需要注意的是调试web页面的时候需要先在模拟器里把这个页面打开哈，否则识别不到。
2024-09-13 14:21:49
869
原创 vue2自定义指令实现文字缩放
当前指令根据浏览器的不同，可缩放到的最小fontsize不同，以浏览器Chrome118+版本为例，谷歌已关闭最小字体大小默认更改，故字体在此环境下可缩放至0px。对于其他浏览器，可以根据需要添加判断，当内容缩放到一定程度后还是溢出， 则可考虑缩略或scale缩放等实现兼容。当前指令只考虑了可以无限缩小的情况，如下其他场景后面陆续再补1.缩放到一定大小字体后字体缩略(…)2.浏览器不支持无限缩放，缩放到一定大小时(如12px)使用scale属性兼容。
2024-07-30 19:35:09
764
原创 前端引入js文件，部署后报错**strict MIME type checking is enabled
可能是因为js文件所在的服务器配置了add_header X-Content-Type-Options “nosniff”;属性导致浏览器无法缓存该js文件，将"nosniff"改为"sniff"即可。
2024-02-17 16:39:06
1297
1
原创 vue2/3点击区域外触发方法(超简单，秒会)
此时，点击绑定该方法外的区域就会触发该方法啦。全局注册指令的话用起来更方便，不用再用原生单独一个个绑定了。
2023-09-11 15:16:56
8580
4
原创 Vue可视化大屏(驾驶舱)适配(等比缩放超简单)
等比缩放，超级简单。因为原理非常简单，就只给个简单的vue的demo了，但是使用的时候不限框架，大家了解思路就行。适配方案很多，各有优劣，这里推荐一种我常用的，画一个1920*1080的页面后就可以兼容大部分屏幕了，供大家参考，有不对的地方欢迎各位大佬指正。
2023-08-19 22:29:10
2223
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人