摘要： 项目目录规范 css 存放样式类文件，且所有 CSS 文件编写应当遵循 CSS 编码规范 component 存放项目组件 img 存放项目的图片资源，应当按模块分文件夹存放 js 存放项目的 JS 源代码，且所有 JS 文件编写应当遵循 JavaScript 编码规范 page 存放项目的 HTM 阅读全文

摘要： 缩进 使用 4 个空格做为一个缩进层级，不允许使用 2 个空格 或 tab 字符 switch 下的 case 和 default 必须增加一个缩进层级 使用 4 个空格做为一个缩进层级，不允许使用 2 个空格 或 tab 字符 switch 下的 case 和 default 必须增加一个缩进层级 阅读全文

摘要： 语法 使用 4 个空格做为一个缩进层级，不允许使用 2 个空格或 tab 字符 在属性上，使用双引号 ""，不要使用单引号 '' 属性名 / 属性值全小写，用中划线 - 做分隔符 不要在自动闭合标签结尾处使用斜线，例：<img> 不要忽略可选的关闭标签，例：</li> 和 </body> 自定义属性 阅读全文

摘要： 页面布局 页面布局均采用最新版 flexbox 进行布局，需兼容低版本 IE 项目除外。 .selector { display: flex; justify-content: center; align-items: center; } 缩进 使用 4 个空格作为一个缩进层级，不允许使用 2 个空 阅读全文

摘要： 背景： 在项目实际开发中，有一些IP地址需要随时修改，进行部署，例如websocket的地址。因此在项目打包的时候，不希望保持IP地址的文件被打包，因此就需要把需要修改的常量独立出来，存放在一个js文件中，且不被压缩。 解决步骤： 1、新建一个js文件，并存放在static文件夹下，例如新建一个we 阅读全文

摘要： 在项目中经常会使用到tree，并且需要对递归树进行操作。 在vue项目中，使用vue-treeselect插件（https://vue-treeselect.js.org/） 使用中遇到的问题： 1、接口返回的数据格式中，children:null，也就是说哪怕已经是最子节点，children为空， 阅读全文

摘要： 主要思路：el-date-picker组件需要 :picker-options属性，属性值为data,data的数据来自于methods中的方法。 ##template代码 ##data数据 data() { return { startDatePicker: this.beginDate(), endDatePicker: this.processDate(), }}##... 阅读全文

摘要： Vue2+Webpack+ES6 兼容低版本浏览器（IE9）解决方案 解决方式：安装 "babel-polyfill" 即可。 命令：npm install --save-dev babel-polyfill 在入口main.js文件引入：import 'babel-polyfill'最后一步，在b 阅读全文

摘要： :visible.sync 与 v-if同时使用即可。 阅读全文

摘要： vue项目中，需要使用echarts时，需要根据UI设计图进行图标颜色修改 方法一： 1、在script中引入echarts以及主题样式； import echarts from 'echarts'; import macarons from 'echarts/theme/macarons' 2、在 阅读全文