前言

由于公司新项目需要做全集团组织架构后台管理系统,所以需要做到动态路由树和按钮级别权限。什么?你说为啥这么麻烦？按角色权限不好吗？ 我一个小前端哪有什么话语权… T_T 。

前言

百度作为当前国内最大的搜索引擎，为了增加博客的访问量，所以我做了 SEO 优化。

背景

开发过程中，我们经常遇到测试环境需要一种配置，线上环境另外一种配置，每次上线前都要修改一下配置，这样的管理会给我们的开发工作带来一些不必要的麻烦，所以就需要对前端开发环境进行一个配置。

那么如何才能做环境的配置呢？这里我们就用到Node环境变量。

前言

团队开发过程中合并分支随意,遇到冲突总是几人坐在一起解决冲突，但是这种方式做不到过程的留痕。后期出现 bug 又忘记之前代码如何编写的了,因此需要使用 Git 的 Merge Request 进行过程管理和 code review。

角色权限管理

在 GitLab 中角色的权限一般有：Guest、Reporter、Developer、Maintainer、Owner。

前言

前端埋点主要是为了服务运营人员采集用户行为数据，进行后续数据分析工作的工具。

前言

起初神创造天地，天地处于一片混沌状态，神说，要有光，于是便有了光。———《圣经》

概述

Sentry是一款国外的异常监控开源服务，名字翻译过来就是“哨兵”。
有没有感觉像《冰与火》里的守夜人，其实也差不多，把 bug 想成异鬼就行了。

对于任何一个项目而言，本地测试肯定做不到 100%覆盖，而且，我们也不能保证用户能按照我们的预期进行操作，其实对我而言，用户才是最好的测试者，但是我们不能奢求每个用户遇到问题时候都会主动向我们反馈。

故而，我们需要在项目出现异常时主动对其进行收集上报，分析原因和影响后制定下一步解决方案。

背景

背景就是项目打包chunk-vendors依赖文件太大，导致初次加载很慢… 所以就用到了 CDN 优化加载。

配置

对于 vue，vuex，vue-router，axios，iview 等我们可以利用 webpack 的 externals 参数来配置，这里我们设定只需要在生产环境中才需要使用。

背景

在平常的开发过程中，我们经常会遇到频繁切换菜单或者切换 tabs,而每一次切换都会调取接口返回数据渲染（接口请求过快，大部分还在pending中），那么这些请求就会极大的影响页面的性能，因为即便切换了页面，那些请求依然会触发下去。为了节省这部分性能，所以做了下面这些处理。