「每天一点小知识,天天学习好孩子」

欢迎来到学习章节:5个让前端代码变得简洁的最佳实践

“即使错误的代码也可以起作用。但是,如果代码不干净,则会使开发组织屈服。” -罗伯特·马丁(鲍勃叔叔)

善用ES6最新语法API
例如解构,扩展运算符,async-await,模板字符串,可选链等

编写线性代码
始终尽可能多地编写线性代码,它使我们的代码简单,干净,易于阅读和易于维护,从而使开发人员的生活更加轻松。

我目前是在职前端开发,如果你现在也想学习前端开发技术,在入门学习前端的过程当中有遇见任何关于学习方法
学习路线,学习效率等方面的问题,你都可以申请加入我的前端学习交流3000人裙:前面:851 中间:231 最后:348。
里面聚集了一些正在自学前端的初学者裙文件里面也有我做前端技术这段时间整理的一些前端学习手册,前端面试题,
前端开发工具,PDF文档书籍教程,需要的话都可以自行来获取下载。

例如,让我们编写一个函数,向后台请求一个数据类型,并根据返回的类型查询信息。

如果使用async-await

另外在看一个常见的判断

那么这么写又如何呢?

更好的命名变量和方法
好的命名提高了代码的可读性,并且代码变得更易于维护。名称应该有意义并且具有上下文。通过阅读函数或变量的名称,人们应该了解其目的。例

「始终使用确定词来命名。因此,不要使用isNotActive ,而应该使用!isActive来替换」

函数只做一件事
功能不得大于20–25行,且单个函数功能越小越好。函数应该修改或查询某些内容,但不能两者都进行。考虑下面的代码。

同样的事情可以有更清晰的结构

使用eslint和prettier插件来格式化代码
建议使用ESLint和Prettier在开发人员之间建立通用的编码样式,查找语法错误和代码格式。 配合在项目中设置editorconfig,让所有的开发者享有同样的编码格式。

希望本文对您有所帮助,并感谢您的阅读。始终欢迎您提供反馈。

5个让前端代码变得简洁的最佳实践相关推荐

  1. 最佳实践系列:前端代码标准和最佳实践

    最佳实践系列:前端代码标准 @窝窝商城前端(刘轶/李晨/徐利/穆尚)翻译于2012年 版本0.55 @郑昀校对 isobar的这个前端代码标准和最佳实践文档,涵盖了Web应用开发的方方面面,我们翻译了 ...

  2. [Client]前端代码规范 及 最佳实践

    前端代码规范 及 最佳实践 2014/10/29 | 分类: WEB前端, 工具与资源, 开发 | 0 条评论 | 标签: 代码规范, 前端开发, 最佳实践 分享到: 62 本文作者: 伯乐在线 -  ...

  3. [转载]前端代码规范 及 最佳实践

    http://blog.jobbole.com/79075/#_general_practices 本文作者: 伯乐在线 - 老码农 .未经许可,禁止转载! 欢迎分享原创到伯乐头条. 本文来自 Iso ...

  4. 前端代码规范及最佳实践

    本文来自 Isobar公司 的 github repo 中文版 翻译: @老码农的自留地 概述 本文档包含了Isobar公司的创意技术部(前端工程)开发web应用的规范.现在我们把它开放给任何希望了解 ...

  5. 前端代码规范 及 最佳实践

    本文来自 Isobar公司 的 github repo 中文版 翻译: @老码农的自留地 概述 本文档包含了Isobar公司的创意技术部(前端工程)开发web应用的规范.现在我们把它开放给任何希望了解 ...

  6. git拉取tag代码_10年经验17张图带你进入gitflow企业项目代码版本管理的最佳实践...

    前言 对于项目版本管理,你是否存在这样的痛点:项目分支多而杂不好管理,git log界面commit信息错乱复杂无规范,版本回退不知道选择什么版本合适--. 项目版本管理的最佳实践系列,笔者将以两篇文 ...

  7. 在SDLC中使用静态代码分析的最佳实践

    http://vultrace.cn更多精彩,尽在个人博客. 文章翻译自ncc group的论文,论文超长预警,请耐心观看. Best Practices for the use of Static ...

  8. 深入探索微信公众号开发:Java代码实现与最佳实践

    微信公众号是一种基于微信生态的社交工具,它可以帮助企业和个人实现信息传播.客户互动和营销推广等目标.本文将深入探讨微信公众号的开发流程.核心功能和Java代码实现,同时提供一些最佳实践,帮助你更好地应 ...

  9. 前端开发环境与最佳实践

    目标 ========================= 标准化.自动化.最优化----以WEB设计取代传统桌面程序界面设计 开发语言:javascript ===================== ...

最新文章

  1. php写浏览记录,php如何浏览历史记录
  2. java 程序是由什么组成的 java_从零开始的JAVA -2. java程序的构成及命名规则
  3. NYOJ_37_回文字符串
  4. 天然气门站监控摄像头如何布置_监控摄像头布置原则
  5. 轻松带你走进shiro的世界
  6. CentOS6.5升级内核到3.10.28
  7. Makingware调用静态块,实现自定义html内容的常用方法(不需要修改模版部分)...
  8. 机器学习资料合计(一)
  9. vs编译c++代码脚本
  10. Windows Server 2012搭建文件服务器
  11. TrueCrypt加密安全问题
  12. 从零开始学Android!渣本毕业两年经验,附超全教程文档
  13. 深度装机大师一键重装_电脑店U盘重装系统教程
  14. 二维拉普拉斯方程的数值解法
  15. 浅谈汽车研发项目中的工时管理
  16. Maven的下载安装和配置阿里云镜像教程
  17. 提取多个文件夹图片到一个文件夹
  18. 减法公式运算法则_数学的运算定律
  19. Java编程题-买苹果
  20. 计算机类专业教指委委员名单,教育部高等学校计算机类专业教学指导委员会举办《高校计算机系统能力培养教学研讨会》...

热门文章

  1. MySQL工作中的实际用_总结工作中经常用到的mysql基础知识
  2. [转载]项目风险管理七种武器-离别钩
  3. ping tracert over TCP
  4. Android隐藏标题设置全屏,设置背景
  5. opencv1-安装及资料
  6. ADO.NET远程访问Access数据库的连接字符串
  7. 三、Tableau筛选器的使用
  8. linux 内核的链表操作(好文不得不转)
  9. 从0到1搭建spark集群---企业集群搭建
  10. 【题解】Grape luogu1156改 dp