随笔分类 -  vue

摘要:实时流 海康: rtsp://[username]:[password]@[ip]:[port]/[codec]/[channel]/[subtype]/av_stream 说明:username: 用户名。例如admin。password: 密码。例如12345。ip: 为设备IP。例如 192. 阅读全文
posted @ 2023-10-12 14:06 喆星高照 阅读(1374) 评论(0) 推荐(0)
摘要:.Net core 中的SignalR JavaScript客户端已经不需要依赖Jquery了 一、服务端 1、nuget安装 Microsoft.AspNetCore.SignalR2、在startup.cs中注册和使用signalr services.AddSignalR(); app.UseE 阅读全文
posted @ 2023-09-18 11:27 喆星高照 阅读(138) 评论(0) 推荐(0)
摘要:signalr断开连接后重新连接 产品需求连接signalr 不稳定,连着连着就断了,场面十分尴尬,导致产品经理现场被批!!(内心无比高兴 ) 分析得出问题现象: 服务器因某些特殊原因,导致服务停止一段时间后;当服务端重启后,Signalr连接的客户端未能自动连接到服务上。 一、signalr引入 阅读全文
posted @ 2023-09-08 09:42 喆星高照 阅读(923) 评论(2) 推荐(1)
摘要:开发过程中遇到结构复杂的取值时,结构赋值方便了很多 结构赋值是什么:(1)认识解构赋值:传统的通过数组的下标来获取数组中的元素: const arr = [1, 2, 3]; const a = arr[0]; const b = arr[1]; const c = arr[2]; console. 阅读全文
posted @ 2023-08-29 10:01 喆星高照 阅读(99) 评论(0) 推荐(0)
摘要:VUE 轮询、轮询终止 beforeRouteLeave目录 1 在data中定义 2 在methods中定义 3 开始轮询 4 终止轮询 方法一: destroyed() 方法二:beforeRouteLeave(to, from, next) 推荐 所有代码 轮询:polling1 在data中定义 data() { return { polling 阅读全文
posted @ 2023-02-02 16:39 喆星高照 阅读(2203) 评论(0) 推荐(1)
摘要:beforeRouteLeave需求描述在使用 element-UI的table 的时候,有这么一个需求。从一个页面切换到另一个页面,再切回来的时候,滚动条的位置不变。 需求:滚动浏览列表页,出现滚动条,点击用户名之后,跳转到商铺管理(发生路由跳转)。从商铺列表返回到信息列表之后,列表页还是之前所浏 阅读全文
posted @ 2023-02-02 16:05 喆星高照 阅读(3121) 评论(0) 推荐(1)
摘要:距离Vue3发布已经过去一年多时间了,从Vue2到Vue3是一个不小的升级,包括周边生态等。虽然目前大多数开发者们在使用的仍旧以Vue2为准,但Vue3显然是Vue开发者们未来必须面对的,而且前不久Vue官方也发布了Vue2.7.0,使得Vue2可以兼容Vue3的API,这让开发者可以在项目不升级V 阅读全文
posted @ 2022-11-16 09:38 喆星高照 阅读(351) 评论(0) 推荐(0)
摘要:前言:最近写代码遇到一问题:祖先级别的组件怎么操作孙子的儿子的组件方法(是不是已经绕晕了),在网上搜了半天都是父子传参,父子操作,晕晕乎乎的想起了bus(事件总线), 原理就是:是在vue原型上挂载(生命周期为实例创建之前beforcreate),通过这个实例里的事件派发和事件监听实现跨组件通信,设 阅读全文
posted @ 2022-11-01 09:49 喆星高照 阅读(987) 评论(0) 推荐(0)
摘要:最近正在将一个使用单文件组件的 Options API 的 Vue2 JavaScript 项目升级为 Vue3 typescript,并利用 Composition API 的优势。 比如,下面这种 选项API 方式: export default { props: { name: { type: 阅读全文
posted @ 2022-08-25 09:08 喆星高照 阅读(1401) 评论(0) 推荐(0)
摘要:模块化开发在前端越来越流行,使用 node 和 npm 可以很方便的下载管理项目所需的依赖模块。package.json 用来描述项目及项目所依赖的模块信息。 那 package-lock.json 和 package.json 有啥关系和联系呢? package.json 管理包 大家都知道,pa 阅读全文
posted @ 2022-08-23 09:07 喆星高照 阅读(643) 评论(0) 推荐(0)
摘要:首先得说一下,vue项目中productionSourceMap这个属性。该属性对应的值为true|false。 当productionSourceMap: true,时: 1、打包后能看到xxxx.js.map文件,map文件够通过反编译看到源码; 2、打包后会导致文件变大(因为多了很多map文件 阅读全文
posted @ 2022-08-19 14:13 喆星高照 阅读(15406) 评论(0) 推荐(2)
摘要:后端返回文件流,前端可能会导出txt或者excel的时候,里面的中文会出现乱码如果这个接口是get的请求的话就可以直接通过以下方式直接下载 window.location.href = '请求文件流的接口地址'因为存在多种场景,可能需要通过不同查询值,或者选中部分数据才能导出的话,这时候通常会用到P 阅读全文
posted @ 2022-08-11 10:21 喆星高照 阅读(4673) 评论(0) 推荐(0)
摘要:前言 vue3发布以来经历两年风头正盛,现在大有和react 平分秋色的势头,我们知道他是基于proxy 实现响应式的能力, 解决了vue2所遗留下来的一些问题,同时也正由于proxy的特性,也提高了运行时的性能 凡事有利有弊, proxy虽然无敌,但是他也有本身的局限,从而产生一些我认为的弊端(其 阅读全文
posted @ 2022-08-01 15:55 喆星高照 阅读(826) 评论(0) 推荐(0)
摘要:项目场景:解决 Vue 项目 invalid host header 问题disableHostCheck:true报错 问题描述使用内网穿透时出现 invalid host header找了好多都是让配置vue.config.js系统报错// vue3 vue.config.jsmodule.ex 阅读全文
posted @ 2022-07-08 17:41 喆星高照 阅读(3187) 评论(0) 推荐(0)
摘要:前言 有时候使用npm上的包,发现有bug,我们知道如何修改,但是别人可能一时半会没法更新,或者是我们特殊需求,别人不愿意修改,这时候我们只能自己动手丰衣足食。那么我们应该如何修改别人的源码呢?首先,直接修改node_modules里面的文件是不太行的,重新安装依赖就没有了。一般常用办法有两个: 下 阅读全文
posted @ 2022-06-27 11:27 喆星高照 阅读(1149) 评论(0) 推荐(1)
摘要:在开发中,可能会遇到两个或多个函数异步执行的情况,对于Vue中函数的异步函数执行做了一个小总结,如下: 异步执行使用async和await完成 created() { this.init() }, methods: { async init(){ await this.getList1(); thi 阅读全文
posted @ 2022-06-21 15:51 喆星高照 阅读(8193) 评论(0) 推荐(0)
摘要:ie还是谷歌都是可以用的 只需要直接启用华视电子身份证阅读器的服务来的,至于服务已经上传到了网上 华视阅读器服务,下载下来解压,找到对应的华视电子读卡服务.exe文件,路径是CVR-100N SDK开发包下载\开发资料\网页版开发包\华视电子读卡服务.exe,双击打开之后,然后你在代码中,就可以使用 阅读全文
posted @ 2022-06-14 15:04 喆星高照 阅读(1462) 评论(0) 推荐(0)
摘要:希望本篇文章能帮你加深对 Vue 的理解,能信誓旦旦地说自己熟练Vue2/3。除此之外,也希望路过的朋友可以帮助我查漏补缺🤞。 区别 生命周期的变化 整体来看,变化不大,只是名字大部分需要 + on,功能上类似。使用上 Vue3 组合式 API 需要先引入;Vue2 选项 API 则可直接调用,如 阅读全文
posted @ 2022-03-17 09:40 喆星高照 阅读(3601) 评论(0) 推荐(3)
摘要:高手区别于普通人的重要一点是,他们善于利用工具,把更多的时间留给了规划和思考。写代码也是同样的道理,工具用好了,你就有更多的时间来规划架构和攻克难点。今天就给大家分享一下当前最流行的 js 工具库,如果觉得有用,就把大拇指点亮一下吧! Day.js 一个极简的处理时间和日期的 JavaScript 阅读全文
posted @ 2022-01-24 16:31 喆星高照 阅读(523) 评论(0) 推荐(1)
摘要:很多情况下,我们在执行点击按钮跳转页面之前还会执行一系列方法,这时可以使用 this.$router.push(location) 来修改 url,完成跳转。 push 后面可以是对象,也可以是字符串: // 字符串 this.$router.push('/home/first') // 对象 qu 阅读全文
posted @ 2021-12-20 17:25 喆星高照 阅读(7690) 评论(0) 推荐(2)