ES6
bhots
不会写代码
展开
-
搞定制作好看icon
在网页开发的时候我们很多时候有可能要用到ico文件,这是一种图标格式的文件,有时候我们必须要用到。如果你是个人开发者,或者是一名不会ps的大学生又急需作业的大学生,这时候我们就需要有一个ico的制作方式。首先第一个,我们可以去到阿里的图标库进行下载,这个支持github登录,大部分都可以免费使用,也有很多可以商用,合适的情况下最好问清楚一下制作者。从这里下载的图标也可以直接支持使用。拿到图标后,我们可以去到这个网站,进行转换,把有用的图标转换为ico。原创 2022-11-25 08:50:07 · 135 阅读 · 0 评论 -
js基本类型和引用类型以及深拷贝浅拷贝
一、JavaScript中值的类型JavaScript中的值分为2大类:基本类型和引用类型。每种类型下面又分为5种类型。基本类型: 数字类型:Number;字符串类型:String;布尔类型:Boolean(true和false);Undefined;Null。引用类型: 函数、数组、日期、正则、错误。注意:所有的引用类型都是对象,也就是Object对象下的一个类,对于基本类型,用等于号引入值的是里面的内容,修改新的值不会改变原来的值对于引用类型,用等于号引入值的是把地址传进去,修改新建原创 2021-11-13 11:56:41 · 715 阅读 · 0 评论 -
es6对象的解构
https://blog.csdn.net/L_jin_c/article/details/108313958转载 2021-10-01 23:17:01 · 117 阅读 · 0 评论 -
this指向不正确的问题
有时候es6设置的this指向有好处,在函数里面每一层的this都有不同的指向,所以我们每次都需要保存一次this,如下面的绑定1,但是用了es6的=>后就可以满足这类问题。同样的问题在vue项目和小程序项目中都是很重要的。下面需求:点击div2秒后颜色变成粉色 let ad=document.getElementById('ad');//绑定1ad,addEventListener("click",function(){ //定时器 //保存this的值,不然this指向会原创 2021-08-06 16:41:52 · 245 阅读 · 0 评论 -
js this指向问题详解
以函数形式调用时,this 永远都是 windowfunction aa(){ console.log(this)}aa();// 指向全局对象window以方法的形式调用时,如person.getname,this 是调用方法的对象,即对象本身对于vue,里面的this默认指向vue的实例const vm =new Vue({ el:"#root", data:{}, methods:{ showInfo(event){原创 2021-08-18 11:20:09 · 129 阅读 · 0 评论 -
vue与数据代理
数据代理就是通过一个对象代理对另外一个对象中属性的操作意思就是在另外一个对象里通过代理的方式来操作另外一个对象的值如图在obj2里面添加了队obj的x的读写方法 let obj={x:100} let obj2={y:100} Object.defineProperty(obj2,'x',{ get(){ return obj.x }, set(value){ obj.x=原创 2021-08-18 10:58:29 · 72 阅读 · 0 评论 -
Object.defineproperty方法与用处
给输入的内容进行修改对于对象而言,若是想插入一个值a,当值a改变的时候,对象里面的值a也改变,那必须要用到这个方法如下所示,插入到person后,急事修改number的值,调用person里面的age也不会改变let nunber=18; let person={ name:'这是', sex:'男', // age:Number }我们通过这个方法将num插入到person里面增添的不是num,而是对于外部num的读写方法get原创 2021-08-18 10:52:06 · 187 阅读 · 0 评论 -
js async和await的使用
async函数无论返回什么东西(数组,空),都会返回一个Promise类型的对象,使用方法很简单,在函数前面加上async即可promise是异步编程的新解决方案,语法上promise是一个构造函数,用来封装异步操作并可以获得其成功和失败的结果async function fn() { //若是返回一个Promise对象,就返回一个Promise对象。 return new Promise((resolve,reject)=>{原创 2021-08-14 17:29:31 · 483 阅读 · 0 评论 -
js判断数组里面有没有一个元素
//判断数组里面有没有const mingzu =['西游记','红楼梦','三国演义','水浒传'];console.log(mingzu.includes('西游记')); //true//判断console.log(mingzu.includes('金瓶梅'));console.log(2**10);//2的10次方原创 2021-08-14 17:19:34 · 312 阅读 · 0 评论 -
es6模块化,js与打包
模块化好处 防止命名冲突 代码复用 高维护性,这也是前端开发的新特性三种暴露的方法第一种,分别暴露export let school='分别暴露';export function teach(){ console.log("好好学习es6");}第二种,统一暴露 let school='统一暴露'; function teach(){ console.log("好好学习es6");}export {school,teach}默认暴露,这是最为常见的一种方式expo原创 2021-08-14 17:17:38 · 355 阅读 · 0 评论 -
js设置判断数字有限数 NaN 整数 正负
判断是否为有限数判断是否为NaN字符串转整数抹掉小数判断是否为整数判断是正负对象的合并 //判断是否为有限数 console.log(Number.isFinite(100)); //判断是否为NaN console.log(Number.isNaN(123)); //字符串转整数 console.log(Number.parseInt('123432shidsjc')); console.log(Number.parseFloat('1234.原创 2021-08-12 17:14:39 · 134 阅读 · 0 评论 -
js 比较两个数的大小 对象比较
判断两个值,对象是否相等?我们可以运用另外的一些写法 //EPSILON是js的最小精度,若是两个数的差小于这个值,代表着相等 function equal(a,b) { if(Math.abs(a-b)<Number.EPSILON){//两数的差的绝对值是否小于这个数 return true; } else{ return false; } } console原创 2021-08-12 17:11:50 · 915 阅读 · 0 评论 -
es6 var和let区别
用了let变量不能重复声明,var可以重复声明同样let作为块级作用域 全局,函数,eval出来以后就识别不了了{ let girl="董小姐"; //用了let出了{}就识别不到了 //同样if,while这些出了以后也识别不到 //之前没有申明元素之前,调用会显示undifine //es6规范,要是声明之前用,会提示报错 }...原创 2021-08-12 17:09:15 · 62 阅读 · 0 评论 -
es6规范的class使用方法
对于科班出身的程序员来说,class是啥玩意就不必哆嗦了,直接讲吧在之前规范的写法是这样子的//es5的常规用法 //手机 function phone(brand,price){ this.brand=brand; this.price=price; } //添加方法 //prototype是函数对象上面预设的对象属性 phone.prototype.call=function(){ console.lo原创 2021-08-12 16:43:23 · 326 阅读 · 0 评论 -
set实践与map实践 es6的设定 js
set是一组key的集合,但不存储value。由于key不能重复,所以,在Set中,没有重复的key。 let arr=[1,2,3,4,4,5,3,1]; //数组去重 let result=[...new Set(arr)];//将其变成set来去重 //交集 let arr2=[4,3,3,7,8,1]; // filter是数组过滤方法 result=[... new Set(arr)].filter(item=>{ let原创 2021-08-12 16:32:24 · 51 阅读 · 0 评论 -
promise链式操作
promise用来封装异步操作并可以获得其成功和失败的结果,我们首先看看正常的Promise是怎么样的//实例化对象 const p=new Promise(function (resolve,reject) { let data='数据库中的用户数据'; //原生ajax请求,没有接口就先不用这个了,但是我们可以这么李姐 // var xhr = new XMLHttpRequest(); // xh原创 2021-08-11 22:55:13 · 466 阅读 · 0 评论 -
es6生成器函数与异步操作 js
大家要是不知道es6生成器可以看看我的上一篇博客现在有个场景,假设需要异步操作,1s后输出111,2s后输出222,3s后输出333,你会怎么做?setTimeout?这个很不错,但是要是很多嵌套的话会导致一些麻烦事情,修改也不好修改,我们称之为回调地狱setTimeout(() => { console.log("回调地狱,太麻烦了"); setTimeout(() => { console.log("很多回调函数镶嵌的话就会像地狱原创 2021-08-11 21:32:52 · 120 阅读 · 0 评论 -
ES6生成器js详解(1)
生成器其实就是特殊函数,纯回调函数,可以进行异步编程,比如ajax,mongodb注意,一定要带*才是这种哦 function * gen(){ console.log("吴亦凡很大"); } let iterator=gen(); console.log(iterator);//返回一个迭代器方法 iterator.next();//输出吴亦凡我们在尝试一下怎么迭代里面的数据//由于他是一个迭代器的过程,所以他可以控制代吗运行 function原创 2021-08-11 19:03:52 · 51 阅读 · 0 评论 -
迭代器iterator,用来遍历 js
迭代器iterator,用来遍历数组(废话)原理 创建一个指针指向第一个,然后不停的指向下一个那究竟怎么用呢const xiyou=['跳转','孙悟空','猪八戒','深圳']; //使用for of遍历 for (let v of xiyou){ console.log(v); //返回的是键值 跳转,孙悟空,猪八戒,深圳 } for (let v in xiyou){ console.log(v);原创 2021-08-11 18:58:00 · 201 阅读 · 0 评论 -
ES6类型Symbol,js学习
这个是为了ES6规范化的一个很有用的东西,客套话就是:新的原始元素类型这个是为了用来解决命名冲突问题。多人协作的时候防止命名冲突而发明的他是怎么创建的?//创建let s=Symbol();let s2=Symbol('我我我');let s3=Symbol('我我我');console.log(s2===s3);//不相等console.log(s,typeof s);看上去不错,好像能解决一点命名规范问题,我们再来看看发生怎么使用比方说我们接收了一个js,我们要在game函数里面原创 2021-08-11 18:53:59 · 83 阅读 · 0 评论 -
js中ES6规范的扩展预算符
js中ES6规范的扩展预算符首先说明一下这个是啥将一个数组转换为用逗号隔开的参数序列,开发中主要用于数组合并和函数调用,是ES6 新增的语法。废话不多说,我们来尝试一下//扩展运算符 '...' 可以将数组转化为逗号分隔的参数序列 const tfboys=['易烊千玺','王源','王俊凯']; //声明函数 function chunwan(){ console.log(arguments); //arguments就是接收传进来的参数的意原创 2021-08-11 18:38:18 · 133 阅读 · 0 评论 -
es6中rest参数怎么使用
**es6引入rest参数,用于获取函数的实参,用来代替argument以往的写法(小学生写法)//老方法,返回的是对象 // function date(){ // console.log(arguments); // } // date('as','爱的','方式');全新的es6写法//es6,返回的是你传入的数据,//一般传一个数组,可以使用数组函数来对其进行使用 function date(a,...args){ console.原创 2021-08-11 18:31:44 · 189 阅读 · 0 评论