基于vue2已经开发了一个选择器web app，是单页应用。后续需求是要把这个spa变成一个npm组件，因为要考虑其他项目的使用。以下是一些改造的心得以及遇到的坑以及解决方案。

今天来给大家介绍下前端监控中一个特定指标的获取算法，有人会问，为啥就单单讲一个指标？这是因为，目前大部分的指标，比如白屏时间，dom加载时间等等，都能通过现代浏览器提供的各种api去进行较为精确的获取，而今天讲的这个指标，以往获取他的方式只能是通过逻辑...

物料(Material) 这个概念在前端领域大家都不陌生，在阿里飞冰中的解释物料即组成一个前端项目的不同单位，根据抽象粒度的不同，我们将物料从小到大分为组件（component）、区块（block）和模板（scaffold）。其实在这里可以理解为前端可复用的组件模块都可理解成物料。

对于 Vue.js 的错误上报需要用其提供的 Vue.config.errorhandler 方法，但是错误一旦被这个方法捕获，就不会外抛到在控制台。如果需要自己手写一个错误监控，则理论上我们仅仅将错误捕获并上报，但最好不要阻止错误在控制台中展示，所以本文来分析下当中的二三事。

今天这篇文章是笔者会带着大家一起深入剖析 Vue3 的响应式原理实现，以及在响应式基础 API 中的 reactive 是如何实现的。对于 Vue 框架来说，其非侵入的响应式系统是最独特的特性之一了，所以不论任何一个版本的 Vue，在熟悉其基础用法后，响应式原理都是笔者最想优...

这个报错是es模块循环引用导致的，建议先检查下

微前端系列之：一、记一次微前端技术选型二、清晰简单易懂的qiankun主流程分析三、记一次qiankun落地遇到的问题本文是系列之三。项目背景app下架需要把所有页面都迁移到企业微信h5，作为主应用。本来内嵌到app webview的h5，以微应用的方式接入到主应用。主应用技术...

微前端系列之：一、记一次微前端技术选型二、清晰简单易懂的qiankun主流程分析三、记一次qiankun落地遇到的问题本文是系列之二。综述qiankun 是在 single-spa 基础上进行二次开发的。本文核心分析应用加载、应用切换、应用隔离 这三个核心功能原理。一开始计划是直接...

微前端系列之：一、记一次微前端技术选型二、清晰简单易懂的qiankun主流程分析三、记一次qiankun落地遇到的问题本文是系列之一。项目背景：app下架需要把所有页面都迁移到企业微信h5规划架构：主应用提供菜单组件和公用方法，然后微应用需要渲染到指定的容器。所以要...

在我之前的文章提到过，微前端的本质是分治的处理前端应用以及应用间的关系，那么更进一步，落地一个微前端框架，就会涉及到三点核心要素：子应用的加载；应用间运行时隔离；路由劫持；对于 qiankun 来说，路由劫持是在 single-spa 上去做的，而 qiankun 给我们提供...

年前开始负责新项目开发，是一个h5内嵌到企业微信。技术栈是 vite2.x + vue3.x。随着业务的开展，版本迭代，页面越来越多，第三方依赖也越来越多，打出来的包也越来越大。针对这个问题，很容易就会想到分包这个解决方案。根据 vite 官方文档 提示，做了 vendor 分包...

PMP考试改版了。了解过的都知道，但是改版内容大不大呢？我们都知道旧考纲主要是把五大过程组+十大领域改变到了三大领域的知识内容。但其实十大领域的内容还在，只是分解融合到了三大领域中。具体分解融合到了什么领域内容中？三大领域内容又分别都有什么分解知识点...

声明：本文所有观点均代表我个人意见，不代表公司、部门、团队立场/意见，关于内容的对错、价值观由读者自行判断，欢迎友好沟通探讨，希望能和而不同。

前几天有幸看了尤雨溪尤大的直播，他们谈到一个话题，是说目前前端人，或者是整个程序员群体如何做副业？近年来互联网行情下降，好多人都在思考要不要搞个副业来抵御风险。

背景SCRM 项目需要交接给另外一个部门。领导出于一些考虑，需要把对方只需要的功能保留，其他功能删除，然后把代码上传到新的仓库地址，再作交接。和产品经理沟通之后，明确了以下需求：以页面（功能）为单位，保留或者删除个别页面需要删除一些功能问题分析以页面（...

时至 5.0 版本之后，Webpack 功能集变得非常庞大，包括：模块打包、代码分割、按需加载、HMR、Tree-shaking、文件监听、sourcemap、Module Federation、devServer、DLL、多进程等等，为了实现这些功能，webpack 的代码量已经到了惊人的程度：

最近做的需求是在客户端webview内嵌h5，使用的 vite2.x 和 vue3 来开发，在第一版提测的时候，发现打包之后，总包大小有 4M 多，有很大的优化的空间。

windows客户端"vite-plugin-vconsole": "^1.1.0""vite": "^2.7.0","vconsole": "^3.9.5",node v12.18.3yarn 1.22.15vite.config.js配置如下：

这里需要注意的是，把 skipFiles 需要把 <node_internals>/** 注释掉，这样才能够 debug Node 的源码。

1. vue-cli-service 解决什么问题？根据官方文档的描述，vue-cli-service 是 vue-cli 的运行时依赖。它可以：基于webpack构建，内置了合理的默认配置；可以通过配置文件进行配置webpack；可以通过插件扩展 vue-cli-service 的命令2. 带着问题看源码vue-cli-service ...