一、事件相关内容1、事件处理 1、使用v-on:xxx或@xxx绑定事件，其中xxx是事件名。 2、事件的回调需要配置在methods对象中，最终会在vm上。 3、methods中配置的函数，不要用箭头函数！否则this就不是vm了。 4、methods中配置的函数，都是被Vue所管理的函数，this的指向是vm 或 组件实例对象。 5、@click="demo" 和 @click="demo($
前端异常监控
如果debug是移除bug的流程，那么编程就一定是将bug放进去的流程。
如果没有用户反馈问题，那就代表我们的产品棒棒哒，对不对？
主要内容Web规范中相关前端异常异常按照捕获方式分类异常的捕获方式日志上报的方式前端异常类型(Execption) WebIDL和ecma-262中的错误类型ECMAScript exceptions <==> IDL 的简单
FrontJS 最早是用于蒲公英旗下项目管理平台 Tracup 中的一个性能工具，也就是我们一个月前发布的 frontend-tracker，发布后在一些社区内也有一些良好的反应。当我们尝试在蒲公英上使用这款工具的时候也出现了一些问题，比如，蒲公英每天能产生千万级别的访问信息，这使得原有的统计分析性能变得不是很理想，这对于一款统计分析为主的产品来说是致命的。我们及时调整了从于数据单元到分析单元的结
引文
不少人在使用网络和监控摄像系统的时候都有遇到过数据丢包的情况，数据丢包的原因是多种多样的，以下就为大家介绍一下网络数据丢包的原因及摄像机丢包的原因。 原因分析 摄像机丢包的原因1：路由错误 网络路径错误也会导致数据包不能到达目的主机，如主机的默认路由配置错误，主机发出的访问其他网络的数据包会被网关丢弃。但此类丢包属于正常情况下的丢包，是意料之中
转载
2024-04-01 05:27:57
9阅读
今天改bug的时候,产品说删除数据需要点击回车(enter)键进行删除于是我先在组件中注入了监听键盘按键的事件created() {
//监听键盘按下事件
window.addEventListener('keydown', this.handEnterCode, true)
},紧接着,我在methods里面添加触发改键盘事件的方法methods:{
// 回车键盘触发该方
一、错误类型任何一个框架，对于错误的处理都是一种必备的能力在Vue 中，则是定义了一套对应的错误处理规则给到使用者，且在源代码级别，对部分必要的过程做了一定的错误处理。主要的错误来源包括：后端接口错误代码中本身逻辑错误二、如何处理后端接口错误通过axios的interceptor实现网络请求的response先进行一层拦截apiClient.interceptors.response.u
转载
2024-10-18 12:26:36
66阅读
对于vue3数据监视 如果监视的时候不是写的回调函数，所有监视的东西，都不是监视本身，而是监视本身的下一层 如果监视的时候写的是回调，本质监视的就是返回的这个值或者地址值 ref.value如果直接被修改为一个新的对象，那么这个对象仍然是代理对象，还是响应式的 不是通过ref.value拿到的代理对象，而是reactive创建的代理对象，直接修改地址
转载
2024-04-12 19:24:06
53阅读
使用的库vue-cli (vue+webpack脚手架)vue-router(路由跳转)vuex(状态管理)axios(数据请求)mock.js(模拟后台数据)vue-touch(手势判断)fastclick(解决移动端浏览器 300 毫秒点击延迟问题)vue-lazyload(图片懒加载)swiper(轮播)设计布局:HTML5CSS3Lessrem(阿里用的那套rem算法)Flex(弹
如果js报红,如下图：解决方案：
原创
2022-09-06 12:17:36
130阅读
刚安装好vue项目运行环境，出现以下问题： 解决方案：1.关掉使用8080端口的进程2.修改此项目打开的端口
原创
2022-03-10 13:43:39
130阅读
刚安装好vue项目运行环境，出现以下问题：events.js:160 throw er; // Unhandled 'error' event ^Error: listen EADDRINUSE :::8080 at Object.exports._errnoException (util.js:1022:11) at exports._exceptionWithH
原创
2022-09-01 15:39:57
174阅读
前言本文通过console.log的一些特性,结合vue.js的源码,通过一个简单的例子,让你了解Vue的各个过程的变化.控制台输出的效果图 请用chrome查看,并打开控制台看效果 演示地址准备
vue-console.html的创建下载vue.js文件,在vue-console.html中引入,我写了一个简单的例子,涵盖:初始化视图->点击后更新视图(包括各个钩子函数) 代码如下:
转载
2024-08-30 20:58:59
139阅读
使用v-bind：class或者v-bind:style或者直接通过操作dom来对其样式进行更改；1.v-bind:class || v-bind:style其中v-bind是指令，: 后面的class 和style是参数，而class之后的指在vue的官方文档里被称为'指令预期值'（这个不必深究，反正个人觉得初学知道他叫啥名有啥用就好了）同v-bind的大多数指令（部分特殊指令如V-for除外）
转载
2024-05-08 11:57:47
178阅读
故事：刚接触iview没几天，遇到了这么个问题，如下的报错信息，虽然对页面的布局和数据没有任何影响，但是vue.js里面对这个页面进行了异常抛出了
原创
2021-12-28 11:28:06
941阅读
最近在开发一个展示3D模型的WEB程序，在工程中使用了VUE和ThreeJS库。Three.js本身是支持CommonJS的，但我们还用到了OBJLoader模块，此模块不支持CommonJS，改成CommonJS比较麻烦（真相是懒综合症发作）。这样的话，只有用常规的html引入js文件的方式来解决这个问题。为了阐述方便，本文使用一个简单例子来展示整个解决方案。这就本文所用到的例子工程，我们在He
转载
2018-06-12 10:40:00
226阅读
第一步 1、 执行 npm install -g vue-cli 全局安装vue脚手架 2、执行vue init webpack '项目名称’初始化项目，产生报错解决方案: （1） 先执行上面提示的命令 npm install -g @vue/cli-init (2) 再重新全局安装脚手架 npm install -g vue-cli (3) 初始化项目： npm init webpack ‘项目
转载
2024-04-13 10:15:15
0阅读
命令报错 报错内容：npm ERR! missing script: dev 解决：npm run serve
转载
2020-07-21 17:36:00
105阅读
2评论
文章目录监视属性引例普通实现使用监视属性watch检测天气变化第一种配置方法，设置watch属性使用vm对象进行监视两种监视的使用情况深度监视监视多级结构中某个属性的变化（引例，不是深度监视）监视多级结构中所有属性的变化（——是深度监视）深度监视小结监视的简写watch属性监视的简写vm对象监视的简写计算属性和监视属性的对比代码量对比异步回调对比对比小结两个重要的原则: 监视属性引例实现效果：点
转载
2024-06-09 08:48:37
32阅读
一，未处理404前的情况: 因为router不存在，所以显示成了白页 说明：刘宏缔的架构森林是一个专注架构的博客，地址：https://www.cnblogs.com/architectforest 对应的源码可以访问这里获取： https://github.com/liuhongdi/ 或: ht ...
转载
2021-10-08 16:05:00
419阅读
2评论
watch与computed、filter： watch:监控已有属性，一旦属性发生了改变就去自动调用对应的方法computed:监控已有的属性,一旦属性的依赖发生了改变，就去自动调用对应的方法filter:js中为我们提供的一个方法，用来帮助我们对数据进行筛选watch与computed的区别:1.watch监控现有的属性,computed通过现有的属性计算出一个新的属性2.watch
转载
2024-03-15 09:47:38
40阅读
