three vue js
vue关于请求消息没问题但是还是进入catch块（已解决）
第一次使用vue中的拦截器，一开始是在拦截器的逻辑代码上有问题（也有可能没问题），然后请求和响应都是没问题的，但是请求之后就是不跳转，然后发现是设置了拦截器的问题，折磨了下拦截器保证了代码能够顺利运行到resolve，但是发现即便是resolve后回到原本的代码中，代码还是运行到catch块中去。因 ......
Vue关于beforeRouteEnter以及beforeRouteLeave函数的运用
先上代码 beforeRouteEnter:(to,from,next)=>{ console.log("进入路由之前") next(vm =>{ vm.getData(); }); }, beforeRouteLeave:(to,from,next)=>{ console.log("进入路由之后" ......
JS-数学表达式正则表达式支持（包含希腊字母、小数点等）
//技术状况规则/**evt:{ target:{ value:'' }},row:{ "propName":"" "propRule":""} */ function checkRule(evt, row, propName, propRule) { //匹配a=5,a>5,a<5,a≤6，a≥5 ......
JS Web API 学习
Web API DOM DOM树直观体现了标签与标签之间的关系 根据css选择器获取DOM元素 1.匹配一个元素 <div class="box">123</div> <div class="box">abc</div> <p id="nav">导航栏</p> <ul> <li>测试1</li> < ......
vue3+jointjs demo
下面是使用Vue3和JointJS添加元素的示例代码： 1. 安装JointJS ```terminal npm install jointjs --save ``` 2. 创建JointJS图形 ```javascript import { ref, onMounted } from 'vue'; ......
vue全屏
<template> <div> <img src="../assets/fangda.png" @click="toggleFullscreen" /> </div> </template> <script> export default { methods: { toggleFullscreen ......
Vue.js 目录
##Vue.js 大致介绍Vue官网 ##Vue.js 搭建Vue开发环境（p4~p6） ##Vue.js 模板语法 ##Vue.js 数据绑定 ##Vue.js el与data的两种写法 ##Vue.js 理解MVVM ##Vue.js 数据代理-回顾Object.defineProperty方法 ......
Vue笔记汇总
Vue3快速上手 1.Vue3简介 2020年9月18日，Vue.js发布3.0版本，代号：One Piece（海贼王） 耗时2年多、2600+次提交、30+个RFC、600+次PR、99位贡献者 github上的tags地址：https://github.com/vuejs/vue-next/re ......
js 实现继承
一、使用原型链 function Animal1(leg){ this.leg=leg; } function Dog1(name){ this.name=name; Animal1.call(this,4) //!!import1 } Dog1.prototype.__proto__=Animal ......
Vue3 Vue3中其他的改变
视频 六、其他 1.全局API的转移 Vue 2.x 有许多全局 API 和配置。 例如：注册全局组件、注册全局指令等。 //注册全局组件 Vue.component('MyButton', { data: () => ({ count: 0 }), template: '<button @clic ......
Vue2和ElementUI编写的无限级菜单路由
Vue2和ElementUI编写的无限级菜单路由 文章转载自：www.javaman.cn <template> <div> <el-menu :default-active="$route.path" class="el-menu-vertical-demo" :collapse="isColla ......
js树形结构中搜索某一项数据
在树形结构中搜索 checkItems值为 某某某的数据，返回的是子数据。 const searchTree = (tree, checkItems) => { let res = ''; let state = false; const readTree = (_tree, _checkItems ......
ai问答：使用 Vue3 组合式API 和 TS 配置 axios 拦截器 http错误状态
配置 axios 拦截器和http错误状态，可以避免在每个请求方法中都添加冗余的错误处理逻辑，这是拦截器的优势之一 ......
js 如何实现类
一、使用原型 function Chicken1(name) { this.name = name } Chicken1.prototype.kind = 'chicken'; Chicken1.prototype.say = function () { console.log(`hello,i'm ......
vue项目适配屏幕分辨率与屏幕的缩放
现在很多14寸的笔记本，出厂默认就是150%的显示。导致很多时候我们的项目，自己开发的时候都是按照100%比例来开发的，上线了就会发现这个问题 vue项目utils下新建devicePixelRatio.js文件 class DevicePixelRatio { constructor() { // ......
JS逆向中 cookie加密的HOOK方法
Object.defineProperty(obj, prop, descriptor) 其中，参数 obj 是要定义属性的对象， prop 是要定义或修改的属性名， descriptor 是属性描述符对象。 属性描述符对象的属性包括 value 、 writable 、 enumerable 、 ......
动力节点老杜Vue框架教程【一】Vue程序初体验
Vue.js是一个渐进式 MVVM 框架，目前被广泛使用，也成为前端中最火爆的框架 Vue可以按照实际需要逐步进阶使用更多特性，也是前端的必备技能 动力节点老杜的Vue2+3全家桶教程已经上线咯！ 学习地址：https://www.bilibili.com/video/BV17h41137i4/ 视 ......
vue 项目依赖安装失败解决方案
今天电脑新装了个node.js以及VS Code,找了一个之前的vue项目在上面运行了一下。 使用 npm install 有一部分依赖一直安装不上，输入 npm run server 一直提示 vue-cli 报错，试了下面的方式还是不行。 一、使用淘宝镜像安装依赖：1.安装cnpm npm in ......
可视化大屏：mapbox+vue全攻略
如题图，mapbox是一个支持真3D地形展示的webGIS框架，与常用的Leaflet、Cesium和Openlayers并称四大框架，本文将介绍mapbox-gl js 在 vue 中的用法。 为什么要用 mapbox ? 各位可以自行搜索上面提到的或者其他的webGIS框架或者集成服务商，可以很 ......
ai问答：使用 Vue3 组合式API 和 TS 封装 websocket
这是一个使用 Vue3 组合式 API 和 TS 封装 websocket 的例子 那么，可以通过组件： 输入消息并点击发送按钮 触发 sendMessage 方法,通过 WebSocket 连接发送消息 接收来自 WebSocket 服务端的响应消息 监听 WebSocket 状态变化 impor ......
JS实现整个DIV里的字号整体放大或缩小
JS实现对DIV里内容的字体方法或缩小 html代码 只写主要代码，样式可以自己写 <div class="content_sms"> 这是需要放大或缩小的内容 </div> <!-- 放大缩小按钮--> <div id= "bigFontSize"> 放大 </div> <div id= "sma ......
老杜Vue实战教程完整版笔记（一）Vue程序初体验
Vue作为国内使用率最高，最火爆的前端框架 学习这门技术也越来越重要~ 动力节点老杜最新版Vue2+3教程已经上线！ 还是原来的配方，还是熟悉的味道 学习地址：https://www.bilibili.com/video/BV17h41137i4/ 1 Vue程序初体验 我们可以先不去了解Vue框架 ......
JS逆向实战13——某市公共资源交易中心Cookie混淆加密
"本文地址：https://www.cnblogs.com/zichliang/p/17346860.html 目标网站 aHR0cDovL2xkZ2d6eS5obmxvdWRpLmdvdi5jbi9sZGp5engvanl4eC9saXN0LnNodG1s 网站分析 经过浏览器抓包，我们可知这个网 ......
老杜2023最新Vue实战精讲（一）Vue程序初体验
动力节点老杜全新版Vue教程笔记分享给大家 学习の地止：https://www.bilibili.com/video/BV17h41137i4 视频教程从Vue2开始讲解，一步一个案例，知识点由浅入深，然后很自然的过度到Vue3版本。Vue3是目前企业中使用最多的一个版本。 视频中会把每一个Vue的 ......
vue前端使用nexus配置npm私有仓库
当我们运行前端项目的时候，常常在解决依赖的时候会加上一个参数npm install --registry=https://registry.npm.taobao.org将源指定为淘宝的源，以期让速度加快起来，事实上这种的确能够让速度变快，但是长久来看，如果想真正的快速敏捷开发部署，搭建企业内部的私服 ......
vue-下载本地项目中的文件
vue-下载本地项目中的文件 文件放在public下 新建了一个文件夹statics import axios from 'axios' downs(name) { axios.get('statics/' + name, { //静态资源文件夹public responseType: 'blob' ......
web前端pdf.js预览pdf实例创建报错：Array. prototype` contains unexpected enumerable properties
使用pdf.min.js是预览pdf文件，但是在实例化时异常报错，下面是实例化的代码 var loadingTask = window.pdfjsLib.getDocument(url); console.log(loadingTask); this.pageNum = 1; this.pageRe ......
Vue2入门之超详细教程七-事件处理
1、简介 事件的基本使用： （1）使用v-on:xxx或者@xxx绑定事件，其中xxx是事件名 （2）事件的回调需要配置在methods对象中，最终会在vm上 （3）methods中配置的函数，不要用箭头函数！否则this就不是vm了 （4）methods中配置的函数，都是被Vue所管理的函数，th ......
解决vue移动端 ios页面切换出现闪屏现象(可直接复制张贴）
在App.vue文件中 监听路由 //控制左右滑动 watch: { $route(to, from) { const arr = [ '/warningCenter/warningCenterHome', '/equInspection/equInspectionHome', '/ourOrder ......
vue3 自定义组件双向绑定（modelValue）
参考链接：https://huaweicloud.csdn.net/638edf68dacf622b8df8d152.html 父组件： <Customabc ref="editor" v-model="data.introduction" :min-height="400" name="职能" p ......