web代码规范¶
这些方案不需要产品经理写明,直接先按此标准执行。如有需要再做更改
代码基本规范:¶
代码风格的规范,需要符合HTML5,CSS3代码的一般规范。
css的尺寸单位,在我公司是严禁使用px的,建议使用百分百或者vw,vh单位。达到的目的是网站缩放不变形。
所有的的css文件,js文件,不能是链接的引入方式,必须是下载到本地代码文件夹。比如<script src=”https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js”>的引入方式是不可以的。
如果需要兼容手机端和PC端,建议采用的方式是:通过获取屏幕的宽和高的尺寸,pc的宽大于高,手机的高大于宽。不建议使用第三方的通过系统版本的方式来判断。
代码需要规范,整洁。比如:大段已经注释掉的代码是不可取的,保持好必要的缩进等。
约定俗成的代码实现方案:¶
凡事遇到非等幂操作的按钮都需要加上防止连续多次点击的操作,比如添加商品的按钮。
凡事遇到搜索框的情况,都需要添加按键盘enter可以触发搜索功能,视情况添加光标停止1秒后自动触发搜索功能
凡事需要弹窗提示的情况,如果是重要的提示需要用户点击确认或者“X”来确认,如果是不重要的提示一律才用弹窗半秒自动消失的方式。弹窗底色以刚好包裹文字为宜。
凡是需要提示的地方都要比较清晰和准确的提示,比如:“输入的文本字数超限”
版本规范:¶
公司指定使用vue和uniapp作为公司的主力开发框架,vue的版本为3.0。
样式框架主要使用vuetify和elemengt-ui。
只能使用公司规定的第三方包和对应的版本。超出范围的需要邮件申请,邮箱地址为xeky@163.com 申请时写明原因。
其他规范:¶
每一个项目都要写好readme.md文件,写不同环境切换时需要修改和注意的事项,比如:不可或缺的基础数据,切换时需要更改的域名。需要依赖的第三方包或者插件等。