全家node vue js
cdn引入vue后报错无法识路径 Uncaught TypeError: Failed to resolve module specifier "vue". Relative references must start with either "/", "./", or "../".
如果你用了 pinia 就需要引入 vue-demi: vue-demi 是一个 Vue.js 的兼容性库,旨在为 Vue 2 和 Vue 3 提供一致的 API。它通过提供与 Vue 3 相似的 API 来帮助开发者平滑地迁移代码从 Vue 2 到 Vue 3。 pinia 为了兼容新, 使 ......
为什么Vue更新数据不能拿到最新的DOM,而nextTick却可以拿到?
为什么Vue更新数据不能拿到最新的DOM,而nextTick却可以拿到? 因为数据更新是异步执行的,所以你只能在宏任务或者微任务中拿到 这样做有一个好处,就是可以避免频繁的更新DOM ......
为什么在 Vue 对象上新增一个属性会丢失响应式?
为什么在Vue对象上新增一个属性会丢失响应式? 在 Vue 中,当你新增一个属性到一个已经创建的对象上时,这个属性默认是非响应式的。这是因为 Vue 在实例化时会对数据进行初始化,只有初始化时存在的属性才能被 Vue 进行响应式处理 如果你需要让新增的属性也具有响应式,你可以使用this.$set方 ......
Vue源码学习(十九):router基本原理
好家伙, 0.什么是路由? 路由就是匹配到对应路径显示对应的组件! 那么我们要如何去实现? 我们来回忆一下这router怎么用的 1. 声明式路由配置:在路由配置对象中,定义路径与组件的映射关系。例如: import AboutComponent from '../views/AboutCompon ......
记录--vue3函数式弹窗
这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 前言 最近接到一个需求,需要在一些敏感操作进行前要求输入账号和密码,然后将输入的账号和密码加到接口请求的header里面。如果每个页面都去手动导入弹窗组件,在点击按钮后弹出弹窗。再拿到弹窗返回的账号密码后去请求接口也太累了,那么有没有更简 ......
[Vue warn]: Component provided template option but runtime compilation is not supported in this build of Vue. Configure your bundler to alias "vue" to "vue/dist/vue.esm-bundler.js".
这个警告是因为你提供了一个模板选项(template option),但在当前的Vue构建版本中不支持运行时编译。解决该问题的方法是将你的打包工具配置别名(alias)将 "vue" 指向 "vue/dist/vue.esm-bundler.js"。 具体来说,如果你使用的是Webpack或者vit ......
原生安卓嵌入vue打包的H5,在H5中调用原生摄像头扫码,且扫描回调返回数据
<div class="code"> <img class="scan" src="../assets/images/scan.png" alt="" @click.stop="openQrcode('getScanData')" /> <input class="input" type="numb ......
原生IOS嵌入vue打包的H5,在H5中调用原生摄像头扫码,且扫描回调返回数据
<div class="code"> <img class="scan" src="../assets/images/scan.png" alt="" @click.stop="openQrcode('camera')" /> <input class="input" type="number" p ......
JS基础(一)引入方式,基本语法,数据类型,类型转换,原始类型和引用类型的区别
JS和python很像滴,好学,快快过一遍 一、JS引入方式 <script> // js 的代码 alert("hello alvin!") </script> 二、JS基本语法 打印console.log作为日志打印,在浏览器里f12检查,console可以看见。 区分大小写哦。 JS中可以用换 ......
electron+vue在线编辑Office Word?
Electron 桌面应用是基于 Chromium 内核的,而谷歌Chrome取消了对PPAPI插件支持后,在线Office方案纷纷失效,只能更换国产浏览器在低版本浏览器苟延残喘,不能用于electron+vue项目。 市场上的方案很多,有很多免费开源的,同时也有比较成熟的商业软件,丰俭由人,大家可 ......
node.js 安装与环境变量配置
一、安装node.js 官网:下载地址 历史版本:历史版本下载地址 下载完毕后,可以安装node,一路默认选项即可。这里我的安装路径是:D:\environment\nodejs。 建议不要安装在系统盘(如C:),建议安装的路径不要有中文。 二、设置nodejs prefix(全局)和cache(缓 ......
vue使用flexible.js 最大宽度只有540
分辨率大于540px的时候,flexible限制为540,一般的手机显示没有问题,但对于大于540的竖屏屏幕,可能右边就会留白。我想让横屏的时候限制在540,竖屏的时候根据页面实际宽度自适应,解决方法如下: 1、安装 npm install lib-flexible --save 2、为了避免每次安 ......
vue入门——???06days
案例回顾: 点击显示小电影案例 - 按钮点击事件 - axios.get().then(res=>{ res.data # 响应体的内容 }) - v-for循环 》div # 2 计算属性 -必须要有返回值,返回值当做属性的值 -方法当属性用 -computed中 -它依赖的变量发生变化,它才重新 ......
Vue.nextTick在动态更新iframe的src中的使用
Vue.nextTick在动态更新iframe的src中的使用:https://codeleading.com/article/63673310260/ 当iframe中的地址src需要动态改变时,需要使用Vue.nextTick来切换地址src,否则DOM的地址不会实现更新,而是保持上一次的src ......
【js手写】手写目录
实现防抖(debounce)和节流(throttle)函数 https://www.cnblogs.com/lishuxuan/p/17339575.html 实现call函数,apply函数,bind函数 https://www.cnblogs.com/lishuxuan/p/17339575.h ......
dremio+nessie+dbt+ cube.js 实现简单数据服务
以前我简单写过关于dremio与cube.js 集成的,随着dremio 官方自己维护了一个dbt 的adapter 以及nessie 方便的类似git 的多版本元数据服务的提供,将这几个集成在一起是一个很不错的选择,尤其是希望实现自己的headless bi 服务,同时利用dbt 强大的数据建模能 ......
少见但非常好用的js写法技巧。
1. 使用 flatMap 数组方法 flatMap() 本质上是 map()和 flat() 的组合,区别在于 flatMap 只能扁平1级,flat 可以指定需要扁平的级数,flatmap 比分别调用这两个方法稍微高效一些。 const arr = [1, 2, [4, 5], 6, 7, [8 ......
vue 高德地图异步引用
先建立一个文件,引入高德 gDMapLoader.js const ak = '4e9f15de14b05fd8f19e1d8fbe91f0a3' export default function load() { return new Promise(function(resolve, reject ......
未经授权访问 .js
流程顺序:后台管理登陆地址 → 后台主页地址 → fuzz测试出用户管理列表接口 → 直接调接口。。全程黑盒。 那么接下来我逆着来推理下逻辑: 首先是拿到某后台管理登录的网址 接着查看html源码,发现首页地址,http://xxx/index 直接访问,访问302,然后大哥来了个骚操作!在url后 ......
node版本过高产生的启动不起来
今天在用开源框架时发现的vue是使用的vue2,而自己的Node.js又过高 ,出现如图报错: 那么该如何解决这个问题呢? 其实很简单 在目录中找到找到package.json 加入这样一段代码就行了 "serve": "set NODE_OPTIONS=\"--openssl-legacy-pro ......
k8s集群Node节点管理:节点信息查看及节点label标签管理
k8s集群Node节点管理:节点信息查看及节点label标签管理 Kubernetes集群Node管理 一、查看集群信息 [root@k8s-master1 ~]# kubectl cluster-info Kubernetes control plane is running at https:/ ......
DevOps常用工具全家桶,实现高效运维和交付
DevOps常用工具全家桶,实现高效运维和交付 1、DevOps发展 DevOps发展背景: 随着互联网技术的快速发展,软件开发和运维的挑战也日益增加。传统的软件开发和运维模式往往存在分离、效率低下、沟通不畅等问题,导致软件交付速度缓慢,质量参差不齐。为了解决这些问题,DevOps应运而生。DevO ......
js 垃圾回收机制
一 、概述 垃圾回收机制是为了防止内存的泄漏(已经不需要的某一块内存还一直存在着),垃圾回收机制就是不停歇的寻找这些不再使用的变量,并且释放掉他所指向的内存。 2、变量的生命周期 变量被声明、赋值(修改)、读取、不需要时释放,是变量的生命周期。js中的变量分为局部变量和全局变量。局部变量在他当前的函 ......
node 快速搭建http服务器
1.新建目录demo然后在当前目录下打开cmd窗口执行npm init 一直回车,执行结束该目录下出现一个package.json 2.node环境自行安装,需要依赖如下 * npm add express * npm add nodemon * npm install -g axios --reg ......
Vue2 使用 Knova Canvas 合成图片、多个视频、音频在一个画面中并播放,自定义 video control 控制条
本文转载https://blog.csdn.net/RosaChampagne/article/details/128020428?spm=1001.2014.3001.5502的文章 安装插件 npm install vue-konva@2 konva --save 在main.js中使用 imp ......
electron+vue网页直接播放RTSP视频流?
目前大部分摄像头都支持RTSP协议,但是在浏览器限制,最新版的浏览器都不能直接播放RTSP协议,Electron 桌面应用是基于 Chromium 内核的,所以也不能直接播放RTSP,但是我们又有这个需求怎么办呢? 市场上的方案很多,有很多免费开源的,同时也有比较成熟的商业软件,丰俭由人,大家可以自 ......
js foreach
Array.prototype.myForEach = function (cb) { for (var i = 0; i < this.length; i++) { cb(this[i], i, this); } }; ......
ImageClipboard js粘贴剪切板图片,已测试,可用,可获得base64
ImageClipboard js粘贴剪切板图片,已测试,可用,可获得base64 具体用到自己项目的时候,拿源码改成自己的库,从写一遍 index.html <!DOCTYPE html> <html> <head> <!-- https://github.com/jorgenbs/ImageCl ......