- 博客(5)
- 收藏
- 关注
原创 表格组件二次封装(element+vue)
后端管理系统中,常用表格展示数据,统一维护,统一表格风格,二次封装一个基于elementUI中的el-table封装一个简单的表格组件。封装组件分为四部分,表单查询条件、头部操作按钮、表格数据展示、数据分页操作。
2024-09-03 16:56:52
1347
1
原创 前端代码规范
使用有意义的类名和 ID 名,避免使用无意义的命名,如box1、div2等。尽可能使用数组的方法,如map、filter、reduce等,提高代码的简洁性和可读性。使用 ES6 的模块导入和导出语法,提高代码的可维护性和可扩展性。对于复杂的函数,添加函数注释,说明函数的用途、参数和返回值等信息。使用计算属性来处理复杂的逻辑,提高代码的可读性和可维护性。使用简洁的对象字面量语法,避免使用重复的属性名和方法名。在复杂的代码逻辑处添加注释,说明代码的用途和思路。使用两个空格进行缩进,保持代码的整齐和一致性。
2024-08-30 10:42:51
495
原创 Scss知识点
SCSS 是 Sass(Syntactically Awesome Stylesheets)的其中一种语法,是一种预处理器脚本语言,能够扩展 CSS 的功能,使其更加强大和高效。SCSS 保留了 CSS 的原有语法,同时增加了变量、嵌套规则、混合宏(mixin)、继承等高级功能。Mixin 是 SCSS 中的一种复用机制,可以将一组样式定义在一个 Mixin 中,然后在其他地方进行调用。SCSS 允许一个选择器继承另一个选择器的样式,这样可以避免重复代码,提高代码的复用性。
2024-08-29 10:07:59
339
原创 Vue修饰符
当在子组件的属性上使用sync修饰符时,Vue会自动将子组件的update:propName事件映射到父组件的propName属性更新,之后子组件内部可以通过触发update:propName事件来修改父组件的属性值,实现双向绑定效果。(7) .native: 针对原生事件在外来组件上无法生效的问题,可以理解为该修饰符的作用就是把一个vue组件转化为一个普通的HTML标签. 注意:使用.native修饰。(3) .self: 用self修饰符的元素不会受其他关联元素上的事件所影响(例如事件冒泡机制)
2024-08-29 09:54:11
2034
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人