怪兽同学

从 0 开始手把手带你搭建一套基于 Vite + Vue3 + TypeScript 规范的前端工程化项目环境，涵盖代码规范约束、提交信息规范约束、单元测试、自动部署等。

通常在页面开发中，我们是通过路由去管理不同的页面，常用的路由库也有很多，譬如：React-Router，Dva-router...... 当我们切换路由时，没有被匹配到的 Component 也会被整体替换掉，原有的状态也丢失了，因此，当用户从详情页退回到列表页时，会重新加载列…

小程序由于封闭性较强，要像web应用一样实现灵活的数据收集，会有一定难度。目前开源的埋点SDK，一般采用手动埋点的方式，这种方式有较强的侵入型，同时开发成本较高，为了解决这个问题就有了该文章。 示例代码看起来是比较简洁的，但是埋点需要收集的数据往往不是单一的，复杂的埋点代码插入…

每一个公司要想用户增长，都要收集和分析用户操作数据，因此埋点是必不可少的事情。 而对于前端职业发展来说，传统的手动埋点，无疑是繁琐又无聊的事情，能简化就简化。 手动埋点就是在每一处需要的地方，都加一段上报埋点的代码。影响代码的阅读体验，且散落的埋点代码不方便管理。 自动埋点可分…

1.前端监控体系概况一个完整的前端监控体系包括了采集、日志存储、日志切分&计算、数据分析、告警等流程，对于一名前端开发工程师来说，也就意味着工作不再局限于前端业务的开发工作，需要有Nginx服务运维能

通过es6新增class的属性创建的组件此组件创建简单. React 16.3版本后，使用此方法来创建ref。将其赋值给一个变量，通过ref挂载在dom节点或组件上，该ref的current属性,将能拿到dom节点或组件的实例 子组件通过React.forwardRef来创建，…

我想，几乎没有前端工程师会对 Node 不感兴趣，但用它适合干哪些事情，每个人的答案都不同了，比如小菜前端，我们对于 Node 的深度尝试，可以在这里找到答案：《技术栈：为什么 Node 是前端团队的核心技术栈》[1]，但关于让 Node 做服务端的事情，却只有少数团队有这样的…

koa是一个基于node实现的一个新的web框架，它是由express框架的原班人马打造的。它的特点是优雅、简洁、表达力强、自由度高。它更express相比，它是一个更轻量的node框架，因为它所有功能都通过插件实现，这种插拔式的架构设计模式，很符合unix哲学。 koa框架现…