snowbitx

1.组件命名 1. 组件名为多个单词组成，避免与当前及以后的HTML元素命名冲突。 2.单文件组件文件的大小写，单词大写开头对于代码编辑器的自动补全很友好 3.组件名中的单词顺序,以高级别的 (一般化

1.新建弹窗组件 可根据实际情况自定义 2.新建lbNotification.js 3.main.js注册 4.文件使用 5.弹窗效果

1.日期时间格式化 2.表单重置 3.添加日期范围 4.数据字典 5.文件保存 下载 6.字符串格式化 7.构造树型结构数据 8.防抖 9.深拷贝 10.动态增加class 11.函数

滚动触底加载方案 单页面表格，不涉及多tab不涉及v-if可以使用插件el-table-infinite-scroll（2.0版本为vue2版本，一堆bug） 接收参数 映射逻辑 触底加载更多指令注册

概述： 公司的旧项目采用vue2+element-ui，项目重，性能较差，考虑到vue3逐渐成熟，而且很好的支持了tree shaking优化，开始起步。新的模块单独开个vue3项目，构建工具使用vi

1.场景一，多选项单选 2.场景二，多选项为多选 1.场景一，多选项单选 2.场景二，多选项为多选 1.场景一，多选项单选 2.场景二，多选项为多选

背景 因项目需要给不同人群使用，客户方使用笔记本（1366分辨率），有使用1k分辨率显示器，同时有部分用户使用2k显示器。 1.安装 postcss-px-to-viewport插件 2.根目录下新建

1.vscode打开文件-首选项-配置代码片段-vue.json文件 配置完成可以在vue页面中输入vue+tab快速出代码 2.格式化前端代码 安装插件Prettier - Code formatt

一切设计模式都是为了使代码高聚合，低解耦 1.装饰器模式 在优化旧代码，确保不影响旧代码逻辑时增加新的功能，经常使用。 举例： 2.工厂模式 将实现同一件事的相同代码封装到一个函数里，用这个函数批量复