Junqing258

当我们完成一个业务系统的上线时，总是要观察线上的运行情况，对于每一个项目，我们都没办法保证代码零BUG、零报错，即便是经历过测试，因为测试永远无法做到100%覆盖，用户也不...

之前由于都是独立开发所以对前端命名不是很看重，命名过于随意，导致后期同事维护满脸怨言，不是不想好好命名无奈英语实在很差，多数中英文混搭命名，现整理一些常见命名的字段贴桌面供...

Bem 是块（block）、元素（element）、修饰符（modifier）的简写，由 Yandex 团队提出的一种前端 CSS 命名方法论。 BEM 是一个简单又非常有...

埋点技术，即在正常的功能逻辑中添加统计逻辑，进行数据收集，后续经过各种自定义的数据整理，为对应的产品提供数据分析，实现数据可视化。 常见的前端埋点技术有：代码埋点、可视化埋...

背景 公司项目刚好要重构，之前用的是webpack，重构使用vite，下面从开发体验和生产环境两方面说明我们的失败原因，我们的技术栈是vue2 + ssr 开发体验 首屏加...

结构规范 命名 文件资源命名 变量命名 推荐: 不推荐: 组件规范 组件尽量创建文件 推荐: 不推荐: 组件文件的大小写 推荐: 不推荐: 基础组件名 推荐: 不推荐: 紧...

授权码许可流程有两种通信方式。一种是前端通信，因为它通过浏览器促成了授权码的交互流程，比如微信商家开放平台的授权服务生成授权码发送到浏览器，第三方软件玄武从浏览器获取授权码...

字节跳动发展至今， 随着用户数量的不断增长，对于站点体验衡量的的需求也日益紧迫，用户会将产品和他们每天使用的体验最好的 Web 站点进行比较……...

前端异常监控系统就是为了解决前端系统上线后的稳定性问题。一旦前端系统上线，发生运行异常造成页面阻塞，操作不流畅甚至无法打开网页的状况。我们需要通过技术手段收集、上报、分析异...

为什么要做前端监控 更快的发现问题和解决问题 做产品的决策依据 为业务扩展提供了更多可能性 提升前端工程师的技术深度和广度，打造简历亮点 2. 前端监控目标 2.1 稳定性...

包含Webpack搭建，ESLint+Prettier保证代码风格规范，husky+lint-staged构建前端工作流，生成changelog，vuepress生成文档，...

这个结构也是我们项目目前正在使用的，应对两三百个页面的web项目是没有任何问题的，在扩展性，多人合作方面是非常优秀的。废话不多说，先上结构，再说为什么要这么做。 首先，这个...

1. 组件名为多个单词 2. 组件数据 3. Prop定义 4. 为v-for设置键值 6. 为组件样式设置作用域 1. 组件文件 2. 单文件组件文件的大小写 3. 基础...

在开发中，我们经常会将一些常用的代码块、功能块进行封装，为的是更好的复用。那么，被抽离出来独立完成功能，通过API或配置项和其他部分交互，便形成了插件。 下面这些是我在工作...

不以规矩，不能成方圆。 由于某些原因，笔者有幸经历了团队从缺乏标准到逐渐规范的一个过程，在此当做记录供大家参考。 本文从为什么需要规范以及建立规范的重要性出发，逐步引申出如...

推荐一个面向开发者的可视化编程的开源项目：mometa。老逛之前也推荐了一些低代码相关的项目，可以在本文章后面查看。...

大家好，我是易师傅，今天给大家带来爆肝许久的 `教你使用 koa2 + vite + ts + vue3 + pinia 构建前端 SSR 企业级项目`，希望大家能喜欢！...

🎉 基于 vite2 + Vue3.2 + TypeScript + pinia + mock + sass + vantUI + viewport 适配 + axios...

0. 背景 随着构建体系不断完善、构建体验不断优化，webpack 已经逐渐成为了前端构建体系的一大霸主，对于工作中的真正意义上的前端工程项目，webpack 已经成为了我...