作者：京东物流 李菲菲1 前言现有的大部分监控方案都是针对服务端的，而针对前端的监控很少，诸如线上页面的白屏时间是多少、静态资源的加载情况如何、接口请求耗时好久、什么时候挂掉了、为什么挂掉，这些都不清楚。同时，在产品推广过程中，经常需要统计页面的使用情况及用户行为，从而可以从运营和产品的角度去了解用户群体，进而迭代升级产品，使其更加贴近用户，为业务的扩展提供 …
最新内容
1.错误捕获错误捕获是前端错误监控平台的关键步骤，通过捕获 JavaScript 运行时产生的错误，平台能够实时地感知到应用程序的健康状况。以下是错误捕获的主要内容：全局错误事件监听前端错误监控平台通常会注册全局的错误事件监听器，例如 window.onerror。这个事件在发生未被捕获的错误时触发，提供了一个机会来捕获错误并执行相应的处理逻辑。window …
之前后台管理系统的权限和角色权限都是返回具体值(比如‘admin|user’或者‘10001 | 10002’)，前端本地维护一份类似的文件，每次去遍历来获取用户的具体权限列表。随着系统的迭代，需求的变化，权限维护起来就更加复杂了。今天分享一下，如何使用按位运算符来实现易于维护迭代权限系统。以下是我之前一个项目的后台管理系统的具体实操，给大家借鉴一下权限拆分 …
再搞权限系统的时候，权限控制到菜单很容易，但是很多情况要控制到按钮接口级别，这个时候设计就要研究下了。方案好几种，这里推荐一个不错的开源方案，大伙可以参考学习下。Spring Boot-Shiro-Vue实现github开源地址及系统演示地址：由于头条提示不让发这些网址，有需要的朋友关注我私信回复【链接】获取吧！，觉得不错的朋友可以转发支持下！Spring …
用户权限管理是指在B端后台中，需要给用户赋予角色和访问权限等，是很多后台系统建设的基础。那我们应如何入手进行搭建呢？作者结合实际工作中的经验，将这部分的理解梳理出来，希望能对你有所帮助。一、为什么要进行用户权限设计？用户权限设计的目的是对不同的人访问资源进行权限的控制，避免因权限控制缺失或操作不当引发的风险问题，如操作错误，隐私数据泄露等问题。在B端系统中， …
本文出自头条号老王谈运维，转载请说明出处。前言在现实生产环境中，对于HTTP或HTTPS的请求，Linux运维工程师使用Nginx作为服务器的负载均衡，与此同时Nginx自身也成为了新的单点故障，即：只要 Nginx 挂了，网站也就挂了。此文档主要是为了解决前端 Nginx 单点问题，使用Keepalived + Havip 实现NGINX 高可用。如果无特 …
打开vscode，提前安装nodejs打开ruoyi-ui下的readme文件，根据文件中的提示，安装，运行即可。这里需要注意，一定要打开ruoyi-ui文件下执行npm run dev。这样再把idea的后台服务运行起来，这样就整个若以就可以运行起来了。看一下效果，这样，基本就可以针对整个系统进行研究了。算是一个架子吧，后面慢慢针对前端后端的基础知识进行学 …
配置项目接口请求地址一般开发项目除了正式的生产环境，还会有对应的开发环境、测试环境和预发布环境，每个环境所访问的接口地址肯定不一样，如果自己一个个手动修改那就太不程序猿了。有人可能首先想到根据命令行参数 process.env.NODE_ENV 环境变量来设置，但是一般前端本地开发和部署到开发环境上连接的都是开发环境，用环境变量并不能区分开来，但是直接用域名 …
前言设计一个智能建筑弱电系统工程，需要提前写好规划书，其中规划书有一项重要的内容就是智能化弱电工程建设范围，需要明确指出本期工程需要建设哪些智能化弱电系统，对应系统的配置清单如何？以及对应系统的大概预算。这份配置清单不仅在智能建筑项目规划初期使用，在项目后期的招投标工作中也会作为核算智能化弱电工程量的重要依据！所以学会编制一份详细的智能化弱电清单非常重要，今 …
作者：蛙人 来源：前端娱乐圈前言今天来讲一下Webpack配置环境变量，那么环境变量是干啥的。我们在开发项目中都会遇到这种场景，区分「开发环境」、「生产环境」、「测试环境」，不同场景请求不同的接口Api。这时候项目中配置的「环境变量」就登场啦~，下面来讲一下配置环境变量的方式吧。配置方法Set or Export该方式有个棘手的问题就是windows和mac …