背景 在开发Vue项目时，使用浏览器调试可以比较清晰的看到报的什么错、在哪报错，或者使用console.log()打印出报错信息，以便快速定位到报错源头并解决，但是如果项目上线了又怎么查看呢。对于上线项目来说，一般都是会有代码混淆以及禁用console.log()，这个时候再使用浏览器调试就有点不太方便了。另一种场景，如果要做一个前端报错监控平台，那这些报错信息又应该如何收集呢。本文就重点介绍四种
转载
2024-05-05 17:39:34
971阅读
简单快速了解Vue.js的开发流程不会涉及知识点的具体代码，点到为止。了解Vue.js的开发流程，并进一步理解如何通过Vue.js来构建一个中大型的前端项目，同时做好相应的部署与优化工作。Vue.js简介 从上图的介绍中我们不难发现Vue.js是一款轻量级的以数据驱动的前端JS框架，其和jQuery最大的不同点在于jQu
Web前端监控的方案前端监控是一个非常重要的话题，对于业务的发展意义重大，就像遍布在城市各处的探头，实时监测整座城市的运行状况，保证系统的稳定、高效运行。前端监控的意义前端监控，对于业务和团队的重要性，不言而喻，是前端领域绕不开的一个话题。最大的意义是能了解系统的运行状态，哪些地方还有优化的空间，让App和网站运行的更流畅，从技术的角度为业务赋能，获取到更多的潜在用户。著名的 2-5-8 原则当用
Web承载的业务越来越复杂，用户对于Web的体验要求也越来越高，Web性能的优劣对业务收益也有着非常直接的影响。 本文主要介绍阿里UC百亿级PV前端监控平台， 岳鹰全景监控平台 的实践历程 - 概述，阅读时长 10 分钟。为什么要打造前端监控系统？ 前端的开发环境比较复杂，页面在不同浏览器、微信等APP都可能展现不同，用户的网络网速、手机性能等，也会影响页面访问速度。在移动端可能更为明显，移动端用
转载
2024-05-17 13:29:55
143阅读
1.项目概述1.功能模块电商后台管理系统大致可以分为以下几个功能模块：用户登录，退出登录用户管理权限管理
角色列表权限列表商品管理
商品列表分类列表参数管理订单管理数据管理2.开发模式采用的开发模式是前后端分离的开发模式。其中前端项目是基于Vue技术栈的SPA(单页面应用)项目。前端技术栈主要有：vuevue-routerElement-UIAxiosEcharts后端技术栈主要有：N
前言在做完一个项目后，之后的维护尤为重要。这时，如果项目配置了错误日志记录，这样能大大减少维护难度。虽然不一定能捕获到全部的错误，但是一般的错误还是可以监测到的。这样就不用测试人员去一遍一遍复现bug了。一、准备工作（1）规定错误码像是请求码（404、500）一样，我觉得错误都应该规定好对应的错误码。个人喜好。// 错误代码
const errCode = new Map([
// 本地系统错
Vue的5种处理Vue异常的方法相信大家对Vue的不陌生。在使用Vue的时候也会遇到报错，也会使用浏览器的F12 来查看报错信息。但是你知道Vue是如何进行异常抛出的吗？vue 是如何处理异常的呢？接下来和大家介绍介绍，Vue是如何处理者几种常见的报错的。先很大家说说常见的报错，再和大家介绍如何处理Vue 中异常处理包含以下几个方面的技巧：errorHandlerwarnHandlerrender
基于webpack的配置调试使用Vue-cli命令行工具初始化基于wabpack模板的项目的命令语法：npm install -g @vue/cli # 全局安装vue-cli,版本vue3.x
vue init webpack [my-project] [app-name] # 使用vue-cli初始化一个完整的webpack项目。
cd my-project
转载
2024-05-16 20:32:16
120阅读
FrontJS 最早是用于蒲公英旗下项目管理平台 Tracup 中的一个性能工具，也就是我们一个月前发布的 frontend-tracker，发布后在一些社区内也有一些良好的反应。当我们尝试在蒲公英上使用这款工具的时候也出现了一些问题，比如，蒲公英每天能产生千万级别的访问信息，这使得原有的统计分析性能变得不是很理想，这对于一款统计分析为主的产品来说是致命的。我们及时调整了从于数据单元到分析单元的结
一、Sentry简介Sentry 是一套开源的实时异常收集、追踪、监控系统，支持几乎所有的语音和平台。这套系统由对应各种语言的 SDK 和一套庞大的数据后台服务组成，通过 Sentry SDK 的配置，可以上报错误关联的版本信息、发布环境。同时 Sentry SDK 会自动捕捉异常发生前的相关操作，便于后续异常追踪。最后，异常数据上报到数据服务之后，会通过过滤、关键信息提取、归纳展示在数据后台的
转载
2024-04-03 13:19:49
143阅读
监视属性-watch方法说明1.通过通过vm 对象的$watch()或watch 配置来监视指定的属性2.当属性变化时, 回调函数自动调用, 在函数内部进行计算监视属性watch：1.当被监视的属性变化时, 回调函数自动调用, 进行相关操作 2.监视的属性必须存在，才能进行监视！！ 3.监视的两种写法： (1).new Vue时传入watch配置<!DOCTYPE html>
<
转载
2024-03-26 14:03:59
68阅读
本文旨在让那些第一次在vue中使用FullCalendar但是又无从下手的小伙伴能够快速的上手FullCalendar。介绍FullCalendar，当下最受欢迎的全尺寸JavaScript日历FullCalendar的三大特点：强大轻巧：拥有100多种可自定义的设置。作为单独的模块构建，以减小文件大小。开发人员友好：支持React、Vue、Angular三大主流框架开源：所有代码都在GitHub
转载
2024-04-09 14:28:25
341阅读
前言今早偶尔读到方神发表了一篇 sentry(一）初探 的文章，正是我最近需要的，于是自己动手丰衣足食，搭建了一个属于自己的基于Sentry的前端监控平台。为什么要做前端监控？相信每个前端开发人员都会遇见到下面这种情况！客户：为什么我这个页面看不到数据？？我：（急忙打开网站），我这边数据显示正常！客户：没有啊！我这边看不到！我：（语无伦次），可我...我这边正常的呀客户：BALABALA
转载
2024-02-09 16:11:33
102阅读
目标： 能够说出什么是前后端交互模式 能够说出Promise的相关概念和用法 能够使用fetch进行接口调用 能够使用axios进行接口调用 能够使用async/await方式调用接口 能够基于后台接口实现案例目录： 前后端交互模式 Promise用法 接口调用-fetch用法 接口调用-axios用法 接口调用async/await用法 基于接口的
转载
2024-04-30 20:09:30
105阅读
一， 使用Vue脚手架1.1. 使用脚手架创建模板项目1) vue-cli是vue官方提供的脚手架工具 command line interface 2) 最新的版本是4,3)  
转载
2023-11-02 10:03:06
57阅读
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-YJ6SPNTm-1585505076954)(file:///C:/Users/%E6%96%B9%E7%82%AF%E4%B8%B0/AppData/Roaming/Tencent/QQ/Temp/D%28G@%5B8HQGJ%280XS1J0D7@S.png)]一、VUE实例 导入调试版本VUE导入生产版本VUE也
一、错误类型任何一个框架，对于错误的处理都是一种必备的能力在Vue 中，则是定义了一套对应的错误处理规则给到使用者，且在源代码级别，对部分必要的过程做了一定的错误处理。主要的错误来源包括：后端接口错误代码中本身逻辑错误二、如何处理后端接口错误通过axios的interceptor实现网络请求的response先进行一层拦截apiClient.interceptors.response.u
转载
2024-10-18 12:26:36
66阅读
js基础基本数据类型: string, boolean, number, undefined, symbol, null引用数据类型: array, function, Date, RegExp, object首页白屏的原因及优化方案当前很多无线页面都使用前端模板进行数据渲染，那么在糟糕的网速情况下，一进去页面，看到的不是白屏就是 loading，这成为白屏问题。此问题发生的原因基本可以归结为网速
转载
2024-07-11 18:25:30
195阅读
1，click事件的属性可以些什么？
答：click即@click="xxx"，其中xxx可以是一个methods方法，也可以是一些简单的语句，比如i++，i<0？250 : 520。即@click="add；i++，i<0？250 : 520"
2，监视属性的定义？
答：当一个属性被监视了，就叫做监视属性。目的是看这个属性的值有没有改变，如果改变了就执行一些回调函数。
3，Vue底
概览为什么要做前端监控前端监控目标前端监控流程编写采集脚本
日志系统监控错误监控接口异常白屏监控加载时间性能指标卡顿pv扩展问题性能监控指标前端怎么做性能监控线上错误监控怎么做导致内存泄漏的方法，怎么监控内存泄漏Node 怎么做性能监控1. 为什么要做前端监控更快的发现问题和解决问题做产品的决策依据为业务扩展提供了更多可能性提升前端工程师的技术深度和广度，打造简历亮点2. 前端监控目标2.
