摘要： 【前言】 小程序开发中，有时会遇到下面这种情况，项目目录中存放过大的js包，会被警告影响手机端性能，同时让开发编译启动变得很慢。慢是其次，单是影响性能这一点，就需要解决一下。 【云资源】 将项目js包放入公司的oss、obs之类的云存储上，通过https链接来访问。 https链接不能使用node的 阅读全文

摘要： 写在前面 CSS的短板 在语法更新时，每当新属性提出，浏览器的兼容问题就会成为一大烦恼。 Less的诞生 Less属于预编译脚本，一起被熟知的还有与Sass、Stylus。 Less 诞生于 2009 年，受Sass的影响创建的一个开源项目。 它扩充了 CSS 语言，增加了诸如变量、混合（mixin 阅读全文

摘要： 【前言】 前面在git分支规范那篇文章里，介绍了commit提交规范，如下图 但是想要做到高效落地执行，就需要做些别的功课，先展示下成果图 没错，对不符合规范的commit进行了拦截，符合才可以成功提交。 【前期准备】 需要了解git hooks，它是git的钩子，就像vue拥有自己的钩子一样 官方 阅读全文

摘要： 【前言】 前面对项目打包做了优化处理，但是还不够完美，有两点可继续优化 1. 生成的chunk-vendors文件过大，压缩后仍然超过1M 2. 开发、测试环境生成的js文件，未带哈希值 问题1：如果在弱网环境下，会造成首次白屏时间过长 问题2：容易产生同名文件，造成浏览器缓存 出于以上两点考虑，故 阅读全文

摘要： 【前言】 《闻香识女人》中有句经典台词，“有些人一分钟过尽一生”，多少人在等待中浪费了生命的美好。同样，如果一个项目构建、热更新、打包速度过慢，中途需大把时间去等待，那么不免让人抓狂。 【效果展示】 优化前，构建速度 整整126秒，两分多钟过去后，项目才启动成功 优化后，构建速度 21秒运行完毕，仅 阅读全文

摘要： 【前言】 规范、整洁的文件目录，让人心情愉悦的同时，还能降低维护的难度，增加项目的可读性 由于其可复制性，由此总结出一套适用于前端的文件目录模板。 先来一张大体的目录格式： 【取名规则】 名称遵循语义化 组件名需使用大驼峰，例如：PlanSelect 文件夹、文件按中划线拼接，例如：order-fo 阅读全文

摘要： 【前言】 目前入职新公司一个多月，上级让我带领前端小组，其实入职没多久就发觉前端代码质量很差，提升代码质量一直都是个艰难而持续的过程，从git规范，到代码质量规范缺一不可，那么先从git规范开始。 【分支概要】 分支名称 分支说明 master 生产分支，不能直接在此分支开发 feature 功能分 阅读全文

摘要： 【前言】 此实现方案基于vue框架，并需要依赖vue项目相关的库，router、store等等；前端同学要与后端同学协商，常规是让后端返回一个树结构的菜单数据，并且将所有的涉及权限控制的页面path给到后端，如果是按钮，需要把所有的按钮 code 码统一下，这是前期工作，很重要。 首先，main.j 阅读全文