vue3 createComponent
摘要:
这个函数不是必须的,除非你想要完美结合 TypeScript 提供的类型推断来进行项目的开发。 这个函数仅仅提供了类型推断,方便在结合 TypeScript 书写代码时,能为 setup() 中的 props 提供完整的类型推断。 import { createComponent } from 'v
vue3 template refs dom的引用、组件的引用、获取子组件的值
摘要:
介绍 通过 ref() 还可以引用页面上的元素或组件。 DOM 的引用 <template> <div> <h3 ref="h3Ref">TemplateRefOne</h3> </div> </template> <script> import { ref, onMounted } from '@
vue3 父组件给子组件传值 provide & inject
摘要:
介绍 和 可以实现嵌套组件之间的数据传递。 这两个函数只能在 函数中使用。 父级组件中使用 函数向下传递数据。 子级组件中使用 获取上层传递过来的数据。 不限层级 下面来看一个简单的例子。 父组件 子组件 补充 父组件可以通过 创建 响应式数据 通过 共享给子组件
vue3生命周期
摘要:
介绍 vue3的生命周期函数,可以按需导入到组件中,且 只能 在 函数中使用 示例 对比vue2.x ~~ ~~ 使用 ~~ ~~ 使用 `onErrorCaptured`
vscode自定义颜色主题插件并发布
摘要:
生成一个新的颜色主题 运行命令 ` npm install g yo generator code ` ` yo code ` 这时默认文件目录已经帮你创建好了 vscode中按下 可以帮你打开调试,预览创建好的默认颜色主题 自定义颜色主题 打开 文件夹下的 文件 定义你想要的颜色 本地打包 你需要
CSS3 transform变换
摘要:
transform CSStransform属性允许你旋转,缩放,倾斜或平移给定元素。这是通过修改CSS视觉格式化模型的坐标空间来实现的。 旋转 rotate() 旋转 函数通过指定的角度参数使元素相对原点进行旋转。 它主要在二维空间内进行操作,设置一个角度值,用来指定旋转的幅度。 如果这个值为正值
V8 下的垃圾回收机制
摘要:
V8 实现了准确式 GC,GC 算法采用了分代式垃圾回收机制。因此,V8 将内存(堆)分为新生代和老生代两部分。 新生代算法 新生代中的对象一般存活时间较短,使用 Scavenge GC 算法。 在新生代空间中,内存空间分为两部分,分别为 From 空间和 To 空间。在这两个空间中,必定有一个空间
es6 Proxy
摘要:
Proxy Proxy 是 ES6 中新增的功能,可以用来自定义对象中的操作 let p = new Proxy(target, handler); // `target` 代表需要添加代理的对象 // `handler` 用来自定义对象中的操作 // 可以很方便的使用 Proxy 来实现一个数据绑
promise实现
摘要:
Promise 是 ES6 新增的语法,解决了回调地狱的问题。 可以把 Promise 看成一个状态机。初始是 pending 状态,可以通过函数 resolve 和 reject ,将状态转变为 resolved 或者 rejected 状态,状态一旦改变就不能再次变化。 then 函数会返回一个
call, apply, bind
摘要:
call, apply, bind 区别 首先说下前两者的区别。 call 和 apply 都是为了解决改变 this 的指向。作用都是相同的,只是传参的方式不同。 除了第一个参数外,call 可以接收一个参数列表,apply 只接受一个参数数组。 模拟实现 call 和 apply 可以从以下几点
Map、FlatMap 和 Reduce
摘要:
Map 作用是生成一个新数组,遍历原数组,将每个元素拿出来做一些变换然后 append 到新的数组中。 Map 有三个参数,分别是当前索引元素,索引,原数组 FlatMap 和 map 的作用几乎是相同的,但是对于多维数组来说,会将原数组降维。可以将 FlatMap 看成是 map + flatte
Generator 实现
摘要:
Generator 是 ES6 中新增的语法,和 Promise 一样,都可以用来异步编程 从以上代码可以发现,加上 的函数执行后拥有了 next 函数,也就是说函数执行后返回了一个对象。每次调用 next 函数可以继续执行被暂停的代码。以下是 Generator 函数的简单实现 参考资料: "前端
async和await
摘要:
一个函数如果加上 async ,那么该函数就会返回一个 Promise 上面代码会先打印 finish 然后再打印 object 。因为 await 会等待 sleep 函数 resolve ,所以即使后面是同步代码,也不会先去执行同步代码再来执行异步代码。 async 和 await 相比直接使用
正则表达式
摘要:
元字符 |元字符 | 作用 | |: : | : | |. | 匹配任意字符除了换行符和回车符 | |[] | 匹配方括号内的任意字符。比如 [0 9] 就可以用来匹配任意数字 | |^ | ^9,这样使用代表匹配以 9 开头。[^9],这样使用代表不匹配方括号内除了 9 的字符 | |{1, 2}