CuiGZ的代码规范规则

最新推荐文章于 2025-06-22 10:48:55 发布
最新推荐文章于 2025-06-22 10:48:55 发布
阅读量459 收藏
点赞数
CC 4.0 BY-SA版权
文章标签： vue.js javascript 前端 代码规范
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/KeepLearningDay/article/details/121857459
1.模块化 组件化开发
2.组件首字母必须要大写
3.采取驼峰命名规则（小驼峰，大驼峰）
4.优先使用element
5.代码注释标准
6.css以scss为标准（css采用普通的system-list模式）
7.新写的文件夹以小写字母为准（如很多单词构成:：启动驼峰命名格式）
8.使用eslint规范代码风格
Vue3 + Element Plus + el-dropdown split-button 左边是功能按钮，右边是触发下拉菜单的按钮
BillKu的博客
06-20 145
【代码】Element Plus + el-dropdown split-button 左边是功能按钮，右边是触发下拉菜单的按钮。
前端开发面试题总结-vue3框架篇（二）
分享前端与鸿蒙开发技术、面试题总结
06-21 851
本文总结了Vue3开发中的核心知识点： 生命周期：对比Vue2与Vue3钩子函数命名变化（如onMounted替代mounted），强调setup替代beforeCreate/created。 组件通信：父子组件通过defineProps/defineEmits传值；跨组件使用provide/inject传递函数实现数据共享。 组件引用：通过ref绑定子组件实例，访问其方法与状态。 响应式监听：对比watch（精确依赖）与watchEffect（自动追踪依赖）的使用场景。 状态管理：Pinia对比Vuex的
在 `setup` 函数中实现路由跳转：Vue3与Vue Router 4的集成
你若盛开，清风自来
06-21 732
本文介绍了在Vue3中使用Vue Router 4实现路由跳转的方法。通过useRouter钩子，开发者可以在setup函数中方便地进行路由导航。文章提供了基本跳转示例，包括路径跳转和命名路由跳转两种方式，并强调了异步操作处理和参数传递的注意事项。该方法使路由逻辑与组件逻辑解耦，提升了代码的可读性和模块化程度。适用于需要在前端项目中实现页面导航的Vue3开发者。
Element UI 表格中实现搜索关键字高亮的
weixin_44997264的博客
06-20 252
本文介绍如何在ElementUI框架中实现表格数据的搜索与关键字高亮功能，重点解决树形表格的数据处理问题。通过搜索框双向绑定和正则表达式匹配，实现关键字的高亮显示，并针对树形结构进行递归搜索处理。方法包含核心代码实现和高亮样式定制，提升用户体验和数据可读性。适用于处理大量数据时的快速定位需求，使搜索结果更加醒目直观。
Vue购物车应用实现教程
yk_dflkg的博客
06-18 670
本教程将带领初学者开发一个基于Vue.js的购物车应用，不需要使用脚手架，仅通过引入Vue.js库即可完成。通过这个项目，你将学习Vue的基础知识，包括：完成后的购物车应用具有以下功能：对于初学者，我们采用最简单的方式搭建环境：通过CDN引入Vue.js。创建一个基本的HTML文件结构： 3. 设计购物车界面 我们设计一个简洁的购物车界面，包含以下部分：更新HTML结构： 4. 创建Vue实例和数据模型 在script标签中，我们创建Vue实例并定义数据模型： 5. 实现购物车功能 5.1 从本地存储加载数
Vue3中使用 Vue Flow 流程图方法
weixin_46413834的博客
06-19 542
效果图：最近项目开发时有一个流程图的功能，需要做流程节点的展示，就搜到了 Vue Flow 这个插件，这个插件总得来说还可以，简单已使用，下边就总结一下使用的方法：Vue Flow官网：Vue Flow dagre是为了让流程图自动布局的,而不是全部初始化在一条直线上,Vue Flow 本身不包含自动布局功能，但您可以使用第三方库如 来实现层次化布局.2、组件全部代码(不联调接口静态渲染)： 3、组件全部代码(调接口动态渲染)： 4、更多配置项： 3.1、节点点击事件 3.2、节点拖拽
Vue2之组件5 异步更新和$nextTick的使用
最新发布
xrkhy的博客
06-22 212
/ this.$nextTick() 会在DOM更新之后。点击编辑显示输入框并获取焦点。问题：“显示之后”，立刻获取焦点是不能成功的！原因：Vue 是异步更新DOM (提升性能)，这样才能让函数内部的this指向Vue实例。this.$nextTick(函数体)$nextTick 内的函数体 一定是。,才会触发执行此方法里的函数体。出现下面报错，这是为什么呢?// 让输入框获取焦点。// 立即执行回调函数。
HTTP 请求中的 `Content-Type` 类型详解及前后端示例（Vue + Spring Boot）
qq_45688811的博客
06-17 609
是 HTTP 请求或响应头中的一个字段，用来指定消息体（body）的媒体类型（MIME type）。用途Vue 传参方式Spring Boot 接收方式结构化数据直接传对象表单数据Map文件上传FormData二进制数据返回Resource掌握是前后端交互的基础，尤其在 Vue + Spring Boot 架构下，合理选择和设置可以显著提升接口的健壮性和易用性。希望本篇文章能帮助你更清晰地理解不同类型的使用场景和实现方式。
解决 Vue 项目中 “@vue/composition-api/dist/vue-composition-api.mjs” 找不到的问题
gs80140的专栏
06-20 328
Vue项目报错解决指南：当项目提示"@vue/composition-api/dist/vue-composition-api.mjs"找不到时，主要原因是vue-demi模块在Vue2项目中未能正确引用Composition API。解决方案分三步：1) 正确安装@vue/composition-api；2) 使用npx vue-demi-switch 2命令指定Vue2版本；3) 可选清除缓存重装依赖。注意不要按照报错提示直接安装.mjs文件。最后通过npm run dev验证修复效
vite+vue3+uniapp引入uview-plus 无效 报警告
qq_45503103的博客
06-20 218
具体安装方式 查看官网 或者其他安装的文章 安装完后 怎么配置才能正常显示？还需要去vite.config.js中配置。如果还是报scss 错 查看下路径。pages.json 去注册。现在可能出现scss 报错。
vue3中的watch和watchEffect区别以及demo示例
滚滚_1016的程序媛
06-18 335
watch：是用来监听响应式数据变化的APIwatchEffect：vue3中Composition API的一个函数，用于自动追踪响应式依赖并执行副作用回调。
基于Spring Boot和Vue的网上军事论坛设计与实现
狮子也疯狂的博客
06-22 540
本文介绍了一个基于Spring Boot和Vue.js开发的军事论坛系统。系统采用前后端分离架构，后端使用Spring Boot框架，前端基于Vue.js，数据库采用MySQL和Redis缓存优化性能。主要功能包括用户注册登录、帖子发布评论、内容搜索等前台功能，以及用户管理、内容审核、权限分配等后台管理功能。系统通过Redis实现热点数据缓存和会话管理，提升了高并发场景下的性能表现。文章详细展示了系统各模块的功能演示效果图，并总结了其模块化设计、权限管理、响应式前端等技术优势，同时展望了未来音视频功能、多语
Vue.js第一节
m0_75134325的博客
06-18 229
【代码】Vue.js第一节。
Could not find a declaration file for module ‘..XX‘.
2301_80636534的博客
06-19 245
解决Vue项目中TypeScript无法识别.vue文件的问题，需进行以下操作：1) 创建shims-vue.d.ts声明文件，定义.vue模块类型；2) 检查tsconfig.json配置，确保包含.vue文件类型支持；3) 验证组件文件路径是否正确；4) 修改配置后需重启开发服务器。值得注意的是，该解决方案可能生成额外的js文件，其原理有待探讨，但实际能成功完成项目打包。建议开发者在操作前后注意文件路径和配置的准确性。
Vue3+TypeScript+ Element Plus 实现文件下载，无后端（点击按钮，下载静态文件）
BillKu的博客
06-20 391
在 Vue 3 + TypeScript + Element Plus 项目中实现点击下载静态文件，可以通过以下两种常用方式实现。这里假设你的静态文件存放在public目录（推荐）或src/assets。
Vue 复制页面内容
Aotman_的博客
06-19 112
在 Vue 2 中复制内容到剪贴板可以通过多种方式实现，但最常见和简单的方法是使用原生 JavaScript 的 document.execCommand('copy') 方法。然而，需要注意的是，从 Chrome 54 开始，execCommand('copy') 在非用户触发的情况下已经被废弃，这意味着你不能在事件监听器之外直接使用它。
Vue3渲染机制深度解析：虚拟DOM、编译优化与性能调优
weixin_52630329的博客
06-19 1069
Vue3渲染性能优化指南：深入探讨Vue3的虚拟DOM机制和编译优化技术，包括静态节点提升、补丁标志、树结构打平等核心优化策略。文章详述了渲染函数与JSX的使用方法，提供了减少响应式开销、列表渲染优化、组件懒加载等实用性能优化方案，并介绍了性能分析工具的使用。最后通过大型表格渲染优化案例和SSR环境下的优化技巧，帮助开发者在保证开发体验的同时提升应用性能。掌握这些优化技术可显著提升Vue3应用的渲染效率。
详解vue渲染函数render的使用
鹏多多的博客
06-19 938
Vue的渲染函数(render)提供了比模板更灵活的编程能力，允许直接生成虚拟DOM。文章通过标题组件对比了模板和render函数的写法差异，详细介绍了createElement函数的三个参数：标签名/组件、属性对象、子节点。重点解析了第二个参数(Option数据对象)的配置项，包括class/style绑定、事件监听、指令等。同时说明了常见指令在render函数中的变化：v-if转为条件判断、v-model需手动实现双向绑定、事件修饰符使用特定前缀处理。render函数更适合需要完全JavaScript编
el-table复选框分页多选
qq_48795482的博客
06-20 279
el-table对数据进行批量处理，存在分页情况，复选框选中切换分页消失的情况处理
keep-alive实现原理及Vue2/Vue3对比分析
qq_44919431的博客
06-21 891
Vue的keep-alive组件用于缓存组件实例避免重复渲染，其核心实现原理包括：使用LRU算法管理缓存(Vue2通过对象/数组，Vue3改用Map/Set)，提供include/exclude过滤和max限制功能。Vue2采用选项式API，Vue3改用组合式API实现，主要差异体现在数据结构、生命周期处理和渲染逻辑上，但都通过标记组件状态和复用实例来优化性能。该组件在切换时不会触发常规的销毁/创建过程，而是调用activated/deactivated生命周期钩子。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值