three vue js
从零开始一个vue3前端项目day03-网络请求配置篇
网络请求配置是项目中必不可少的部分，接下来就讲解一下项目中网络请求配置的常用步骤1：选择网络请求库，一般vue采用axios,react采用umi框架的request，接下来就是在项目引入啦 $ npm install axios 2：一般在项目中我们都会对网络请求进行一个相应的封装，采用axios ......
disable/enable an elment using jQuery & JS
1. JS: 2. jQuery: 参考网址： https://stackoverflow.com/questions/13831601/disabling-and-enabling-a-html-input-button https://stackoverflow.com/questions/14 ......
学习JS技巧的文章
学习JS技巧的文章 第一段：入门JS的基础知识 在学习JavaScript之前，了解一些基础知识是非常重要的。首先，我们需要了解JavaScript是一种高级编程语言，它主要用于开发Web应用程序。它具有与其他编程语言相似的语法结构，如变量、函数、条件语句和循环等。其次，学习HTML和CSS对于理解 ......
Node JS通过jwt设置token
token（身份令牌），其实就是用加密算法加密少量用户信息，以及记录创建时间与其他少量配置项，聚合而成的一个字符串。 如果你的服务端只有登陆时需要验证，之后都处于无信任状态——譬如用户权限、路由等信息都存储在客户端缓存内，那token就没必要了； 如果需要进行验证，那token就能很好的完成这个任务 ......
关于处理 vue data中对象或数组中响应式数据的注意点
vue2 中针对对象中的响应式数据，如果要想修改他们，只能通过监听的特性实现。不能直接赋值。 在 vue2 源码中，计算属性和 watch 的实现方式是一样的，都具有监听响应式对象或数组中的数据的功能。区别就是，计算属性具有缓存机制。 除此之外，还可以直接使用 this.$set(obj,key:S ......
el-dialog的js使用方式
this.$confirm("提交后不允许编辑，是否继续提交？", "提示", { confirmButtonText: "确定提交", cancelButtonText: "取消", type: "warning", }) .then(() => { this.submitForm("ruleFo ......
centos node.js安装puppeter遇到的一些错误
libatk-1.0.so.0 Failed to launch the browser process! /data/project/p_base/node_modules/puppeteer/.local-chromium/linux-1002410/chrome-linux/chrome: e ......
js hook
(function(){ var org=window.XMLHttpRequest.prototype.setRequestHeader; window.XMLHttpRequest.prototype.setRequestHeader = function(key,value){ if(key= ......
Vue3 组件封装——文件上传
1. 默认方法 使用 input 标签 设置 type = file <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edg ......
js 压缩库 LZString，压缩率大约 10%
1 // Copyright (c) 2013 Pieroxy <pieroxy@pieroxy.net> 2 // This work is free. You can redistribute it and/or modify it 3 // under the terms of the WTF ......
关于vue.js
一、使用之前，我们先来掌握3个东西是用来干什么的。 npm: Nodejs下的包管理器。 webpack: 它主要的用途是通过CommonJS的语法把所有浏览器端需要发布的静态资源做相应的准备，比如资源的合并和打包。 vue-cli: 用户生成Vue工程模板。（帮你快速开始一个vue的项目，也就是给 ......
js实现html页面翻译
引入js库 <script src="https://res.zvo.cn/translate/translate.js"></script> 在页面最底部加入js代码 //translate.ignore.tag.push('span'); //翻译时追加上自己想指定忽略的tag标签，凡是在这里面 ......
JS:.split()
参考网址： https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/String/split split() 方法接受一个模式，通过搜索模式将字符串分割成一个有序的子串列表，将这些子串放入一个数 ......
JS:.pop()
参考网址：https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Array/pop Array.prototype.pop() pop() 方法从数组中删除最后一个元素，并返回该元素的值。此方 ......
简析Vue的响应式(或叫双向数据绑定)及其原理
上一讲，我们讲Vue和React异同的时候，讲到Vue是响应式的，那么这个响应式到底具体是什么样的？这一讲，我们来仔细看看这个话题。 简单点来说，就是在Vue的数据变量值变化时，变化可以同步到视图；在视图值变化时，视图的值变化可以同步到Vue的数据变量（注意：这里的数据变量是指Vue实例的data属 ......
轻松理解Vue和React的异同
在前端界，Vue和React最近几年一直是我们开发前端项目的两个主流选项。但作为一个想要学习使用框架最快速开发应用的新人我应该先学习哪个？或者说当我们在开发一个新项目时，到底具体是应该选择用Vue呢？还是应该选择用React？这两个的区别是什么？联系是什么？这篇文章，我尽量用最简单的语言来试图阐述我 ......
js内存空间问题
1 let a = { n: 1 }; 2 const b = a; 3 a.x = a = { n: 2 }; 4 console.log('a.x:', a.x); // undefined 5 console.log('b.x:', b.x); // {n:2} 在b=a时，堆栈中引用的是同一 ......
vue 报错：npm ERR! peer eslint@">= 1.6.0 < 7.0.0" from @vue/cli-plugin-eslint@4.5.19
npm ERR! code ERESOLVEnpm ERR! ERESOLVE unable to resolve dependency treenpm ERR! npm ERR! While resolving: admin@0.1.0npm ERR! Found: eslint@7.32.0np ......
Vue源码学习(一):数据劫持(对象类型)
好家伙,了解一下Vue如何实现数据劫持 1.Vue中data的使用 首先,我得搞清楚这玩意的概念,我们先从vue的使用开始吧 想想看,我们平时是如何使用vue的data部分的? 无非是这两种情况 (你可千万不要带着惊讶的表情说"啊!原来有两种写法的吗") //函数写法 data() { return ......
Web攻防--JS算法逆向--断点调试--反调试&&代码混淆绕过
# Web攻防--JS算法逆向--断点调试--反调试&&代码混淆绕过 ## JS算法逆向 在进行渗透测试过程中，在一些功能点进行参数注入或者枚举爆破等过程中，会出现参数进行加密的情况，但是我们输入参数并不是加密状态，即便测试点存在漏洞也不可能测试成功，这时候便需要将所提交参数进行加密后在进行注入，针 ......
vue3封装筛选项
### 背景 #### 项目开发中遇到筛选项，并且几个页面都有使用，依次写，太过于繁琐 ### 筛选项解构如下  ......
从零开始一个vue3前端项目day02-vite配置篇
完成了路由的配置，就准备进行页面开发等了 ，与此同时我们也要对所使用到的组件库进行一个引入和配置 本次项目采用element-plus组件库全局导入肯定是不可取的，推荐参照官网的按需自动引入 然后就是导入文件路径配置 在项目中我们想import文件使用.././这种方式引入非常麻烦，所以我们可以配置 ......
pageoffice 6 Vue+Springboot磁盘路径打开文档
- 本示例关键代码的编写位置 [Vue+Springboot](https://www.pageoffice.cn/pages/f76d87/ "Vue+Springboot") **注意 本文中展示的代码均为关键代码，复制粘贴到您的项目中，按照实际的情况，例如文档路径，用户名等做适当修改即可使用。 ......
问题（Uncaught ReferenceError: vue is not defined）和解决方法
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document< ......
从零开始一个vue3前端项目day02-路由配置
把整体项目框架搭建好之后，首先就是对我们的路由进行配置 模块化配置路由，不同页面的路由配置单独放在文件里 config文件用来放路由守卫配置 这里来说一下路由守卫的作用， https://router.vuejs.org/zh/guide/advanced/navigation-guards.htm ......
Vue+Elemnt-UI遍历生成form-item并为其绑定校验规则
需求：接口获取数据，动态渲染表单（文本框类型，内容，标签，是否必填） 参照博主：blog.csdn.net/qq_33769914/article/details/122449601 遇到的问题：1.通过对单个item绑定的校验规则不生效（表现为：不弹提示，或填了内容依旧提示） 2.提示出现后通过c ......
VUE2+Swiper（H5邀请函开发）
#1、引入swiper * 安装固定版本 ``` npm i swiper@5.3.6 npm i vue-awesome-swiper@4.0.4 ``` #2、下载 `https://3.swiper.com.cn/download/index.html` 1. 下载 animate.min.c ......
js富文本处理函数
```javascript const formatRichText = (html) => { let newContent = html.replace(/]*>/gi, function(match, capture) { match = match.replace(/style="[^"]+ ......