关于软件开发的可扩展性这一概念有两个最常见的的意义：代码的性能和可维护性。你可以同时兼顾这两点，但是专注于良好的可维护性会让一件事情变得容易，那就是提升性能且不影响应用的其余部分。更重要的是，前端与后端有一个重要的区别：本地状态。 在这个系列博客中，我们将会讨论如何通过实际的经…

首先介绍下本项目的应用，是一个交互简洁的 Todo 应用，应用取名叫 Memo，Memory 的简写，参考了微软的 To Do 以及 Listify、Trello 等应用。不过最大的不同是，项目并不依赖后端，而是使用浏览器提供的 indexDB 进行数据的存储，可以保证数据的绝…

单例模式可以说在前端范围你不可能遇不上,特别是单例惰性模式,在适合的时候才创建对象,并且只创建唯一的一个,如果创建对象和管理创建单例职责分布在两个不同的方法当中,解耦性的加持会让这个模式威力大大增加,这是能提高性能的一个突破口,Vue,React的路由懒加载的实现都是有着单例惰…

却依然把Angular技能点满的人。 我想推动团队重视网页项目中的优化由来已久，也曾在团队讨论中委婉地提过我们项目的Lighthouse分数不尽人意。虽团队大大们有所认知，但碍于业务的时间紧张和成本限制，往往是我自己抠时间根着教程做一些小修小改。 直到接下来需要我要上手一个一年…

「2022 年什么会火？什么该学？本文正在参与“聊聊 2022 技术趋势”征文活动 」 以Vite为代表的前端构建工具进入加速赛道 ESM 大势所趋，势如破竹，由于 ESM 的普及，而带来的打包工具的

原文地址：Angular vs. React: Which Is Better for Web Development? 原文作者：Brandon Morelli 译文出自：掘金翻译计划 本文永久链接：https://github.com/xitu/gold-miner/blo…

回想下我们刚开始学前端最原始、最简单的form表单提交方式。 需要提交的不多还能看得懂，一旦多了过几天自己都看不懂就难受了(╯﹏╰)。 要想达到那种清爽的、闭着眼睛提交表单，我们就要考虑封装组件、使用Reactive/Model-Driven 动态表单封装。 第一种方式的原理是…

很多动态参数配置都是通过schema文件定义结构的，一般都是先编写schema文件，再编写mock数据。其实这2个工作有一点重复，我们可以从mock数据结构中反推出schema结构，自动生成。 schema生成器就是用来解决这个问题，它可以帮助开发者从繁杂的schema编写工作…

先上灵魂拷问 在文章之前，先抛一些灵魂拷问： 前端代码从 tsx/jsx 到部署上线被用户访问，中间大致会经历哪些过程？ 上述过程中分别都有哪些考虑、指标和优化点，以满足复杂的业务需求？ 可能大部分同