es6
yunchong_zhao
这人比较懒,不喜欢写简介
展开
-
js原生设置cookie和获取cookie 不需要引入什么插件
经常用本地缓存 可能cookie用的少了就不会用了,其实不然,有的时候还是要用到cookie的。这玩意很简单,不需要引入什么插件 自己编写两个方法即可。直接拿去使用不用谢 关注我 持续更新前端知识。原创 2023-03-16 09:52:02 · 115 阅读 · 0 评论 -
js中使用generator函数 实现斐波那契数列
斐波那契数列,是什么我就不细说了直接上 代码在以往我们实现的话就是先用之前的写法 不用gennerator函数的话function fab(n) { var a = 1; var b = 1; var arr = [1, 1]; for(var i = 2; i < n; i++) { [a, b] = [b, a + b]; arr.push(b); } return arr;}要是...原创 2021-04-02 12:58:34 · 488 阅读 · 0 评论 -
js中async 函数的错误处理
async 函数用一句话说明就是 generator生成器的 语法糖,之前的前端老程序员 应该用generator 比较多async 作为es8的东西 渐渐替换掉了 生成器,js发展还是越来越好了重回正题 在async函数中 如果某一项await后面的 函数(一般是返回promise对象出错的话) 后面的程序也同样不会执行了先来看一个例子吧function f1() { return new Promise((resolve, reject) => { ...原创 2021-04-02 10:42:31 · 2304 阅读 · 0 评论 -
js中的Reflect入门讲解
这个玩意 和 那个 Proxy 对象一样, 是es6为了操作对象而提供的Api, 个人理解吧,应该是为了防止你直接操作对象(object, 函数),做出的一个代替方案;比如之前使用的 Obejct.defineProperty(),Object.getOwnProperty(), Object.setPrototype(); 等等 这些 语言层面的 api 的替代品吧特别是那个defineProperty 不是用在vue中的双向数据绑定使用的吗,用过vue的童鞋肯定知道了,我已经很久没用过了,也不.原创 2021-03-31 16:25:23 · 3225 阅读 · 0 评论 -
es6新标准:Map和Set数据结构
不了解es6的时候,有人问我,你知道Map数据结构吗?我毫不犹豫就说出了来了,数组的那个map方法是把,es6新增的,防止在原数据上进行修改,返回一个新的数组,相当于算是一种映射吧。说完之后,还是挺开心的。但是就没有然后了。人家啥也没说。现在看来是为了防止尴尬哈。好了步入正题了,今天来谈谈es6新增的两个数据结构,在学习新东西之前,从内心上还是不要把它当做新东西来说,任何一个新东西绝不会是凭空产生的,都是有依据的。我们先来说说Set数据结构, 这样说 你学习他的时候 就把他当做 你学过的数组一样,只是这个原创 2020-05-17 14:00:37 · 476 阅读 · 0 评论 -
es6新标准:关于对象的扩展
es6中关于对象的扩展,在工作中是非常常用的,提供了很多的便利性。下面就进行一一的讲解说明。1.对象的简洁表示法以前我们要给对象的一个属性赋值成一个变量的时候let name="zhangsan";var obj={ name:name}// 这种写法 用惯了es6之后就看着很别扭了es6提供了简写的方式// 当变量和属性值重名的时候,可以只用写一个哦var obj={ name}上面的写法还经常用到封装的一个函数 返回的接口中function common(){ func原创 2020-05-08 21:05:26 · 311 阅读 · 0 评论 -
es6新标准:数组的扩展内容
在讲解数组之前不得不提一提 es6新增的扩展运算符。和之前的rest剩余运算符有点类似 不过它是反过来的如果这里我说下,数组的拼接的怎么做,可能会有童鞋立刻说出来了var arr=[1,2,3,4];var arr2=[5,6,7];var arr=arr.concat(arr2);console.log(arr)如果用扩展运算符做的话var arr=[1,2,3,4];var...原创 2020-05-06 21:35:23 · 278 阅读 · 0 评论 -
es6新标准:字符串的扩展
传统的js中对字符串的操作方法相对来说还是很少的,特别是把html的字符串追加到页面的上的时候。// 有时候单行也可以 ,但是会碰见换行的情况就更复杂了var str="<li>"+name+"<li>";$('body').append(str);同时字符串的操作 api 我比较 replace match indexOf;等等 也是少之又少。es6给我们新增...原创 2020-05-04 09:48:58 · 237 阅读 · 2 评论 -
es6新标准:变量结构讲解
在es6中有一种新的变量赋值的方式,允许按照一定的模式从数组和对象中提取值,然后进行变量的赋值,这被称为结构。1.在以前的时候我们的赋值方法是下面的这种// 依次赋值let a=1;let b=2;let c=3;// 要不就是var a=1,b=2,c=3;// es6的变量结构的写法let [a,b,c]=[1,2,3]; // 模式匹配机制console.log(a,b...原创 2020-05-03 09:06:54 · 300 阅读 · 0 评论 -
es6新标准:let和const入门级别详讲解
首先祝大家五一节日快乐哈,在玩耍的同时也不能忘了学习。今天就来小谈一下es6中的新增的let和const关键,这个当然还是属于老生常谈的东西了,但是东西总是问故而知新,并且每一个人可能对同一个知识点有不同的见解,然后就是我们从每个不同的见解中,去总结属于自己的只是体系。这个才是最重要的。好了闲话也不多说了,我们慢慢进入主题哈,e6应该是作为下一代javascript的标准,而且慢慢也成为了...原创 2020-05-02 21:18:49 · 503 阅读 · 0 评论 -
使用es6的proxy来模拟下vue的数据双向绑定
vue2.*使用的是object.definedProperty()数据劫持 加 观察者模式实现的。随着vue3.0离我们越来越近的,前不久又看了尤大神的直播,对vue3.0的重写,感觉要加大学习成本了哈。es6也出来四五年了,看完vue3.0感觉自己本来就很菜了,哎此处略去很多字。还是好好学习,增强自己的知识面才是王道。之前用以前的老方法 实现过 双向绑定 现在使用proxy来简单模拟下...原创 2020-04-28 10:45:01 · 349 阅读 · 0 评论 -
vue中为什么不建议你使用数组下标作为 key值呢
首先我们要明白vue中为什么要有这个key值呢!这个key值能帮我们追踪dom树中的变化,让我们更新只发生变化的dom树,而不是只要有一个数据发生变化,我们就更新整个dom树.这个也算是Vdom的一大特点所在吧1.像下面的这个数组数据遍历到数我们要遍历到页面上来展示,var vm=new Vue({ el:"#app", data:{ list:[ {id:1,name:'zh...原创 2020-04-23 12:10:09 · 3762 阅读 · 2 评论 -
建议收藏!async ,await相关知识总结,适用于js基础不错的童鞋
早在很久之前就知道async和awiat的大名了,但我却一直对这个东西也算是不温不火吧;最近在搞koa的时候 大量出现的 async和await把我搞得有点烦了;我就单独抽出来 半天时间 好好来解决下整个async和await可能有的童鞋知道 他是基于es6的promise基础上进行扩展了;在讲解之前我们就来谈谈 promise的由来的历史吧; 虽然有点废话了 但助你理解async的还是有...原创 2020-04-22 12:17:42 · 656 阅读 · 1 评论