- 博客(17)
- 收藏
- 关注
原创 ES6-03(02)
数组1.扩展运算符的应用合并数组 // 1.合并数组 let array=[1, 2, 3] let array2=[4, 5, 6] array.push(...array2) console.log(array)//[1, 2, 3, 4, 5, 6] let array3=['a', 'b', 'c'] let array4=['d', 'e', 'f'] Array.prototype.push.apply(arr
2022-04-14 18:06:14
114
原创 Promise和async/await的区别
在了解二者的区别,首先先了解一下js的同步与异步因为js语言的单线程的,面对多个任务执行的时候,只有上一个任务完成后才会进入下一个任务,而,我们在开发过程中会遇到一些axjos的请求或者一些文件数据的读取会花费一些时间,这样严重影响的用户的使用体验。同步任务:上一个任务完成后才能执行下一个任务,比如元素的渲染异步任务:可以同时之宗两个任务,例如图片的加载等实现异步编程的方法有回调函数,promise和async/await1.promise一个promise可能有三种状态,等待(pe
2022-03-27 16:17:38
9274
原创 js判断数据类型的方法
1.typeof对于基本数据类型可以直接判断typeof 1 number typeof "1" string对于复合类型,除了函数,其他返回Object typeof {} Object typeof [ ]Object typeof function(){} Function 对于null和undefined typeof null Object typeof undefined undefined ...
2022-03-25 14:29:05
134
原创 时间格式化输出
function formatDate (date, format) { // 加零 function add0 (num) { return num > 10 ? num : '0' + num } // 处理成需要格式 var weekString = ['日', '一', '二', '三', '四', '五', '六'] const formatObj ...
2022-03-08 13:07:43
157
原创 vue组件
1.组件注册组件名:驼峰命名法和短横线命名法 全局注册:全局注册后,可以在任意根实例中使用import common from '@/components/common'Vue.component('common', common)局部注册: 在根实例的components引入你想要的组件即可import HelloWorld from '../components/HelloWorld.vue'import KebabCase from '../components/kebab
2022-03-02 15:21:42
485
原创 城市的选择(按字母排序)
<view id="body"> <view class="letters"> <view @touchstart="chooseletter(index,item)" @touchmove="move($event)" v-for="(item,index) in letter" :key="index" :class="currentletter==index?'active':''">{{item}}</view>.
2022-02-19 13:08:24
450
原创 vue的导出导入
export export default :是只有es6 支持的导出导入 export在js文件里可以写多个,在引入的时候加上{} export default在js文件里只能写一个,在引入的时候不需要加{} export在引入的时候需要指明变量 export default在引入的时候只需要标明文件名即可 export导出后,部分导入只需引入需要的变量即可 全部导入import * as 变量名 fr.
2022-02-18 14:33:14
815
原创 原生input样式修改
<div class="tip"> <input type="checkbox" > *登录代表您同意<span>《勤思用户协议》</span> </div>未修改之前 修改后 input[type="checkbox"]{ width: 0.75rem; height: 0.7...
2022-02-11 16:38:06
673
原创 Vue跳外部链接
1.window.location.href:页面点击覆盖当前页面2.window.open:默认不覆盖当前页面重新打开新的页面 window.open('https://www.baidu.com','_self')//覆盖当前页面打开新的页面 window.open('https://www.baidu.com','_blank')//不覆盖当前页面重新打开新的页面 3.a标签跳外部链接 <a href="https://www.
2022-02-11 13:47:23
1601
原创 ES6-01
let与constlet声明的变量,只在let命令所在的代码块内有效,只能申明一次for (var i = 0; i < 10; i++) { setTimeout(function(){ console.log(i); })}// 输出十个 10for (let j = 0; j < 10; j++) { setTimeout(function(){ console.log(j); })}// 输出 0123456789var声明的变量是
2022-01-25 14:37:55
915
原创 call apply bind的区别与应用
this的指代性1.this指向全局对象(window);2.this指向上一级对象,作为另一个对象调用;3.this指向new出来的对象。区别call():改变函数内部this的指代性,接受arg1,arg2...形式参数,调用函数 let obg3={ name:'tom', age:18, obgfun(city='天津'){ console.log('名字是'+this.name+',年龄是'+this.age+',来自'+city)
2022-01-18 14:49:35
525
原创 节流 防抖
1.区别节流:就是在规定时间内只触发函数一次;防抖:就是某一次执行后规定时间内没有再操作,才触发函数。2.引用其他js的介绍setTimeout() :多少秒后触发函数clearTimeout() :阻止setTimeout()的执行setInterval() :几秒后执行某函数clearInterval():停止setInterval()的执行3.js方法节流: let lastlet timervar funJie = function(funone, t
2021-12-19 17:54:02
292
原创 赋值 浅拷贝 深拷贝
1.数据类型基本数据类型:number boolean string null undefined symbol以及ES10新出的BigInt引用数据类型:Object Array 函数深拷贝一般针对于数组 对象数据类型2.赋值 浅拷贝 深拷贝定义基本数据类型的赋值,当新数据改变后原数据并不影响,而引用数据的赋值指向的是同一数据,改变新数据的基本数据和用数据都会发生影响。浅拷贝主要针对于引用数据类型,他复制数据的时候复制的是占中的引用,不同的引用指向同一块儿内存两者的区别..
2021-12-02 09:18:33
356
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人