摘要：
本文介绍几种前端常用的数据mock方案，通过了解自动化mock的方式，减少重复工作，减少真实联调问题 1： 接口管理工具 代表： rap（阿里，已停止维护，使用rap2） swagger moco（参考, 和前端处理mock类似，json假数据+服务） yapi(去哪儿网开发yapi 官网) 优缺点 阅读全文
摘要：
当我们开始搭建前端项目的时候，需要从这五个方面去考虑：易开发、可扩展、易维护、易构建、易测试。 易开发：首先是开发工具是否完善，我们采用的技术栈是否有对应的开发工具来支持。然后我们需要考虑所用的技术栈的生态圈是否繁荣。这就意味着我们在遇到实际的业务场景的时候，生态圈中是否有对应的解决方案。还有就是社 阅读全文
摘要：
pnpm 的优点 它解决了 npm/yarn 平铺 node_modules 带来的依赖项重复的问题 (doppelgangers) 假设存在依赖依赖: . ├── package-a │ └── lodash@4.0.0 ├── package-b │ └── lodash@4.0.0 ├── p 阅读全文
摘要：
CRA的脚手架升级后，在项目根目录下增加了一个新的文件 – reportWebVitals.js，内容如下： const reportWebVitals = onPerfEntry => { if (onPerfEntry && onPerfEntry instanceof Function) { 阅读全文
摘要：
微前端 微前端的概念来源于微服务，其整体的架构思路是将前端应用分解成一些更小、更简单的能够独立开发、测试、部署的应用，之后将这些应用组成整体，在用户看来仍然是内聚的单个产品，用户体验是一致的。 从概念上看，微前端架构由主应用和子应用两个部分组成，子应用负责具体的业务实现，主应用负责子应用的加载和卸载 阅读全文
摘要：
工作中对开发的要求都不仅限于实现功能。你是否有想过，如果只是编写代码，刚毕业的应届生花几周时间也一样能做到，那么我们的优势在哪里呢？ 洞察工作中的瓶颈，并有足够的能力去设计方案、排期开发、解决并复盘，这些技能更能突显我们在岗位上的价值和能力。对团队来说，更需要这样能主动发现并解决问题的成员，而不是安 阅读全文
摘要：
如何 debug 混淆后的 js ？ 生产环境的代码都是被混淆，因为发布环境下不会保存或关联 sourcemap(否则混淆没有任何意义了)，所以日志与报错的堆栈都指向混淆后的代码。开发人员持有 sourcemap 文件，除了有本地解析映射的需求外，有时也存在直接调试外网混淆代码的需求，构建编译后的代 阅读全文
摘要：
If we say that time is perhaps the most valuable asset in the modern world, it will not be an overstatement. Moreover, in this ever-evolving digital b 阅读全文
摘要：
在很多时候，对于 vue 项目来说，很多刚入门，或者是受业务妥协的朋友大都是从百度 CV 一套看得过去的架子，如常见的 D2Admin ， vue-element-admin ，进行一个二次迭代的开发，其项目本身非常的优质，而在其 template 中去进行一个更改能够使得项目在一开始有一个很好的基 阅读全文
摘要：
// vue2.x响应式实现方式// 触发更新视图 function updateView() { console.log("视图更新"); } // 重新定义数组原型 const oldArrayProperty = Array.prototype; // 创建新对象，原型指向 oldArrayP 阅读全文