- 博客(16)
- 收藏
- 关注
RSS订阅
原创 2024前端vscode必备插件(持续更新)
2024前端vscode必备插件，包含 vue、html、css、ai、调试等等，提高你的开发效率
2023-04-05 01:26:43
16432
3
原创 Vue2迁移Vue3，如何迁移？
主要是生命周期的替换方便记忆Vue2bind - 指令绑定到元素后调用。只调用一次。inserted - 元素插入父 DOM 后调用。update - 当元素更新，但子元素尚未更新时，将调用此钩子。componentUpdated - 一旦组件和子级被更新，就会调用这个钩子。unbind - 一旦指令被移除，就会调用这个钩子。也只调用一次。Vue3created - 新增！在元素的 attribute 或事件监听器被应用之前调用。beforeUpdate：新增！
2023-12-14 16:37:54
1047
1
原创 都2023了还不会Vue3？一篇笔记带你快速入门
Vue 3 是一款用于构建用户界面的 JavaScript 框架。它基于标准 HTML、CSS 和 JavaScript 构建，并提供了一套声明式的、组件化的编程模型，帮助你高效地开发用户界面。无论是简单还是复杂的界面，Vue 都可以胜任。你可以创建自定义的hooks来复用代码。一个自定义hook就是一个函数，它可以使用其他的响应式数据和组合式API。定义})return {count,increment使用
2023-12-14 16:10:28
1363
1
原创 你不知道的封装Vue3组件小技巧：插槽转发
在 Vue 中，使用插槽别名和插槽转发可以有效地解决给多个组件传递插槽的问题。该方案具有代码简洁、易于理解、可扩展性强等优点。
2023-12-13 10:51:45
674
1
原创 Vue3二次封装Table
在我们前端开发的过程中常见的需求有列表加分页加查询，尤其在后台管理系统中，在这里我封装了一套基于vue3 + element-plus + ts的组件，直接在组件中使用封装的组件和编写可配置文件即可,直接上代码，开箱即可用
2023-12-12 09:34:42
890
原创 vue template报错undefined
在 Vue 项目中，我们有时会遇到页面调用数据的问题，即在数据加载完成之前，页面已经尝试访问数据，导致出现 undefined 错误。数组中添加一个默认的对象，这样即使数据还未加载完成，页面也不会报错。数组非空且长度大于0时，才会渲染相关的 DOM。例如：一进入页面直接回显数据。1、可以通过给个默认值的方式。是一个空数组，尝试访问。
2023-12-12 09:20:32
536
原创 Vue3项目必备插件
为了获得对自动导入组件的TypeScript支持，Vue 3有一个PR扩展了全局组件的接口。目前，Volar已经支持这种用法。如果您使用的是Volar，您可以如下更改配置以获得支持。vue3 中另外一种name定义方式，直接写在script标签上。可以去antfu大佬的插件链接查看更多的配置。列举了一些 Vue 3项目中比较好用的插件。二、配置 vite.config.ts中。Vue3 中写调试代码需要name。[[Pinia#持久化]]Pinia持久化插件。
2023-12-11 15:01:44
2885
1
原创 TailwindCSS的使用
使用@apply.menu {虽然@apply指令可以模块化样式，但避免早期抽象是好的。过度使用可能会增加最终CSS文件的大小。推荐优先使用内置的Tailwind工具和迭代流程，而不是自定义类。
2023-12-11 14:57:03
659
1
原创 UnoCss使用
UnoCSS: The instant on-demand Atomic CSS engine样式文档来源：UnoCSS给了我一个不用tailwindcss的理由 - 掘金集成 UnoCSS1. 修改 ,添加 unocss plugin2. 修改 和 Presets 预设Attributify preset例如：presetAttributify 可以在标签上直接写 CSS 样式Icon（图标）Icons preset安装：安装 时会自带 ，所以安装 图标就可以了所有可用
2023-12-07 16:06:59
2828
原创 echarts tooltip 无法正常显示
技术栈：Vue3 + Echarts在 Vue3 中使用 Echarts 的时候，tooltip无法正常显示看看 echarts 的 options 有没有配置配置了但是还是没有显示tooltiptriggeritemaxis。
2023-12-07 16:01:45
2041
1
原创 glob文件匹配规则
Glob是一种通配符语法，用于在文件系统中匹配文件名或路径匹配文件中0个或者多个字符，但是不会匹配路径中的分隔符，除非路径分隔符出现在末尾|-style|-subdir|-file3|-..../style/*匹配和，但不会匹配目录下的任何内容。要匹配./style/目录下的所有文件和子目录，包括子目录中的内容，可以使用递归通配符**，如./style/**或。匹配./style目录下所有的 ts 文件/style/*.*匹配。
2023-11-03 09:09:05
455
原创 ESLint和Prettier
代码规范是软件开发领域经久不衰的话题，随着前端应用的大型化和复杂化，越来越多的前端团队开始重视。在 package.json 文件中添加或替换 lint 命令。不以规矩，不能成方圆。
2023-04-05 01:21:27
571
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人