
js
HUAI-
这个作者很懒,什么都没留下…
展开
-
package.json 和 package-lock.json
package-lock.json 目的是对整个依赖树进行版本固定的(锁死),会在 npm 更改 node_modules 目录树 或者 package.json 时自动生成的 ,它准确的描述了当前项目 npm 包的依赖树,并且在随后的安装中会根据 package-lock.json 来安装,保证是相同的一个依赖树,不考虑这个过程中是否有某个依赖有小版本的更新。原创 2023-03-09 15:35:41 · 221 阅读 · 0 评论 -
es6 new Promise
new Promise原创 2023-03-07 20:11:10 · 601 阅读 · 0 评论 -
iView Table合并单元格(行、列)
合并单元格 rowspan cowspan原创 2023-02-15 16:31:10 · 1529 阅读 · 0 评论 -
vue 动态组件component
vue 动态组件component原创 2023-02-03 17:02:50 · 3159 阅读 · 0 评论 -
阿里云oss访问图片出现跨域问题
解决阿里云oss访问图片出现跨域问题原创 2022-12-26 10:30:20 · 2002 阅读 · 0 评论 -
vue 阻止点击事件穿透
vue 阻止点击事件穿透原创 2022-08-24 10:34:28 · 1827 阅读 · 0 评论 -
JS中各种数组遍历方式的性能对比
遍历性能测试原创 2022-07-20 11:23:51 · 239 阅读 · 0 评论 -
js 小数相加 精度
小数相加 精度问题原创 2022-07-01 17:38:02 · 356 阅读 · 0 评论 -
vue-quill-editor 自定义图片上传和视频上传(阿里云oss上传 );video替换iframe标签
这个编辑器,可支持上传图片、视频链接或视频,插入视频功能做了一下改进;图片和视频是上传到阿里云oss,拿到oss地址后 插到编辑器里回显的;安装npm install vue-quill-editor --save在main.js 引入import 'quill/dist/quill.core.css'import 'quill/dist/quill.snow.css'import 'quill/dist/quill.bubble.css'// 页面引入...原创 2022-05-13 11:21:39 · 1827 阅读 · 2 评论 -
阿里云oss上传文件 excel 图片 视频 基本使用
下载依赖 npm install ali-oss这里用的elementUI 里的upload上传文件功能<el-form-item label="图片" prop="content" class="editor_box"> <el-upload action="" class="avatar-uploader" :http-request="uploadAvatarTwo" :before-upload="beforeUpload" :on-success="h原创 2022-05-13 10:50:57 · 778 阅读 · 0 评论 -
vue列表选中非选中效果
<div v-for="(item,index) in lmlist" @click="selected(item,index)" style="padding: 16px 16px 0;cursor: pointer;" :class="{commonActive:activeIndex==index}"></div>原创 2022-05-10 15:23:46 · 401 阅读 · 0 评论 -
less less-loader安装失败问题
npm install less-loader --save --legacy-peer-deps加上--legacy-peer-deps就可以了在NPM v7中,现在默认安装peerDependencies,这会导致版本冲突,从而中断安装过程。--legacy-peer-deps标志是在v7中引入的,目的是绕过peerDependency自动安装;它告诉 NPM 忽略项目中引入的各个modules之间的相同modules但不同版本的问题并继续安装,保证各个引入的依赖之间对自身所使用的不同版本m原创 2022-05-06 16:55:20 · 1153 阅读 · 1 评论 -
vue 路由切换 回到顶部
window.scrollTo(0,0)原创 2022-01-13 17:52:29 · 227 阅读 · 0 评论 -
JS中各种数组遍历方式的性能对比
原创 2021-09-07 16:00:48 · 198 阅读 · 0 评论 -
vue js 前端导出 下载 打印 图片 pdf html 局部打印
html2canvas将HTML内容写入Canvas生成图片print.js 打印插件第一种方法: 原生js printDeal(val) { var printBox = document.getElementById(val); //拿到打印的区域的html内容 var newContent = printBox.innerHTML; //将旧的页.....原创 2021-03-25 10:25:22 · 2079 阅读 · 1 评论 -
vue elementUI刷新或跳转路由 页面闪一下或者缩一下
全局loading导致的 只要加上指定div就可以了原创 2021-03-12 11:00:38 · 2329 阅读 · 1 评论 -
js对象克隆复制 不改变原对象和改变原对象
https://www.cnblogs.com/showcase/p/10489636.html原创 2020-12-29 17:49:53 · 1826 阅读 · 0 评论 -
inpput 只能输入数字最多保留小数点两位
change(val){val=val.replace(/(^\s*)|(\s*$)/g,"")if(!val){this.pageNum="";return}varreg=/[^\d.]/g//只能是数字和小数点,不能是其他输入...原创 2020-09-27 14:50:05 · 319 阅读 · 0 评论 -
谷歌Chrome cookie问题
chrome51之后,更新了cookies的携带机制,把原来Cookie的SameSite属性值,由None改成了Lax,这就会导致一些需要第三方cookie的应用产生了异常。SameSite可以有下面三种值:Strict仅允许一方请求携带Cookie,即浏览器将只发送相同站点请求的Cookie,即当前网页URL与请求目标URL完全一致。 Lax允许部分第三方请求携带Cookie None无论是否跨站都会发送Cookievue js-cookieSameSite设置成None后,.原创 2020-08-20 13:59:22 · 657 阅读 · 0 评论 -
canvas跨域图片报Tainted canvases may not be exported
canvas转图片 跨域问题图片转base64dataURL=canvas.toDataURL('image/jpeg',1) 报错Img.setAttribute("crossOrigin","anonymous");原创 2020-06-15 09:50:01 · 573 阅读 · 0 评论 -
原生JS增、删、改、查 类名
Element.classList 方法Element.classList是一个只读属性,返回一个元素的类属性的实时DOMTokenList集合。相比将element.className作为以空格分隔的字符串来使用,classList是一种更方便的访问元素的类列表的方法。语法const elementClasses = elementNodeReference.classList;返回值elementClasses是一个DOMTokenList表示el...原创 2020-05-19 14:27:47 · 288 阅读 · 0 评论 -
js数组对象去重(同时判断对象中的每一个属性,若其对应的属性值都相同,则去重)
let arr = [ { maxDeptCode: "md3", maxDeptName: "泡泡", minDeptCode: "md301", minDeptName: "泡泡少儿", schoolId: 1, schoolName: "北京", }, { maxDeptCode: "md2", maxDeptName: "中学", .原创 2020-05-18 15:16:10 · 1193 阅读 · 0 评论 -
vue 展开收起功能和数组变化后视图不更新问题
1.先获取数据列表,通过this.$set()方法添加新的属性,加上isUnfold(是否展开)字段2.3. 通过this.$set()才能触发视图更新,如果用this.recordsArr[index].isUnfold=!isUnfold不会触发原创 2020-05-14 14:57:25 · 443 阅读 · 0 评论 -
js过滤html标签和空格
filterHtmlTag (msg) { var msg = msg.replace(/<\/?[^>]*>/g, ''); //去除HTML Tag msg = msg.replace(/[|]*\n/, '') //去除行尾空格 msg = msg.replace(/&npsp;/ig, ''); //去掉npsp ...原创 2020-01-07 10:11:17 · 1053 阅读 · 2 评论 -
js url编码和解码以及部分url编码和解码
https://www.cnblogs.com/xy-ouyang/articles/11221982.html转载 2019-12-26 14:18:04 · 171 阅读 · 0 评论 -
vue 禁用浏览器自带返回按钮
原创 2019-11-19 11:47:08 · 1566 阅读 · 1 评论 -
vue+ivew form表单验证
原创 2019-11-12 15:23:56 · 245 阅读 · 0 评论 -
input表单禁止输入空格
正则.replace(/\s+/g , ' ')这里涉及到一个正则表达式的问题。了解过正则表达式的都应该知道,就像直接量定义字符串是通过引号包裹字符的方式来定义字符串一样,正则表达式直接量定义为包含包含在一堆斜杠(/)之间的字符。所以,‘/\s/g’中的/xxx/表示正则表达式,‘\s’表示正则匹配字符串中的空字符,‘g’表示全部匹配。即,‘/\s/g’表示字符串中所有的空...原创 2019-11-12 15:20:18 · 687 阅读 · 0 评论 -
ajax中JSON.stringify()和JSON.parse()方法的使用
我们平时使用ajax向后台传递数据时,通常会传递json格式的数据,当然这里还有其它格式,比如xml、json类型的数据包含json对象和json类型的字符串JSON.stringify(),将JSON对象转换为JSON类型的字符串JSON.parse(),将JSON类型的字符串转换为JSON对象...原创 2018-10-22 14:42:40 · 705 阅读 · 0 评论 -
js里的面向对象分析-(创建实例化对象) 构造函数
1.ECMAScript 有两种开发模式:1.函数式(过程化),2.面向对象(OOP)。面向对象的语言有一个标志,那就是类的概念,而通过类可以创建任意多个具有相同属性和方法的对象。但是,ECMAScript 没有类的概念,因此它的对象也与基于类的语言中的对象有所不同。js本身是没有class类型的,但是每个函数都有一个prototype属性。prototype指向一个对象,当函数作为构造函...转载 2018-10-17 10:31:06 · 344 阅读 · 0 评论 -
js 动态拼接src
js 动态拼接src原创 2018-09-18 15:41:52 · 4899 阅读 · 0 评论 -
js 日期格式化
毫秒转 xx年xx月xx日 时 分 秒var dataParse = (value) => { let time = new Date(parseInt(value)); function minTen(num) { return num > 9 ? num : '0' + num; }return time.getFullYear()...原创 2018-09-18 15:13:19 · 133 阅读 · 0 评论 -
JS decodeURIComponent() 函数
http://www.w3school.com.cn/jsref/jsref_decodeURIComponent.aspJavaScript decodeURIComponent() 函数定义和用法decodeURIComponent() 函数可对 encodeURIComponent() 函数编码的 URI 进行解码。...翻译 2018-09-17 13:09:15 · 623 阅读 · 0 评论 -
findIndex()
定义和用法findIndex() 方法返回传入一个测试条件(函数)符合条件的数组第一个元素位置。findIndex() 方法为数组中的每个元素都调用一次函数执行:当数组中的元素在测试条件时返回true时, findIndex() 返回符合条件的元素的索引位置,之后的值不会再调用执行函数。 如果没有符合条件的元素返回 -1注意:findIndex() 对于空数组,函数是不会执行......原创 2018-08-20 18:16:15 · 3170 阅读 · 0 评论 -
import ... from和import {} from 的区别
1.import { isvalidUsername ,validateUrl} from '@/utils/validate' //也可以分开两次写,导入的时候都带花括号2.import isvalidUsername from '@/utils/validate' //导入的时候没有花括号ES6中export及export defau...原创 2018-08-01 11:30:55 · 58263 阅读 · 0 评论 -
Object.keys()
在实际开发过程中,有时需要知道对象的所有属性,除了 (for...in...) 外,原生js 给我们提供了一个更优雅的方法:Object.keys( object)。 ☆ 传入对象, 返回 包含对象可枚举属性和方法的数组 var obj = {'a': 'Beijing', 'b': 'Haidian'}; console.log(Object.key...转载 2018-07-23 15:37:35 · 125 阅读 · 0 评论 -
js some()方法 JavaScript Array 对象
JavaScript Array some() 方法基础用法摘自于菜鸟教程。实例检测数组中是否有元素大于 18:varages = [3,10,18,20];functioncheckAdult(age) {returnage >=18;}functionmyFunction() { document.getElementById("d......原创 2018-07-23 15:17:44 · 2212 阅读 · 0 评论 -
ajax请求参数 冒号问题
必须加 contentType:"application/json"原创 2018-10-22 14:49:41 · 2566 阅读 · 0 评论 -
双向数据绑定的实现原理及实现
原理: 通过 Object.defineProperty 实现的实现:原创 2018-10-30 11:43:33 · 987 阅读 · 0 评论 -
Ajax轮询,Ajax长轮询和websocket(详细使用)
转载地址:https://blog.youkuaiyun.com/baidu_38990811/article/details/79172163阮一峰:http://www.ruanyifeng.com/blog/2017/05/websocket.html小伟:https://www.cnblogs.com/luoxiaowei/p/6952104.html...转载 2018-11-01 10:45:22 · 265 阅读 · 0 评论