- 博客(9)
- 收藏
- 关注
RSS订阅原创 vue2和vue3算法差异
Vue 3 的算法设计更贴合现代前端的高性能需求，尤其在大型应用和复杂列表场景下优势明显。：编译时生成更高效的虚拟 DOM 结构（如 Block Tree）。：将模板划分为动态块（Block），仅 diff 动态部分。块（Block）树优化，减少动态节点的 diff 范围。：得益于 Proxy 响应式系统，减少不必要的依赖追踪。：编译时标记动态属性，diff 时只比对变化的属性。），找到最长的可复用节点序列，减少 DOM 操作。更高效的静态节点提升（编译时标记）。（预处理静态节点、标记动态节点）。
2025-05-07 17:42:42
234
原创 vue-cil中public（旧版本为static）和assets文件夹的区别
assets文件夹更适合放置会经常变动的资源，public文件夹更适合放置不会变动的资源，因为浏览器的缓存功能，相同文件名的资源是不会被二次请求的，这就会导致public文件夹中资源更新时浏览器不会更新。而assets文件夹中的资源会经过webpack编译，生成的文件名会加上一个哈希值，图片资源会被放到dist/static/img文件夹下。引用assets中不存在的资源编译时就会报错，而引用public中不存在的资源会在用户端产生404报错。
2024-11-19 11:04:16
202
原创 大屏解决方案
问题引入：可视化数据大屏需要适配各种大屏尺寸2K：2560*1440 左右4K：3840*2160 左右8K：7680*4320 左右① 大屏使用rem 耗时 而且对浏览器最小字体不支持，② 使用transform:scale可以节省百分之九十工作量③ 好处不多说：看一篇文章 学习一下 咱们再来实战！优点：前期可以直接写页面，后期直接加上组件就行了，不用适配，直接用px写缺点：在和比设定例不一样的情况下，会被缩小展示，上下左右两边会存在一定的空白。
2024-11-07 16:46:23
514
原创 Vue3
而 vite 内部使用了 Esbuild 作为底层的依赖预编译工具，完全发挥了 Go 语言和多线程的优势，同时利用现代浏览器原生支持 ESM 特性，完全省略了打包的过程，极大的提高了编译运行的效率（关于 vite，我们会在其他章节详细介绍，这里只需要有个印象就可以了）。其实每个框架都有自己的核心点，只要抓住框架的几个重点，就像搭帐篷一样，就能支撑起我们自己的框架思维，学会去搭建自己的框架思维，那后面如果再有 Vue4，Vue5 或者其他新的框架，对于我们来说，都可以很快去接受并使用它们。
2024-09-23 09:15:09
787
原创 vue3后台管理系统之数据大屏适配解决方案
transform-origin 是 CSS 属性，用于指定元素的变换（比如旋转、缩放、平移等）的原点位置，即元素围绕哪个点进行变换操作。在你提供的样式中，transform-origin 设置为 left top，这意味着元素的变换原点位于元素的左上角。缺点：1.因为是根据 ui 稿等比缩放，当大屏跟 ui 稿的比例不一样时，会出现周边留白情况 2.当缩放比例过大时候，字体会有一点点模糊，就一点点 3.当缩放比例过大时候，事件热区会偏移。通过监听浏览器窗口的大小，来改变scale的比例，从而实现。
2024-09-20 08:54:53
2254
原创 git分支命名
(预分布分支，在合并好feature分支的develop分支上创建，主要是用来测试bug的分支，修改好bug并确定稳定之后合并到develop和master分支，然后发布master分支)(紧急bug修改分支，项目上线之后可以会遇到一些环境问题需要紧急修复，在master分支上创建，流程跟release分支相似，修复完成后合并到develop和master分支)(开发主分支，代码永远是最新，所有新功能以这个分支来创建自己的开发分支，该分支只做只合并操作，不能直接在该分支上开发)
2024-09-09 15:55:16
593
原创 Scripts may close only the windows that were opened by them.脚本只能关闭它们打开的窗口。
有些浏览器可能会阻止通过脚本来关闭窗口，尤其是在不是通过脚本打开的窗口（如用户手动输入或通过链接打开的窗口）。这是为了避免恶意脚本滥用这个功能。因此，这段代码可能不适用于所有浏览器和情况。使用window.close()关闭当面页面会报错。()，就能关闭当前页面。
2024-08-02 10:29:34
2398
原创 建立websocket连接
setMessageCallback(callback){ // 与服务端发送消息回调函数。setErrorCallback(callback){ // 与服务端连接异常回调函数。setCloseCallback(callback){ // 与服务端连接关闭回调函数。setOpenCallback(callback){ // 与服务端连接打开回调函数。// 自定义回调函数。
2024-08-01 16:39:20
1018
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人