three vue js
zip.js
function getUrlVar(variable) { var query = window.location.search.substring(1); var vars = query.split("&"); for (var i=0;i<vars.length;i++) { var pai ......
Vue3 中 keepAlive 如何搭配 VueRouter 来更自由的控制页面的状态缓存?
在 vue 中,默认情况下，一个组件实例在被替换掉后会被销毁。这会导致它丢失其中所有已变化的状态——当这个组件再一次被显示时，会创建一个只带有初始状态的新实例。但是 vue 提供了 keep-alive 组件,它可以将一个动态组件包装起来从而实现组件切换时候保留其状态。本篇文章要介绍的并不是它的基本 ......
js获取当前时间
1 $("#current").html(currentDate(true, true)) 2 3 /* 4 type:true（格式：2018年01月01日） 5 false（格式：2018-01-01） 6 isno: true（包含时分秒：2018-01-01 01:01:01） 7 fals ......
JS正则从地址中获取省、市、县
``` var add1 = '四川省西昌市航天路'; var add2 = '北京市北京市东城区前门大街1号' var add3 = '新疆维吾尔自治区乌鲁木齐市天山区中山路479号'; var add4 = '四川省成都市双流县幸福社区23号'; var add5 = '香港特别行政区中西区尖沙 ......
Vue【原创】千位符输入框（不仅只是过滤器哦）
最近和一个做金融的朋友讨论到千位符输入的问题，后来一想貌似自己项目中也会经常碰到金额数字这种输入框，要么自己做一个吧。 首先肯定要有一个正则表达式，也就是过滤器的方案里面常用的正则： 1 filters: { 2 _toThousandFilter(str, that) { 3 return tha ......
使用ant design vue Table组件遇见的问题记录
1.首先是给表格加自增序号 { title: "序号", customRender: (text, record, index) => `${index + 1}`, }, 这样就加上了 2.然后是ant没有key值控制台报错 如果有id或者唯一属性可以把rowkey设置为唯一属性查了一下也不一定是 ......
JSCRIPT 在当前脚本中插入common.js
方法1：在当前文件中读取 //读取公用函数所在的文件 eval(new ActiveXObject("Scripting.FileSystemObject").OpenTextFile("common.js", 1).ReadAll()); 方法2：使用wsf主文件中包含 <job id="main ......
vue中使用SSE
安装依赖包 npm install event-source-polyfill --save 封装方法 SSEClient.js import {EventSourcePolyfill} from "event-source-polyfill"; import { getToken } from " ......
vue 动态路由，按钮权限控制
src/directive/permission/index import Vue from 'vue' import buttonPermissions from './permission' // 注册全局指令 Vue.directive('permiss', buttonPermissions ......
创建web应用程序，React和Vue怎么选？
React和Vue都是创建web应用程序的绝佳选择。React得到了科技巨头和庞大的开源社区的支持，代码库可以很大程度地扩展，允许你创建企业级web应用程序。React拥有大量合格甚至优秀的开发人员粉丝，可以解决你在开发阶段可能遇到的任何问题。 毫无疑问，React是创建跨平台解决方案的最佳框架。V... ......
vue--day69---vuex
1. vuex 是什么 概念：专门在 Vue 中实现集中式状态（数据）管理的一个 Vue 插件，对 vue 应 用中多个组件的共享状态进行集中式的管理（读/写），也是一种组件间通信的方 式，且适用于任意组件间通信。 2. 什么时候使用 Vuex 1. 多个组件依赖于同一状态 2. 来自不同组件的行为 ......
vue 脚手架文件结构及加载过程浅谈
1. 初始化脚手架 1.1 全局安装 @vue/cli npm install -g @vue/cli 1.2 切换到创建项目的目录，执行 vue create projectname 1.3 选择符合自己要求的项进行Y/N，最终生成项目文件 2. 脚手架文件结构 |-- node_modules: ......
js知识点学习01
## js知识点学习01 ### 1.arguements对象 **(1) 什么是arguements对象？** 由于 JavaScript 允许函数有不定数目的参数，所以需要一种机制，可以在函数体内部读取所有参数。这就是`arguments`对象的由来。 **(2) 怎么使用？** `argume ......
vue--day68--插槽的总结
## 插槽 1. 作用：让父组件可以向子组件指定位置插入html结构，也是一种组件间通信的方式，适用于 <strong style="color:red">父组件 > 子组件</strong> 。 2. 分类：默认插槽、具名插槽、作用域插槽 3. 使用方式： 1. 默认插槽： ```vue 父组件中 ......
vue--day67--作用域插槽
1. App.vue <template> <div class="container"> <Category title="游戏" > <template scope="atgui"> <ul > <li v-for="(g,index) in atgui.games" :key="index"> ......
Fabric.js 元素选中状态的事件与样式
# 本文简介 带尬猴！ 你是否在使用 `Fabric.js` 时希望能在选中元素后自定义元素样式或选框（控制角和辅助线）的样式？ 
在HTML+CSS+JavaScript前端三件套后，Vue的出现就显得很有必要了 Vue是一种前端开发JS框架，它的出现使传统的面向JS中的DOM对象模型的开发效率得到了提升。Vue的核心思想是MVVM（Model-View-ViewModel）模型，这种模型使得前端的页面显示同后端数据模型相结合 ......
vue复习
vue vue是什么？ 它是一个轻量级MVVM框架 数据驱动+组件化的前端开发 Github 超过25K + 的star 熟，社区完善 Vue.js更轻量，gzip后大小只有26K；更易上手，学习曲线平稳 形成Vue渐进式框架的核心概念为：组件化，MVVM，响应式，和生命周期 vue的优缺点 优点1 ......
Vue packages version mismatch:
报错原因：vue与vue-template-compiler版本不匹配。 解决办法： 上图中说了看看使用vue-loader的版本，我的是13版本大于10.0版本，这个时候需要更新vue-template-compiler //卸载 npm uninstall vue-template-compil ......
解决vue项目中虚拟键盘弹起将页面中底部按钮上移问题
在vue中使用定位将表单中的取消，确认按钮固定在底部时，安卓手机在编辑表单内容时会将底部按钮整体往上移动，按钮出现在虚拟键盘上面，此时可以通过监听虚拟键盘的弹起与收起来控制键盘的显示与隐藏，以解决按钮显示在虚拟键盘之上的问题， 没有时间赘述， 附上转载链接： https://blog.csdn.ne ......
vue eslint 报错 error “Component name “*****“ should always be multi-word”，该怎么办？
出现的问题： 在 vue-cli 创建的项目中，创建文件并命名后，会报 “Component name "*****" should always be multi-word” 报错； 报错截图示例如下： Component name "******" should always be multi- ......
js_通过js主动触发原生事件, 以及通过js注册自定义事件并手动触发
- 现实情景: 在对博客园的样式进行修改时, 发现需要对博客园本身的html结构进行更改, 而其中一些html结构被绑定了事件处理程序. 一些元素在修改时虽然被隐藏但是也需要通过其他方式来达到触发它原本绑定的事件处理程序的目的, 因此需要对这些DOM的绑定事件进行手动触发 ### 主动触发原生事件, ......
Vite + Vue3 + Element-Plus
搭建 Vite 项目 注意 Vite 需要 Node.js 版本 14.18+，16+。然而，有些模板需要依赖更高的 Node 版本才能正常运行，当你的包管理器发出警告时，请注意升级你的 Node 版本。 使用 NPM: npm create vite@latest 使用 Yarn: yarn cr ......
解决Vue中el-select第二次选择选项时才会显示上一个选项的响应结果
今天在写一个选择器的时候出现一个问题 这个功能需求是：通过选择器选择不同的选项，点击查询按钮发送请求，并将响应结果放到一个div中用v-if控制是否显示。 看似简单的一个功能，却出现一个很搞笑的bug。在我选择一个选项点击查询，本应该显示结果的div没有显示出来，而在选择一个其他选项，不需要点击查询 ......
ZLMediaKit实现拉取摄像头(海康协议)编码为H265并使用flv.js播放时提示:FLV:Unsupported codec in video frame:12
场景 开源流媒体服务器ZLMediaKit在Windows上运行、配置、按需拉流拉取摄像头rtsp视频流)并使用http-flv网页播放： https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/130136245 按照上面流程进行拉取摄像 ......
vue 项目加水印---canvas画图法
搬运 蛙蛙 大佬的文章（做了写自己的补充） 文章链接：https://segmentfault.com/a/1190000022055867，怕以后找不到了 一：创建watermark.js文件 /** 水印添加方法 */ let setWatermark = (str1, str2) => { l ......
vue图片预览（ 放大 缩小 旋转 鼠标拖动）
* 此组件是图片是默认展开的 里面是操作的功能  代码如下 ` {{ title }} {{ currentInd ......