前端开发规范文档

本文档详细介绍了前端开发的规范,包括环境搭建、命名规范、HTML、Scss、Js和Vue的编码标准,强调了代码的可读性、可维护性和一致性。涉及组件命名、HTML缩进、Scss选择器优化、Js的ES6语法使用以及Vue的key使用等关键点。
摘要由CSDN通过智能技术生成

简介

功能:项目功能
作用:项目作用

安装和配置

操作工具:Node.js, git,npm,HBuilderX,微信开发者工具
操作技术:Vue,Js,Scss,Ucharts
步骤1:环境搭建
安装Node.js:     Node.js
安装git:             Git
申请gitee 账号: 登录 - Gitee.com
安装HBuilderX:  HBuilderX-高效极客技巧
安装 Vue-cli
创建 uni-app项目
步骤2:打开HBuilder X并点击文件》新建》项目
因为 uniapp 对于 scss 优化好,所以目前样式使用 scss处理

请求封装icon-default.png?t=N7T8https://blog.csdn.net/weixin_59727199/article/details/132227829?spm=1001.2014.3001.5501请求封装,在utils文件夹下,需要在 mian.js 暴露出来
目前通过判断本地缓存中 openId 是否存在,来判断用户是否登陆

i mport api from 'utils/request.js'
Vue.prototype.api = api
之后在所需调用接口处
let data = {
}
this.api.get/post('路径',data)。then((res)=>{
})
步骤3:命名规范
项目命名规范
全部采用小驼峰的方式
// 正确命名:
debugSystemFront
 
// 错误命名:
debug-system-front
目录命名
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值