自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(5)
  • 收藏
  • 关注

原创 表格组件二次封装(element+vue)

后端管理系统中,常用表格展示数据,统一维护,统一表格风格,二次封装一个基于elementUI中的el-table封装一个简单的表格组件。封装组件分为四部分,表单查询条件、头部操作按钮、表格数据展示、数据分页操作。

2024-09-03 16:56:52 1347 1

原创 vue插槽(slot)详解

插槽(Slots)是一种让父组件向子组件传递内容的方式,使得组件具有更高的可扩展性和灵活性。

2024-09-03 10:04:08 512

原创 前端代码规范

使用有意义的类名和 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关注的人

提示
确定要删除当前文章?
取消 删除