写法vue2 vue js
js 实现 EventBus 事件总线
EventBus 一般用做单例,EventEmiter 一般在组件或模块内使用 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-wid ......
KRPano插件解密大师更新支持最新版KRPano的XML/JS解密
KRPano插件解密大师是一款专业的全景解密工具,它可以帮助你轻松解密KRPano的XML/JS插件,还能分析下载静态和动态网站的资源。你无需任何编程知识,只需一键点击,就能快速完成解密,学习全景开发的秘诀。这款软件适合全景爱好者和专业开发者,让你掌握KRPano插件的运行原理和技巧。软件下载安装简 ......
egg.js
## 引入 joi 进行参数校验 按照依赖: ``` npm install joi ``` 基本使用: ``` const Joi = require('joi'); const addCatalogSchema = Joi.object({ catalog: Joi.string().requi ......
在asp.net core中使用vue3+vite(起)
## 前言 一开始是一个自用的应用,原本是用razor写的。最近有了点新想法,加点新功能,但是我接触的项目基本都是vue+api的前后端分离,用这razor写的是真不习惯,最后决定还是用习惯的vue重写。 之前尝试过在.net core里使用vue2+webpack,毕竟实际上就是把.vue翻译成了 ......
第八篇 - Vue路由跳转步骤
第六篇讲了将SpringBoot和Vue项目结合起来,实现了使用Vue访问SpringBoot的API。这一篇我们介绍当访问API成功后跳转到新的Vue页面怎么处理。 参考链接:https://zhuanlan.zhihu.com/p/468467076 第一步:首先新建一个Vue页面 jump1t ......
java双冒号写法(Lambda的简写)
类似这种 Person::getName,双冒号写法,是Java8对Lambda表达式的简写 常见的简写场景有 以下是Java 8中方法引用的一些语法: 静态方法引用(static method)语法:classname::methodname 例如:Person::getAge对象的实例方法引用语 ......
08:vue3 组件基础
定义一个组件 在components文件夹下新建MyComponent.vue组件 写入下面代码 1 <script> 2 export default { 3 data() { 4 return { 5 count: 0 6 } 7 } 8 } 9 </script> 10 11 <templat ......
解决vue中mapbox地图显示一半的问题
### 解决vue中mapbox地图显示一半的问题 问题描述: 在vue中创建mapbox地图,地图只显示一般,查看浏览器开发者工具。发现将`canvas.mapboxgl-canvas` 的`position:absolute`去掉就解决了 。 代码修改:获取到`canvas.mapboxgl-c ......
vue lang="scss" scoped 样式穿透的规则
1:外层容器 ::v-deep 组件 { }2: ::v-deep 组件 { }3: ::v-deep { & 组件{ } } ......
web js 播放rtsp视频流方案
# 场景 > 需要在web端预览海康无线摄像头视频流,所以采用海康自身提供的web sdk无法使用 # 方案1 > rtsp流推送到应用服务器,应用服务器再通过ffmpeg 推送到nginx, js再去拉流 缺点: 多了一层转发,造成了一定的延迟 # 方案2 > 通过webRTC方案,使用现有开源插 ......
JS实现中英文混合文字友好截取功能
汉字和数字混合时,按照长度进行字符截取。 <script> /** * JS实现中英文混合文字溢出友好截取功能 * @param text 字符串 * @param length 截取长度 */ var zfc = {}; zfc.mixTextOverflow = function (text, ......
vue项目报错:Node.js v18.16.1 error Command failed with exit code 1.
原因: 把node升级到了最新的长期支持版18.16.1,结果运行vue项目启动失败,报错如下: ![](https://img2023.cnblogs.com/blog/1222453/202307/1222453-20230705102711598-990400528.png) 试了各种办法都解 ......
在线JS代码混淆加密工具真的能实现JS代码加密吗?
很多时候我们网站的JS代码都有被拷贝的风险,于是JS代码混淆加密这种能避免大部分复制的方法便出现了,可以对自己的JS加密,加密后达到安全的作用,不用担心自己辛辛苦苦写的JS给别人抄袭了。 然而一段JS代码要是自己去编辑加密的话就有点费时费力了,目前加密工具也非常多,在线JS代码混淆加密工具真的能实现 ......
vue项目动态菜单import运行报错【转】
Module build failed (from ./node_modules/@vue/cli-plugin-eslint/node_modules/eslint-loader/index.js): TypeError: Cannot read property ‘range’ of null ......
vue渲染原理简单实现
实现功能: 1.渲染系统: · 功能一:h函数,用于创建并返回一个VNode(虚拟对象); · 功能二:mount函数,用于将VNode挂载到节点上; · 功能三: patch函数,用于对比两个VNode,决定该如何处理新的VNode; ### 1.新建一个index.html的页面 其中有一个id ......
Vue项目引入Bootstrap5步骤
1、在工程项目下安装Bootstrap5依赖包 ![image](https://img2023.cnblogs.com/blog/1417122/202307/1417122-20230705094019986-1824010760.png) `npm install bootstrap@5.3. ......
Vue, Django | 数据可视化平台开发
给公司搞了个互联网设备可视化平台,在地图上展示互联网设备的信息,点击地图不同区域,统计相应的设备信息,生成图表展示出来 ![](https://img2023.cnblogs.com/blog/2997171/202307/2997171-20230705092400289-934249968.pn ......
前端Vue自定义轮播图视频播放组件 仿京东商品详情轮播图视频Video播放效果 可图片预览
#### 前端Vue自定义轮播图视频播放组件 仿京东商品详情轮播图视频Video播放 ,可图片预览,下载完整代码请访问uni-app插件市场地址:https://ext.dcloud.net.cn/plugin?id=13325 #### 效果图如下: ![](https://p3-juejin.b ......
前端Vue一款基于canvas的精美商品海报生成组件 根据个性化数据生成商品海报图 长按保存图片
#### 前端Vue一款基于canvas的精美商品海报生成组件 根据个性化数据生成商品海报图 长按保存图片,下载完整代码请访问uni-app插件市场地址:https://ext.dcloud.net.cn/plugin?id=13326 #### 效果图如下: ![](https://p3-juej ......
【Vue】el-select 数据过多替代方案
一、需求问题: 一开始就考虑使用简单el-select选取数据,但是后面数据量增多, 超过一千条开始,组件会很卡不好用,第二个是接口也慢了 数据量多的话是有一个filterable做支持了,可以输入关键字进行匹配检索 但是不能解决卡顿的问题,接口还是比较慢 二、替代方案: 然后改用了el-autoc ......
vuE初探[230704]
## vue语法初探 ### 课前须知 > 知识储备:html、JavaScript、css(node、npm、webpack) ##### 课程介绍 ###### 进阶式: 1. 基础:生命周期函数 条件循环渲染指令、页面样式修饰语法··· 2. 组件:全局&局部、数据传递、插槽基础··· 3. ......
Vue02
## 1.Vue计算属性和watch监听 ### 1.1.计算属性 ```HTML Title 您的生日是:{{birth}} ``` ### 1.2.watch - watch可以让我们监控一个值的变化。从而做出相应的反应。 ```HTML Title ``` ## 2.组件化 ### 2.1.什 ......
vue项目中锚点定位bug无效和替代方式
在vue项目中,使用锚点定位会和router的规则冲突,在项目中的表现就是第一次点击url改变了,但是没有跳转到锚点位置,再次点击才会跳转。所以在vue项目中定义一个方法不适用锚点定位: scrollToSection(id) { let section = document.getElementB ......
解决vue 不是内部或外部命令
##### 1.输入命令找到npm 的配置路径npm config list ![在这里插入图片描述](https://img2023.cnblogs.com/blog/3010252/202307/3010252-20230704195630377-2092913454.png) ##### 2. ......
Node.js下载安装及环境配置+vue配置
[TOC] #### 一、官网下载 https://nodejs.org/zh-cn/download/ 选择对应你系统的Node.js版本,这里我选择的是Windows系统、64位 ![](https://img2023.cnblogs.com/blog/3010252/202307/301025 ......
js正则表达式replace中参数为$1、$2、...、$99、函数等用法以及常用的正则表达式
js正则表达式replace中参数为$1、$2、...、$99、函数等用法以及常用的正则表达式 原文链接:https://blog.csdn.net/sxww_zyt/article/details/130258920 示例:时间格式进行转换显示。 ``` // 20200701192712 202 ......
Vue内置缓存组件keep-alive
<el-tab-pane label="周边配套" :disabled=!gardenId name="five"> <keep-alive> <Surrour :gardenId="gardenId" v-if="activeName 'five'"/> </keep-alive> </el-ta ......
java、vue基于hutool的aes指定秘钥加密(前后端aes加解密)
后端代码 //加密 data 对称AES Key byte[] key = getBytes("._^BV67nW6ck8fwg", 16);//秘钥长度最好是16位 SymmetricCrypto aes = new SymmetricCrypto(SymmetricAlgorithm.AES, ......