本文将带大家学习使用前端开发神器-charles，从基本的下载安装到常见配置使用，为大家一一讲解。 截取 Http 和 Https 网络封包。 支持重发网络请求，方便后端调试。 支持修改网络请求参数。 支持网络请求的截获并动态修改。 支持模拟慢速网络。 点击Proxy->Sta…

人可能会说谎，但是数据不会。2021哪些👑前端框架★star★暴涨？让我们看看其中哪些值得在2022深入学习！

你是否也对正则表达式有许多困扰，不会写，不会用？甚至有点小小的恐惧，不敢深入去接触他？不用担心，和胖头鱼一起通过这三个知识点，14个案例彻底学废他。

single-spa 一个基于JavaScript的 微前端 框架，他可以用于构建可共存的微前端应用，每个前端应用都可以用自己的框架编写，完美支持 Vue React Angular。可以实现 服务注册 事件监听 子父组件通信 等功能。 single-spa-vue 是提供给使…

这是一个简单的需求，衍生的思考。 昨天QA提了一个富文本优化的需求，当插入视频和音频时，如果用户同时点击了视频、音频，那么其他的视频或者音频应该停止播放，只有最后一个点击的才会是播放状态。 三步搞定。 好了，现在揭露，如果在clickFun事件中，打印下console.log(…

目前我们团队中的多个项目是同时进行开发的，每个项目中组件都有非常高可复用型。当遇到之前某一块的业务场景需要进行升级的时候，为了减少去每一个项目中修改大量代码的时间，我们只需要在私有的cnpm厂库修改一次，然后依次在每个项目中npm update对应的包，问题就解决了。 方便查看…

记录的版本号并无变化。 所以，废弃的包除了安装时会有警示，并不影响使用。 npm不鼓励任何形式的删除，主要因为我们发布的包可能已经被其他人引用，如果我们删除了此包，其他人在重新安装含有我们包的依赖的工程时，出现找不到包问题。 已经删除的包无法再安装。 至此，我们完成npm包的整…

之前在开发项目的时候首先接触到的就是package.json和package-lock.json，但由于种种原因一直都没有探究下去，留的坑总要埋的，所以这里补一下课。 package.json文件通常位于项目的根目录下，该文件包含了与项目相关的各种数据。该文件通常用于npm识别…

在实践过程中发现，父子组件生命周期的执行顺序和预期的并不一样，记录一下，避免踩坑。 嗯，很惊喜有没有。。。 场景：父组件在mounted钩子函数中发起http请求获取数据，将获取到的数据赋值给本地data对象的属性上。然后通过prop将数据传递给子组件，子组件在mounted钩…