前端开发规范
文章平均质量分 61
前端开发规范约定
小墨鱼_z
finding
展开
-
【element-ui】el-select下拉框el-date-picker弹出框定位问题解决方案
有时候popper-append-to-body设置成false不生效,此时需要找到el-select对应的父节点设置样式:overflow:inherit!项目开发过程中发现el-select和el-date-picker弹出框显示时候,滚动屏幕,导致弹出框定位出现问题。2、el-date-picker提供了append-to-body属性的配置。1、select提供了popper-append-to-body属性的配置。首先考虑到看一下element-ui官网提供的api,如下图。原创 2024-02-06 10:10:44 · 2022 阅读 · 0 评论 -
编写可复用的vue组件
通用非业务组件一般情况下是指UI库组件或者基于UI组件库二次封装的UI组件,也有一些特殊的功能性质组件例如:EventBus组件。通用业务组件更注重业务的多范围应用,例如一个通用的数据表格,包含了与业务相匹配的标准头部和标准的配置数据等。●通用性:根据组件接受的参数和组件中与业务的解耦比来衡量组件的通用性,并不是通用性占比100%的组件就是最好的组件,需要根据 不同的场景 具体分析。组件复用是Vue.js中的一个重要特性,它使得我们可以将组件定义为可复用的模块,并在应用程序中重复使用。组件应该是可配置的。原创 2023-07-10 22:33:51 · 654 阅读 · 0 评论 -
运行环境约定
你可以使用 nvm 或 nvm-windows 在一台电脑中管理多个Node 版本。安装volar一定要禁用安装过的 Vetur 插件,避免冲突。CSS/Less/JS等其他文件实现统一的格式化。VS Code 简体中文语言包。不要格式化引入的外部文件。原创 2023-07-10 22:32:06 · 35 阅读 · 0 评论 -
Code Review
Code Review(代码审查)是软件开发中的最佳实践之一,可以有效提高整体代码质量,及时发现代码中可能存在的问题。包括像Google、微软这些公司,Code Review都是基本要求,代码合并之前必须要有人审查通过才行。然而对于大部分软件开发团队来说,认真做Code Review的很少,有的流于形式,有的可能根本就没有Code Review的环节,代码质量只依赖于事后的测试。原创 2023-07-10 22:31:19 · 74 阅读 · 0 评论 -
【前端规范】代码规约
单例组件不意味着组件只可⽤于⼀个单页⾯,⽽是每个页⾯只使⽤⼀次。这些组件永远不接受任何 prop,因为它们是为你的应⽤定制的,⽽不是它们在你的应⽤中的上下⽂。如果你发现有必要添加 prop,那就表明这实际上是⼀个可复⽤的组件,只是⽬前在每个页⾯⾥只使⽤⼀次。a 标签是⼀个⾏内元素,⾏内元素⾥⾯套了⼀个 div 的标签,这样可能会导致 a 标签⽆法正常点击。在Safari上⾯可能会有⼀些奇怪的抖动。省略可选的结束标签,虽不会违反H5规范,但可能会造成层级上的困扰,导致代码出现无法预料的问题。原创 2023-07-10 22:30:37 · 1177 阅读 · 0 评论