- 博客(187)
- 收藏
- 关注
RSS订阅原创 地图(高德 )常用插件
PlaceSearch //关键字查询。AutoComplete，// 输入提示。Geocoder， // 地址逆解析。ToolBar, //控件。地图(高德 )常用插件。
2025-08-11 10:53:38
202
原创 css 的炫酷用法
属性用于在滚动容器内实现对齐点之间的平滑过渡。此功能可确保用户滚动浏览页面时内容部分整齐对齐，从而提供更结构化的用户体验。此scroll-snap-type属性控制沿水平轴或垂直轴的滚动，并定义如何接合对齐点。属性控制定义文本如何环绕 HTML 元素。此属性对于浮动元素特别有用。定义的形状决定了文本围绕该元素的流动，使文本能够平滑地环绕非矩形形状。属性决定元素在 3D 空间中旋转时其背面是否可见。如果背面不可见，浏览器就不会渲染它，从而提高性能。属性于强调文本块中的某些字符。
2025-07-11 15:10:49
154
原创 Ai工具汇总
10、智谱清言 https://chatglm.cn/main/alltoolsdetail。11、百度开发者搜索 https://kaifa.baidu.com/9、 月之暗面 https://kimi.moonshot.cn/6、vscode chat-gpt插件。12、微软bing 搜索 ，集成GPT。4、百度ai搜索 (文心一言 )7、通义灵码 vscode插件。1、通义千问 （阿里大模型）2、 豆包 （字节）5、cursor编辑器。8、csdn 知道。
2025-07-09 11:01:24
220
原创 vite打包的简单配置
Vite 是一个面向现代浏览器的新型前端构建工具，它利用浏览器原生的 ES 模块支持进行快速开发。相比传统的打包工具（如 Webpack），Vite 在开发模式下具有更快的冷启动速度和即时热更新能力。proxy：设置反向代理，解决开发环境下的跨域问题。outDir：指定构建输出的目录，默认是 dist。API，减少手动导入。Components：自动注册 Vue 组件，无需在每个文件中手动导入。1、plugins：插件列表，用于增强 Vite 的功能。vue()：启用对 Vue 3 单文件组件的支持。
2025-07-07 16:12:58
289
原创 随笔（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
388
原创 随笔content1
如果组件的具体类型无法获得，或者你并不关心组件的具体类型，那么可以使用 ComponentPublicInstance。当你将一个响应式对象的属性赋值或解构到一个本地变量时，访问或赋值该变量是非响应式的，因为它将不再触发源对象上的 get / set。注意这种“断开”只影响变量绑定——如果变量指向一个对象之类的非原始值，那么对该对象的修改仍然是响应式的。5、性能优化，如果你的主应用必须是 SPA，但还有其他的营销相关页面 (落地页、关于页、博客等)，请。4、组合函数 （hook的使用，mixins）
2024-11-14 10:20:01
488
原创 前端性能优化--懒加载
3、同时还可结合 lazy loading 属性，利用浏览器的原生属性，进一步优化图片加载，不过其延迟加载机制完全是由浏览器自身决定的，在不同浏览器上效果不同(BTW，部分浏览器可能并不支持)。2、然后对元素进行监听，当图片进入可视区域时，提取元素的 data-src 即真实的图片地址赋值给 src 属性，就会去发送请求加载图片，实现了懒加载。设置为 1 张 1px*1px 的透明图片用作占位符，以防止出现出错图标。TinyPNG 网站: https://tinypng.com/
2024-07-19 09:40:00
296
原创 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
454
原创 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
1278
原创 nginx前端部署配置
nginx前端部署配置Nginx部署项目1、yarn build打包Vue项目2、打开nginx.conf文件,配置对应的信息。
2024-07-10 11:10:47
454
原创 js如何要让一个对象继承另一个对象的原型属性和方法
Object.setPrototypeOf() 方法也是用来设置一个对象的原型，它是ES6规范的一部分，比直接操作。6、使用 Object.setPrototypeOf()js如何要让一个对象继承另一个对象的原型属性和方法。1、使用 Object.create()3、使用构造函数和原型链。.4、使用ES6的类。
2024-07-08 14:12:57
313
原创 vite打包工具的简单使用
Vite 是一个由 Vue.js 核心团队开发的现代前端构建工具，它专注于提供更快的开发体验和高效的构建性能。Vite 利用 ES 模块的原生支持，实现了即时编译和热模块替换（HMR），并且在构建时采用 Rollup 来优化最终输出。Vite 的配置文件是 vite.config.js 或者 vite.config.ts（如果你使用 TypeScript）。
2024-07-04 10:09:35
861
转载 Ts工具类的使用
例如：Parameters void> 会变成 [string, number]。例如：Pick 会变成 { a: number }。例如：Record 会变成 { a: number, b: number }。例如：Omit 会变成 { a: number }。
2024-07-02 10:08:20
1347
1原创 vue3 使用element-plus 如何再次封装table组件
创建一个新的 .vue 文件，例如 baseTable.vue，作为你封装后的 Table 组件。• vue3 使用element-plus 如何再次封装table组件。
2024-03-19 17:14:43
1189
原创 前端应该掌握的 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
451
原创 宏任务和微任务的理解(关于async/await、promise和setTimeout执行顺序）
事件的执行顺序，是先执行宏任务，然后执行微任务，这个是基础，任务可以有同步任务和异步任务，同步的进入主线程，异步的进入Event Table并注册函数，异步事件完成后，会将回调函数放入Event Queue中(宏任务和微任务是不同的Event Queue)，同步任务执行完成后，会从Event Queue中读取事件放入主线程执行，回调函数中可能还会包含不同的任务，因此会循环执行上述操作。此时的await会让出线程，阻塞async内后续的代码，先去执行async外的代码。JavaScript的事件分两种，
2023-03-28 08:57:55
951
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人