- 博客(21)
- 收藏
- 关注
原创 js 扁平化数组
将数组 arr = [ 1, [2, 3, 4], 5, [6, [7, [8], 9]], [10, 11], 12 ]转换成 arr = [ 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12]
2024-03-09 17:45:23
339
原创 vscode 报错——你的意思是要将 “moduleResolution“ 选项设置为 “node“,还是要将别名添加到 “paths“ 选项中?
vscode 报错——你的意思是要将 "moduleResolution" 选项设置为 "node",还是要将别名添加到 "paths" 选项中?
2024-03-07 15:52:28
1206
原创 TypeScript 学习笔记——装饰器
是一种在不改变原类和使用继承的情况下,动态地扩展对象功能装饰器是一种特殊类型的声明,它能够被附加到类声明,方法, 访问符,属性或参数上
2023-10-13 11:25:25
253
1
原创 TypeScript 报错 for (let i = startIndex ?? 0; i < array.length; i++) SyntaxError: Unexpected token ‘?‘
for (let i = startIndex ?? 0; i < array.length; i++) { ^SyntaxError: Unexpected token '?'
2023-10-02 02:03:30
2624
2
原创 webpack5 webpack-dev-server不会自动刷新页面
当安装使用 webpack-dev-server 开发工具后,发现页面发生改变时会触发重新打包,但是并不会触发页面的自动刷新。这是因为 webpack5 中有些特性发生了改动,要想实现自动刷新,要在 devServer 中配置 watchFiles。
2023-09-12 20:44:04
788
2
原创 mini-vue 之 computed
computed 是 vue 的计算属性,是根据依赖关系进行缓存的计算有两种形式,一种是简单的函数形式,返回一个只读的 ref一种是接收一个对象,里面声明 get 和 set 函数。
2023-09-10 23:50:00
156
2
原创 用 setTimeout 实现 setInterval
setInterval 是间隔固定时间把任务放到任务队列里面,而不是等前一个任务完成了才间隔固定时间把任务放到任务队列里。
2023-09-07 14:56:35
391
4
原创 mini-vue 之 ref
当 convert 判断为简单数据类型时,ref 返回RefImpl 类实例对象,对简单类型进行包装在 RefImpl 中定义 value 属性的 getter 和 setter在 getter 中调用 track 函数保存依赖在 setter 中调用 trigger 函数执行依赖
2023-08-22 09:37:25
132
2
原创 mini-vue 之 reactive 实现
reactive 用于将一个普通对象转换成一个响应式对象。对于简单类型,如:数字、字符串则使用 ref 转换为响应式对象
2023-08-21 16:48:19
131
2
原创 Git 连接问题:fatal: unable to access ‘https://github.com/...../‘: Failed to connect to git
出现该报错通常是由于无法连接到github.com导致的。
2023-08-19 14:55:27
48245
16
原创 Vue3 组件封装——文件上传
new 一个 FileReader 实例,并调用 readAsDataURL 方法传入参数 file 来读取选中的图像文件,最后在 onload 事件中,获取到成功读取的文件内容。最后插入一个 img 节点设置 src = reader.result显示选中的图片
2023-06-10 23:50:34
6445
6
原创 VuePress 遇到的问题
Vue packages version mismatch:- vue@3.3.4- vue-server-renderer@2.7.14This may cause things to work incorrectly. Make sure to use the same version for both.
2023-05-31 21:42:50
866
3
原创 红宝书系列之 对象(二)
虽然使用 Object 构造函数或者使用对象字面量的方法可以很方便的创建对象,但是也有不足,当创建具有同样接口的多个对象需要重复编写很多代码。
2023-05-19 16:23:47
140
3
原创 红宝书系列之 对象(一)
ECMA-262 将对象定义为一组属性的无序集合,可以把对象想象成一张散列表。对象的每个属性或方法都由一个名称来标识,这个名称映射到一个值。(也就是键值对)
2023-05-17 21:53:44
211
13
原创 ES6 新增加的数据类型——Symbol
像对于一些不想要让他人知道的信息可以用 Symbol ,这样在 for...in 遍历中不会显现出来。如果对象有 Symbol.iterator 属性 就可以被 for...of 遍历。for...of 遍历前就是判断对象是否有 Symbol.iterator 属性。符号是原始值,直接用 Symbol() 函数创建。
2023-04-27 17:12:34
301
7
原创 红宝书系列之 var let const 的区别
const 的行为与 let 基本相同,唯一一个重要区别是,const 声明变量时一定要初始化,且不能修改 const 声明的变量,会导致运行错误。产生暂时性死区的原因是因为 let 声明的变量不会在作用域中被提升,在使用未声明的变量到该变量声明之前被称为 “ 暂时性死区 ”不能用 const 声明迭代变量,虽然跟 let 一样每次都会声明一个新的迭代变量,但是迭代变量会自增,所以不能用 const。原因:在退出循环时,迭代变量保存的时导致循环退出的值:5。let 是块级作用域,var 是函数级作用域。
2023-04-25 10:44:51
1098
4
原创 js-图片懒加载的实现
指当页面加载数据时,只先加载浏览器可视区的图片,而不是直接加载页面中所有图片。只有当鼠标滚轮往下滑,才加载后面的图片。
2023-04-18 21:42:48
924
4
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人