前端代码质量的思考与实践

前端代码质量的思考与实践

编写可读的代码,对于以代码谋生的程序员而言,是一件极为重要的事。从某种角度来说,代码最重要的功能是能够被阅读,其次才是能够被正确执行。一段无法正确执行的代码,也许会使项目延期几天,但它造成的危害只是暂时和轻微的,毕竟这种代码无法通过测试并影响最终的产品;但是,一段能够正确执行,但缺乏条理、难以阅读的代码,它造成的危害却是深远和广泛的:这种代码会提高产品后续迭代和维护的成本,影响产品的稳定,破坏团队的团结,除非我们花费数倍于编写这段代码的时间和精力,来消除它对项目造成的负面影响。

JavaScript 是动态和弱类型的语言,使用起来比较轻松随意,在IE6那个刀耕火种的时代,轻松随意的习惯确实不是什么大问题,反而能节省时间,提高出活儿的速度。但是,随着当下前端工程化技术的快速发展,前端项目规模的不断膨胀,以往那种轻松随意的编码习惯,已经成为项目推进的一大阻力。

阅读更多...

「译」编写更好的 JavaScript 条件式和匹配条件的技巧

  1. 原文地址:Tips and Tricks for Better JavaScript Conditionals and Match Criteria
  • 原文作者:Milos Protic

介绍

如果你像我一样乐于见到整洁的代码,那么你会尽可能地减少代码中的条件语句。通常情况下,面向对象编程让我们得以避免条件式,并代之以继承和多态。我认为我们应当尽可能地遵循这些原则。

正如我在另一篇文章 JavaScript 整洁代码的最佳实践里提到的,你写的代码不单单是给机器看的,还是给“未来的自己”以及“其他人”看的。

从另一方面来说,由于各式各样的原因,可能我们的代码最终还是会有条件式。也许是修复 bug 的时间很紧,也许是不使用条件语句会对我们的代码库造成大的改动,等等。本文将会解决这些问题,同时帮助你组织所用的条件语句。

阅读更多...

新手使用vue-router传参时注意事项

新手使用vue-router传参时注意事项

vue-router里路由传参推荐用path和query的组合,或者是name和params的组合。其中name+params传参在刷新页面后路由参数会丢失,可以在路由配置时把参数配在url上,path+query的传参刷新页面后不会丢失,但是传参会拼接到url后,有长度的限制。具体用哪一种传参方式取决于业务的需要和实际的应用场景。

阅读更多...

手写一个简单版本的Promise

什么是promise

Promise 是异步编程的一种解决方案,比传统的解决方案——回调函数和事件——更合理和更强大。它由社区最早提出和实现,ES6 将其写进了语言标准,统一了用法,原生提供了Promise对象。

Promise对象代表一个异步操作,有三种状态:pending(进行中)、resolved(已成功)和rejected(已失败)。一旦成功就不允许失败,一旦失败就不允许成功。

阅读更多...

react优化总结

写了一段时间的react之后,渐渐的喜欢上了使用react来写应用。

我们知道,Facebook在推出react时打出的旗号之一就是高性能。

今天我们还一起来聊一聊react的性能优化,思考还能通过哪些手段来提升React的性能,使我们的react更快,性能更好。

阅读更多...

数据结构

在过去的几年中,得益于Node.js的兴起,JavaScript越来越广泛地用于服务器端编程。鉴于JavaScript语言已经走出了浏览器,程序员发现他们需要更多传统语言(比如C++和Java)提供的工具。这些工具包括传统的数据结构(如链表,栈,队列,图等),也包括传统的排序和查找算法。本文主要是总结什么情况下使用何种数据结构较好,并没有细讲里面的原理和实现方式,仅仅提供给阅读过《数据结构和算法》的同学作为总结和参考笔记,如果未细究过数据结构和算法的同学,本文也可以作为一个方向,希望能引导你去深究数据结构和算法。

阅读更多...

你需要了解的几种JavaScript设计模式

为什么要学习设计模式?

为了使应用程序具有可扩展性,可靠性和易维护性,应该编写符合设计模式的代码。

什么是设计模式?

  • 设计模式是我们每天编程遇到的问题的可重用解决方案。

  • 设计模式主要是为了解决对象的生成和整合问题。

  • 换句话说,设计模式可以作为可应用于现实世界编程问题的模板。

读万卷书,不如行万里路。接下来要贴代码了,从代码中就可以理解常用设计模式的主要概念。

目录

  1. 单例模式
  2. 观察者模式(发布\订阅模式)
  3. 中介者模式
  4. 策略模式/状态模式
  5. 命令模式
  6. 迭代器模式
  7. 参与者模式
  8. 数据访问对象模式
  9. 等待者模式
  10. 同步模块模式
  11. 异步模块模式
  12. 链模式
  13. 构造函数模式
  14. 职责链模式
  15. MVC模式
  16. MVP模式
  17. MVVM模式
  18. 享元模式
  19. 状态模式
  20. 模板方法模式
阅读更多...

JavaScript 代码简洁之道

测试代码质量的唯一方式:别人看你代码时说 f * k 的次数。

代码质量与其整洁度成正比。干净的代码,既在质量上较为可靠,也为后期维护、升级奠定了良好基础。

本文并不是代码风格指南,而是关于代码的可读性、复用性、扩展性探讨。

我们将从几个方面展开讨论:

  1. 变量

  2. 函数

  3. 对象和数据结构

  4. SOLID

  5. 测试

  6. 异步

  7. 错误处理

  8. 代码风格

  9. 注释

阅读更多...
  • Copyrights © 2017-2021 科瑞兹曼
  • 访问人数: | 浏览次数:

请我喝杯咖啡吧~

支付宝
微信