本文整理介绍 Chrome DevTools Performance 面板的所有功能，以便使用其分析页面加载时/运行时性能，找出性能瓶颈。

一、背景与基础概念 在当今数字化时代，前端应用的复杂性和用户交互的多样性不断增加。前端埋点和监控技术应运而生，成为了开发者和产品运营人员的得力助手。通过收集用户在 Web 应用或移动应用中的行为数据，

前端面试过程中被问到如何实现前端路由，我们应该从哪些方面回答。如果让你自己实现前端路由，你又该怎么做？

本文将介绍一个涉及安全和隐私的http请求头中的字段—referrer，以及如何通过Referrer Policy去修改referrer的值或者是显示与否。 当一个用户点击当前页面中的一个链接，然后跳转到目标页面时，目标页面会收到一个信息，即用户是从哪个源链接跳转过来的。如下图…

平时部署前端项目流程是：先部署到测试环境ok后再发布到生产环境上，部署到测试环境用 xshell 连上服务器，然后用 xftp 连接服务器，然后本地 build 项目，接着把 build 好的文件通过 xftp 上传到服务器上，整个流程感觉稍有繁琐，重复。 scp2是一个基于s…

用vue开发中大型应用时候，我们通常都会使用vuex进行状态管理，但刷新后刷新后存在内存中的vuex数据将会丢失。在很多场景中，我们不愿意看到这样的结果的。 Vuex 社区中有相关的解决方案，比如vue-savedata，vuex-persistedstate，解决思路都是st…

本文其实应该叫，Web 用户体验设计提升指南。 ... 所谓的用户体验设计，其实是一个比较虚的概念，是秉承着以用户为中心的思想的一种设计手段，以用户需求为目标而进行的设计。设计过程注重以用户为中心，用户体验的概念从开发的最早期就开始进入整个流程，并贯穿始终。 良好的用户体验设计…

很多的小伙伴，经常会有这样的困惑，我看了很多技术的学习文档、书籍、甚至视频，我想动手实践，于是我打开了 GitHub，想找个开源项目，进行学习，获取项目实战经验。这个时候很多小伙伴就会面临这样的问题：“我不会搜啊，我该怎么找呀？”，最终只能放弃。 这篇文章，小编教你精准地在 G…

在了解 Element 源码架构 的基础上，接下来我们基于 element-ui 为团队打造自己的组件库