摘要: vue的虚拟dom和diff算法 1.虚拟dom 虚拟dom,我的理解就是通过js对象的方式来具体化每一个节点,把dom树上面的每个节点都变为对象里的一个元素,元素的子元素变为子节点,节点上面的class、id、attribute等属性变为data内的值,然后通过dom上面的createElemen 阅读全文
posted @ 2022-06-13 23:13 cuteyuchen 阅读(360) 评论(0) 推荐(0)
摘要: 排查了半天问题,发现之前的项目都没问题,这个打包老是会把cesium的文件单独打包到baseurl路径的文件夹下,最后排查到是vite-plugin-cesium这个包的最新版本1.2.23没有考虑到配置了绝对路径地址的情况,所以把这个包版本固定在1.2.22再重新打包,完美解决。vite-plug 阅读全文
posted @ 2025-05-07 11:07 cuteyuchen 阅读(210) 评论(0) 推荐(0)
摘要: 用的若依的框架,里面的element-plus挺老了,想使用新版本的特性都用不了,奈何新版本的sass版本与旧版本不兼容需要改不少东西,数次尝试都失败了,今天下定决定又尝试了一次,终于将element-plus和sass成功升级到最新版本。 坑1:变量开头不能是--,不知道是特定规则还是啥,使用-- 阅读全文
posted @ 2025-05-06 17:43 cuteyuchen 阅读(338) 评论(0) 推荐(0)
摘要: 新鲜出炉的vue2监听数据流程图,不涉及Watcher、Dep、Compile,结合前两篇监听对象与数组食用更佳 vue2源码学习(一) 手写监听对象 - cuteyuchen - 博客园 (cnblogs.com) vue2源码学习(二) 监听数组的变化 - cuteyuchen - 博客园 (c 阅读全文
posted @ 2022-07-03 19:30 cuteyuchen 阅读(156) 评论(0) 推荐(0)
摘要: 在监听对象变化的基础上只修改了observe.js,新增了array.js 通过重写数组内的会改变数组本身的方法进行监听数组的变化 //observe.jsimport { newArrayProto } from './array' class Observer { constructor (da 阅读全文
posted @ 2022-07-03 18:36 cuteyuchen 阅读(1718) 评论(0) 推荐(0)
摘要: 代码结构 index.js vue入口文件 state.js 初始化data,并将其代理至vm实例 observe.js 监听data内的对象 //index.jsimport { initState } from './state' function Vue(options){ const vm 阅读全文
posted @ 2022-06-30 22:14 cuteyuchen 阅读(123) 评论(0) 推荐(0)
摘要: 1、函数式组件 function Demo(){ return <h1>Hello World</h1>; } ReactDOM.render(<Demo/>, document.getElementById('app')); 执行了 ReactDOM.render(<Demo/>, documen 阅读全文
posted @ 2022-06-22 21:34 cuteyuchen 阅读(61) 评论(0) 推荐(0)
摘要: 1、创建虚拟dom并上树的两种方式 //js方式 const vNode = React.createElement('h1', {id:'title'}, 'Hello, world!'); ReactDOM.render(vNode, document.getElementById('test' 阅读全文
posted @ 2022-06-18 23:08 cuteyuchen 阅读(81) 评论(0) 推荐(0)
摘要: 分享一下自己写的一些vue自定义指令 1、自动获取输入框的焦点 autoFocus: { inserted: function (el) { el.focus() // el.querySelector('input').focus()//elementui的el-input版本 } }, 2、列表 阅读全文
posted @ 2022-06-17 23:18 cuteyuchen 阅读(141) 评论(0) 推荐(0)
摘要: 1. ctrl + shift + n: 打开工程中的文件,目的是打开当前工程下任意目录的文件。2. ctrl + j: 输出模板3. ctrl + b: 跳到变量申明处4. ctrl + alt + T: 围绕包裹代码5. ctrl + []: 匹配 {}[]6. ctrl + F12: 可以显示 阅读全文
posted @ 2022-06-17 11:03 cuteyuchen 阅读(283) 评论(0) 推荐(0)
摘要: #git commit 提交 #git branch 'name' 创建新分支 #git checkout 'name' /git switch 'name' 切换分支 #git checkout -b 'name' 创建新分支并切换到此分支 #git marge 'name' 合并当前分支至nam 阅读全文
posted @ 2022-06-16 22:35 cuteyuchen 阅读(84) 评论(0) 推荐(0)