- 博客(182)
- 收藏
- 关注
RSS订阅原创 随笔（1）
7、 import.meta.glob(‘./zh/*•json’) 获取某个文件下的所有.json文件。3、 自定义双向绑定，modelValue 就是对应输入框的值。8、git cherry–pick多分支开发，避免等待mr合并。6、 动态样式使用v-bind设置。5、 删除对象的某个属性。4、 监听相关值得变化。1、解除切屏限制命令。
2025-03-22 11:57:18
357
原创 随笔content1
如果组件的具体类型无法获得，或者你并不关心组件的具体类型，那么可以使用 ComponentPublicInstance。当你将一个响应式对象的属性赋值或解构到一个本地变量时，访问或赋值该变量是非响应式的，因为它将不再触发源对象上的 get / set。注意这种“断开”只影响变量绑定——如果变量指向一个对象之类的非原始值，那么对该对象的修改仍然是响应式的。5、性能优化，如果你的主应用必须是 SPA，但还有其他的营销相关页面 (落地页、关于页、博客等)，请。4、组合函数 （hook的使用，mixins）
2024-11-14 10:20:01
465
原创 前端性能优化--懒加载
3、同时还可结合 lazy loading 属性，利用浏览器的原生属性，进一步优化图片加载，不过其延迟加载机制完全是由浏览器自身决定的，在不同浏览器上效果不同(BTW，部分浏览器可能并不支持)。2、然后对元素进行监听，当图片进入可视区域时，提取元素的 data-src 即真实的图片地址赋值给 src 属性，就会去发送请求加载图片，实现了懒加载。设置为 1 张 1px*1px 的透明图片用作占位符，以防止出现出错图标。TinyPNG 网站: https://tinypng.com/
2024-07-19 09:40:00
269
原创 vue2迁移到vue3注意点
2、 类型的定义，以及路由，vue相关资源（ref, reactive,watch）的引入等。1）vue-class-component是vue官方库,作用是用类的方式编写组件。使用 #default ， 以及加上template 模板。2）这种编写方式可以让.vue文件的 js 域结构更扁平。3）并且vue组件可以使用继承、混入等高级特性。
2024-07-15 10:10:32
418
原创 vue3+ts项目中，shims-vue.d.ts的文件的作用
这段代码的作用是告诉TypeScript，任何以.vue结尾的模块都应该被当作一个Vue组件模块来处理，并且该模块的类型是DefineComponent。这让TypeScript能够正确地解析和处理.vue文件，从而进行类型检查和代码提示。填补TypeScript对.vue文件类型识别缺失的文件，为Vue.js的单文件组件提供类型定义支持。vue3+ts项目中，shims-vue.d.ts的文件的作用。
2024-07-12 14:49:32
993
原创 nginx前端部署配置
nginx前端部署配置Nginx部署项目1、yarn build打包Vue项目2、打开nginx.conf文件,配置对应的信息。
2024-07-10 11:10:47
422
原创 js如何要让一个对象继承另一个对象的原型属性和方法
Object.setPrototypeOf() 方法也是用来设置一个对象的原型，它是ES6规范的一部分，比直接操作。6、使用 Object.setPrototypeOf()js如何要让一个对象继承另一个对象的原型属性和方法。1、使用 Object.create()3、使用构造函数和原型链。.4、使用ES6的类。
2024-07-08 14:12:57
298
原创 vite打包工具的简单使用
Vite 是一个由 Vue.js 核心团队开发的现代前端构建工具，它专注于提供更快的开发体验和高效的构建性能。Vite 利用 ES 模块的原生支持，实现了即时编译和热模块替换（HMR），并且在构建时采用 Rollup 来优化最终输出。Vite 的配置文件是 vite.config.js 或者 vite.config.ts（如果你使用 TypeScript）。
2024-07-04 10:09:35
717
转载 Ts工具类的使用
例如：Parameters void> 会变成 [string, number]。例如：Pick 会变成 { a: number }。例如：Record 会变成 { a: number, b: number }。例如：Omit 会变成 { a: number }。
2024-07-02 10:08:20
1179
1原创 vue3 使用element-plus 如何再次封装table组件
创建一个新的 .vue 文件，例如 baseTable.vue，作为你封装后的 Table 组件。• vue3 使用element-plus 如何再次封装table组件。
2024-03-19 17:14:43
1090
原创 前端应该掌握的 JS 小技巧
|运算符是左边是空字符串或false或0等falsy值，都会返回后侧的值。必须运算符左侧的值为null或undefined时，才会返回右侧的值。因此0||1的结果为1，0?.直接在链式调用的时候判断，判断左侧的对象是否为null或undefined，如果是的，就不再往下运算，返回undefined，如果不是，则返回右侧的值。String.prototype.replaceAll()用法与String.prototype.replace()类似。它的行为类似||，但是更严。
2024-02-02 14:51:07
437
原创 宏任务和微任务的理解(关于async/await、promise和setTimeout执行顺序）
事件的执行顺序，是先执行宏任务，然后执行微任务，这个是基础，任务可以有同步任务和异步任务，同步的进入主线程，异步的进入Event Table并注册函数，异步事件完成后，会将回调函数放入Event Queue中(宏任务和微任务是不同的Event Queue)，同步任务执行完成后，会从Event Queue中读取事件放入主线程执行，回调函数中可能还会包含不同的任务，因此会循环执行上述操作。此时的await会让出线程，阻塞async内后续的代码，先去执行async外的代码。JavaScript的事件分两种，
2023-03-28 08:57:55
922
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人