随着JavaScript的快速发展，目前它已然成为最流行的编程语言之一，这背后正是 Web 的发展所推动的。但是随着JavaScript被广泛的应用，它也暴露了很多问题： 这两大问题成为JavaScript头顶上的达摩克利斯之剑，危及着JavaScript更广泛的应用。 Bre…

Paul Isaris 原作，授权 New Frontend 翻译。 这篇文章是「高效程序员的 14 个习惯」系列的第二部分。你可以在这里或者我的博客阅读第一部分。 「高效程序员的 14 个习惯」系列的第一部分讲述了「习惯」在程序员日常生活中带来的好处，以及我们要如何通过在工作…

表现、内容和行为的分离。 标记应该是结构良好、语义正确 以及 普遍合法。 渐进增强，提高用户体验。 通过保持代码风格和传统的一致性，我们可以减少遗留系统维护的负担，并降低未来系统崩溃的风险。 通过遵照最佳实践，我们能确保优化的页面加载、性能以及可维护的代码。 本规范中条目如无特…

Performance 一个在前端开发领域中，无法被忽视的存在，如果我们的开发是一个满足需求就可以的产品，那么可能就用不到它；但是如果我们想对我们的这个产品，做一个极致的优化，那么 Performance 是一个很好的选择，也是一个不容忽视的选择。 大致的介绍了一下工具和api…

1. 导读 重构一个项目还不如新开发一个项目... 这代码是谁写的，我真想... 针对上面的问题，本文的主角 圈复杂度 重磅登场，本文将从圈复杂度原理出发，介绍圈复杂度的计算方法、如何降低代码的圈复杂度，如何获取圈复杂度，以及圈复杂度在公司项目的实践应用。 2. 圈复杂度 圈复…

在 Vue 的文档中介绍数据绑定和响应时，特意标注了对于经过 Object.freeze() 方法的对象无法进行更新响应。因此，特意去查了 Object.freeze() 方法的具体含义。 Object.freeze() 方法用于冻结对象，禁止对于该对象的属性进行修改（由于数组…

Vue 框架通过数据双向绑定和虚拟 DOM 技术，帮我们处理了前端开发中最脏最累的 DOM 操作部分， 我们不再需要去考虑如何操作 DOM 以及如何最高效地操作 DOM；但 Vue 项目中仍然存在项目首屏优化、Webpack 编译配置优化等问题，所以我们仍然需要去关注 Vue …

1. 基本原则：结构、样式、行为分离 标记应该是结构良好、语义正确。 Javascript应该起到渐进式增强用户体验的作用 。 在 web 项目中，使用连字符（-）来分隔文件名，可以提高可读性。例如：order-detail-view.js。确保不用大写字母开头，不要驼峰命名。…