
javascript
universe Coding
欢迎技术交流
展开
-
复制时不触发点击事件
复制文字时取消点击事件原创 2022-11-09 10:07:38 · 489 阅读 · 1 评论 -
风多云楼层监听
1.滚动的头部增加 floor-item 类名<div class="card-class floor-item"> <p class="card-title">项目基础信息</p>2.引入组件 <div class="floor nav-list"> <floor-nav :floorList="floorList" @setFloorNavMountClick='setFloorNavMountClick原创 2022-05-23 15:18:09 · 130 阅读 · 0 评论 -
js类与继承
<script> //创建类 class Person { //构造器方法 constructor(name,age){ this.name = name; this.age = age; } // 方法 speack(){ return console.log(`我的名字是${this.name},我的年龄是${this.a...原创 2022-04-14 18:32:59 · 394 阅读 · 0 评论 -
vue项目规范
2 文件规范2.1文件结构├── public│ └── logo.png # LOGO│ └── index.html # Vue 入口模板├── config #项目配置│ └── index.js # 主配置文件├── node_modules #项目依赖模块├── mock #mock数据目录,用于本原创 2021-10-30 11:50:47 · 465 阅读 · 0 评论 -
输入框大于等于0
<el-input v-model.number=“scope.row.articleSort” :min=“0” οninput=“if(value<0)value=0” type=“number” @change=“sortChange(scope.row)”/>原创 2021-09-14 11:39:58 · 450 阅读 · 0 评论 -
常用正则校验
手机号校验 /^1[3|4|5|6|7|8|9][0-9]\d{8}$/ 密码格式 6-20 !/^[^\s\u4e00-\u9fa5]{6,20}$/原创 2021-08-24 14:06:11 · 107 阅读 · 0 评论 -
列表增删写入唯一di
let arr = [ { name:"张三", key:1 }, { name:"李四", key:2 }, { name:"王五", key:3 }, { name:"赵六", key:4 }, ] // 先定义 length_template let length_template = arr.length; addArr function(){ let object = { name:".原创 2020-12-15 18:30:12 · 89 阅读 · 0 评论 -
删除两个数组中相同的数据
```bashvar arr1=[{id:1},{id:2},{id:3},{id:4},{id:5}]var arr2=[{id:1},{id:2},{id:3}]var set=arr2.map(item=>item.id)console.log(set)var resArr=arr1.filter(item=>!set.includes(item.id))console.log(resArr)```原创 2020-12-15 18:22:42 · 2386 阅读 · 0 评论 -
JSON.parse()与JSON.stringify()
概念/理解JSON.parse() 是将 json字符转转为对象,字符串必须符合JSON格式,否则会报错JSON.stringify() 是将js对象转为 字符串(json字符串)他们的作用是相对的JSON.parse()将json字符串转为对象的几种方法 let str = '{"name":"liudehua","age":56}'; //第一种方法 使用JSON.parse() let obj = JSON.parse(str); //第二种方法 使用 eval(),将js字符串当原创 2020-07-08 11:00:43 · 278 阅读 · 0 评论 -
html里script标签src自动加上时间戳,降低缓存影响
<script>document.write("<script type='text/javascript' src='./json/json.js?v="+ Date.now() + "'><\/script>");</script><script type="text/javascript">(function(){ var randomh=Math.random(); var e = document.getEl原创 2020-05-29 11:56:50 · 1433 阅读 · 0 评论 -
ES6(持续更新中...)
ES6 是 ECMAScript 标准十余年来变动最大的一个版本,主要是为了解决 ES5 的先天不足,主要添加了 类、模块、promise 等,是前端基础 ,请看思维导图 ES6 let与const 关键字及变量的区别js声明变量有三个关键字,分别是 var let const 下面我们去深入了解他们作用域var 属于函数作用域(局部作用域)或者全局作用域,存在变量提升,let cons...原创 2020-05-12 17:55:37 · 179 阅读 · 0 评论 -
前端性能优化
一、减少请求资源大小或者次数1、尽量和并和压缩css和js文件。(将css文件和并为一个。将js合并为一个) 原因:主要是为了减少http请求次数以及减少请求资源的大小 打包工具: webpack gulp grunt. …2、尽量所使用的字体图标或者SVG图标来代替传统png图 因为字体图标或者SVG是矢量图,代码编写出来的,方大不会变形,而且渲染速度快3、采用...原创 2020-04-03 10:37:52 · 134 阅读 · 0 评论 -
判断是空对象还是空数组
if(JSON.stringify(res.data) === '{}'){ console.log('是对象') this.data = [] }else{ console.log('是数组') this.data = res.data }原创 2020-03-30 12:03:49 · 612 阅读 · 0 评论 -
原生js实现文字复制(copy)
项目中经常遇到一键复制文本的操作,推荐一种原生方法 copyTitle(txt){ //原生copy方法 const input = document.createElement('input'); document.body.appendChild(input); input.setAttribute('value', txt); ...原创 2019-12-27 09:59:28 · 523 阅读 · 0 评论 -
js常用的方法(持续更新中...)
深拷贝方法一 // 深拷贝 deepCopy(obj){ let str, newobj = obj.constructor === Array ? [] : {}; if(typeof obj !== 'object'){ return; } else if(window.JSON){ str = J...原创 2019-11-29 16:37:06 · 152 阅读 · 0 评论 -
面试题中手写代码的题目
数组去重方法一export function uniqueArray(arr: any[]) { return arr.filter((item, index) => arr.indexOf(item) === index)}console.log(uniqueArray([1, 2, 3, 2, 1, 3, 4, 5, 6, 3, 8]))// [1, 2, 3, 4, 5,...原创 2019-11-22 11:58:03 · 459 阅读 · 0 评论 -
js常用的方法
字符串常用的属性.length------>字符串的长度.charAt(索引),返回值是指定索引位置的字符串,超出索引,结果是空字符串.fromCharCode(数字值,可以是多个参数),返回的是ASCII码对应的值.concat(字符串1,字符串2,…);返回的是拼接之后的新的字符串.indexOf(要找的字符串,从某个位置开始的索引);返回的是这个字符串的索引值,没找到则返回-...原创 2019-10-30 11:15:19 · 103 阅读 · 0 评论 -
js数据类型
js数据类型分为 基本数据类型 和 引用数据类型基本数据类型String (字符串类型)Number (数字类型)Boolen (布尔类型)Null (空)Undefined(不存在的值)Symbol (唯一标识符)引用数据类型Object(对象)基本数据类型和引用数据类型的区别基本数据类型保存在栈里,引用数据类型保存在堆里 ,stack为自动分配的内存空间,它由系统...原创 2019-09-29 17:18:24 · 230 阅读 · 0 评论