会员
周边
捐助
新闻
博问
闪存
赞助商
Chat2DB
所有博客
当前博客
我的博客
我的园子
账号设置
简洁模式
...
退出登录
注册
登录
cuteyuchen
博客园
首页
新随笔
联系
管理
订阅
[置顶]
vue虚拟dom和diff算法
摘要: vue的虚拟dom和diff算法 1.虚拟dom 虚拟dom,我的理解就是通过js对象的方式来具体化每一个节点,把dom树上面的每个节点都变为对象里的一个元素,元素的子元素变为子节点,节点上面的class、id、attribute等属性变为data内的值,然后通过dom上面的createElemen
阅读全文
posted @ 2022-06-13 23:13 cuteyuchen
阅读(331)
评论(0)
推荐(0)
编辑
2022年7月3日
vue2监听数据流程图
摘要: 新鲜出炉的vue2监听数据流程图,不涉及Watcher、Dep、Compile,结合前两篇监听对象与数组食用更佳 vue2源码学习(一) 手写监听对象 - cuteyuchen - 博客园 (cnblogs.com) vue2源码学习(二) 监听数组的变化 - cuteyuchen - 博客园 (c
阅读全文
posted @ 2022-07-03 19:30 cuteyuchen
阅读(146)
评论(0)
推荐(0)
编辑
vue2源码学习(二)---监听数组的变化
摘要: 在监听对象变化的基础上只修改了observe.js,新增了array.js 通过重写数组内的会改变数组本身的方法进行监听数组的变化 //observe.jsimport { newArrayProto } from './array' class Observer { constructor (da
阅读全文
posted @ 2022-07-03 18:36 cuteyuchen
阅读(1685)
评论(0)
推荐(0)
编辑
2022年6月30日
vue2源码学习(一)---手写监听对象
摘要: 代码结构 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
阅读(112)
评论(0)
推荐(0)
编辑
2022年6月22日
学习react(二)--组件
摘要: 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
阅读(53)
评论(0)
推荐(0)
编辑
2022年6月18日
学习react(一)
摘要: 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
阅读(76)
评论(0)
推荐(0)
编辑
2022年6月17日
vue自定义指令
摘要: 分享一下自己写的一些vue自定义指令 1、自动获取输入框的焦点 autoFocus: { inserted: function (el) { el.focus() // el.querySelector('input').focus()//elementui的el-input版本 } }, 2、列表
阅读全文
posted @ 2022-06-17 23:18 cuteyuchen
阅读(137)
评论(0)
推荐(0)
编辑
webstorm快捷键
摘要: 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
阅读(269)
评论(0)
推荐(0)
编辑
2022年6月16日
git命令
摘要: #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
阅读(76)
评论(0)
推荐(0)
编辑
2022年6月6日
vue内容拖拽放大缩小
摘要: <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0,
阅读全文
posted @ 2022-06-06 11:31 cuteyuchen
阅读(914)
评论(0)
推荐(0)
编辑
下一页
公告