前端开发代码架构相关想法

1：封装、封装、封装

封装事件绑定

封装组件调用

Utils方法的封装

校验的封装

网络请求的封装（必须封装，一个入口）

总之：能封装的尽量封装，因为前端js调用本身就很随意，通过封装去规范所有人的代码、尽量减少错误的出现几率；开发人员都去调用封装好的代码，不要去自己写；

2：单入口

单入口是说针对项目、功能、封装的模块等等始终保持一个入口点或者一个变量，保持代码及功能的逻辑线始终是一棵树，只有一个主干。

3：代码书写的逻辑关系

这个可以通过写demo来控制，所有人都按照的demo的书写规范去写，不能随意书写。

4：代码文件的统一规划

这个主要是对文件及文件夹的规划，做到方便查找，不能随意新建文件和随意存放。

例如，可以将所有校验放一个文件，所有工具方法放一个文件，所有请求接口放一个文件等等

转载于:https://www.cnblogs.com/yrcn/p/5778607.html

前端开发代码架构相关想法相关推荐

怎么学好Web前端开发有哪些相关书籍推荐
怎么学好Web前端开发?有哪些相关书籍推荐?想学好Web前端开发技术,好的学习资料当然必不可少,有哪些好的书籍推荐呢?下面就给大家推荐几本热度比较高的书籍,相信好的学习资料能让你的学习效果事半功倍. ...
前端项目结构构建_如何通过构建项目成为更好的前端开发人员（包括想法）
前端项目结构构建 If you want to fast-track your growth as a front-end developer, nothing beats doing real de ...
前端开发：JS相关的核心知识点
前言在前端开发过程中,有三驾马车组成:JS.CSS.HTML,JS负责页面交互,CSS负责页面样式,HTML负责页面结构,这三大块也是在实际开发中必备内容,关于三者所起到的作用不用说读者就知道.本文 ...
前端开发代码风格总结
一.命名规范市面上常用的命名规范: camelCase(小驼峰式命名法 -- 首字母小写) PascalCase(大驼峰式命名法 -- 首字母大写) kebab-case(短横线连接式) Snake ...
Web前端开发代码规范（基础）
一. 引言对于一个多人团队来说,制定一个统一的规范是必要的,因为个性化的东西无法产生良好的聚合效果,规范化可以提高编码工作效率,使代码保持统一的风格,以便于代码整合和后期维护. 二. HTML/CS ...
Extjs4前端开发代码规范参考
准则: 一致性, 隔离与统一管理, 螺旋式重构改进, 消除重复, 借鉴现有方案 1. 保证系统实现的一致性,寻求一致性方案, 相同或相似功能尽量用统一模式处理: 2. 尽可能使用隔离技术 ...
移动webAPP前端开发代码演示和技巧汇总
1. viewport:webapp视图也就是可视区域.对于桌面浏览器,我们都很清楚viewport是什么,就是除去了所有工具栏.状态栏.滚动条等等之后用于看网页的区域, 这是真正有效的区域.由于移 ...
微信H5纯签约前端开发范围及相关坑
开发内容: 1.提供签约成功回调地址notify_url,以供签约后获取并处理签约结果, 2.微信签约页链接由后台获取拼接后返给前端,location.href跳转即可. 参数来源:签名.用户ip等参 ...
前端网络安全前端优化代码架构笔记
1:请求数据字段和返回字段用同一段内容前端请求接口 https://xxx.com.cn/xxx/getLife?pType=%3cscript%3ealert(1)%3c%2fscript%3e ...

前端开发代码架构相关想法

1：封装、封装、封装

2：单入口

3：代码书写的逻辑关系

4：代码文件的统一规划

前端开发代码架构相关想法相关推荐

最新文章

热门文章