- 博客(13)
- 收藏
- 关注
原创 vue源码实现(第一章)defineProperty劫持数据
在vue源码里vm挂载了一个_data属性,_data就是拷贝的一份data对象,因此在这一步就会形成了只能通过vm._data.xxx访问data对象,所以在vue里就使用了一个proxy函数代理转发。因为vue2里是对data里的属性重新定义了,相当于把data里面的属性重新重写了一遍,并给属性添加上对应的get,set方法。vue源码defineProperty主要内容(以下并非源码,本人简化过后的)以下为简化过的代理实现this访问data的主要代码。"重新定义"data里的属性。
2024-02-04 23:12:06
364
1
原创 vue3中的 $ref 和 $parent
/ Ref<InstanceType<typeof Son> | null> 表示它可以持有Son组件的实例类型或null。子组件获取父组件的属性与方法,需要传入$parent,同时,父组件也需要使用。// 获取子组件dom与实例,变量名需要与子组件的ref一致。// 父组件要获取该组件的属性和方法需要暴露出去。
2023-08-13 22:41:02
768
1
原创 vue3——全局事件总线(mitt)
@param {string} '' 事件类型,需与接收方一致。* @param {function} () 回调。* @param {string} '' 事件类型。* @param {function} () 回调。该文件用于展示兄弟组件传值,引入两个子组件。在main.ts中引入。
2023-07-31 04:01:01
1031
原创 vue-admin-template 登录改造
本文为修改vue-admin-template第一步,将请求地址和状态码改为自己项目的地址,并成功进入页面。
2023-07-21 00:21:38
1175
原创 js项目常用数据处理算法——转树状结构、数组分页、模糊查询、数组去重、时间格式化、金额格式化、自定义复制粘贴
div class = "empty-font" > 选中这一段文字,点击 ctrl + C 或 者右键选择复制 < / div > < script type = "text/javascript" > //监听整个页面的 copy 事件 document . addEventListener("copy" , function(e) {
2023-07-16 22:44:58
166
原创 js敏感词检测、替换、过滤
很多人因为找不到更多的敏感词,自己一个个添加敏感词的写又太麻烦,所以我在去年去网站爬了一点敏感词下来,敏感词类包括了 f罪、z治、b力、s情、x腥、r骂等。因考虑到词库记录不完整,为了方便使用者后续自行添加,打算不进行压缩。效果:输入一个字符串和替换字符,检测该字符串是否存在敏感词,存在则用替换词替换掉敏感词,返回新的字符串。效果:输入一个字符串,检测该字符串是否存在敏感词,返回Boolean。
2023-07-16 20:22:28
3219
1
原创 JavaScript别踩白块
js-别踩白块简单面向过程别踩白块看图上代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><
2020-11-08 14:02:08
853
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人