随笔分类 -  ES6 7 8 9

js async await 终极异步解决方案
摘要:阅读目录 回顾 Promise async await 字面理解 async、await 如何执行 await 操作符 总结 既然有了promise 为什么还要有async await ? 当然是promise 也不是完美的异步解决方案,而 async await 的写法看起来更加简单且容易理解。 阅读全文

posted @ 2020-01-16 09:58 漫思 阅读(1100) 评论(0) 推荐(0) 编辑

ES6基础之——get 与 set
摘要:在类里面可以去定义一些getter和setter,getter可以得到一些东西的方法,setter可以设置东西 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 class Chef{ constructor(food 阅读全文

posted @ 2019-12-30 16:34 漫思 阅读(766) 评论(0) 推荐(0) 编辑

ES6学习--对象属性的遍历
摘要:ES6一共有5种方法可以遍历对象的属性。 (1)for...in for...in循环遍历对象自身的和继承的可枚举属性(不含Symbol属性)。 (2)Object.keys(obj) Object.keys返回一个数组,包括对象自身的(不含继承的)所有可枚举属性(不含Symbol属性)。 (3)O 阅读全文

posted @ 2019-12-30 11:27 漫思 阅读(1401) 评论(0) 推荐(0) 编辑

js 获取当前日期和时间
摘要://显示日期在页面上 yyy-MM-dd function init(){ var date=new Date(); //年 var year=date.getFullYear(); //月 var month=date.getMonth()+1; //日 var day=date.getDate( 阅读全文

posted @ 2019-12-17 21:53 漫思 阅读(3270) 评论(0) 推荐(0) 编辑

cookies、sessionStorage和localStorage解释及区别
摘要:在浏览器查看 HTML4的本地存储 cookie 浏览器的缓存机制提供了可以将用户数据存储在客户端上的方式,可以利用cookie,session等跟服务端进行数据交互。 一、cookie和session cookie和session都是用来跟踪浏览器用户身份的会话方式。 区别: 1、保持状态:coo 阅读全文

posted @ 2019-12-16 17:45 漫思 阅读(345) 评论(0) 推荐(0) 编辑

js-ES6学习笔记-Set和Map数据结构
摘要:1、ES6 提供了新的数据结构 Set。它类似于数组,但是成员的值都是唯一的,没有重复的值。 Set 本身是一个构造函数,用来生成 Set 数据结构。 2、Set 函数可以接受一个数组(或类似数组的对象)作为参数,用来初始化。 3、Set.prototype.size:返回Set实例的成员总数。 四 阅读全文

posted @ 2019-12-13 13:56 漫思 阅读(645) 评论(0) 推荐(0) 编辑

js-ES6学习笔记-Reflect
摘要:1、Reflect对象与Proxy对象一样,也是 ES6 为了操作对象而提供的新 API。Reflect对象的设计目的有这样几个。 将Object对象的一些明显属于语言内部的方法(比如Object.defineProperty),放到Reflect对象上。 修改某些Object方法的返回结果,让其变 阅读全文

posted @ 2019-12-13 13:53 漫思 阅读(263) 评论(0) 推荐(0) 编辑

JS Proxy(代理)
摘要:前言 Proxy 也就是代理,可以帮助我们完成很多事情,例如对数据的处理,对构造函数的处理,对数据的验证,说白了,就是在我们访问对象前添加了一层拦截,可以过滤很多操作,而这些过滤,由你来定义。 想了解更多请参考 官方文档 语法 let p = new Proxy(target, handler); 阅读全文

posted @ 2019-12-13 13:51 漫思 阅读(4101) 评论(1) 推荐(1) 编辑

JavaScript Array filter() 方法
摘要:JavaScript Array filter() 方法 var ages = [32, 33, 16, 40]; function checkAdult(age,index,array) { return age >= 18; } function myFunction() { document. 阅读全文

posted @ 2019-12-13 13:50 漫思 阅读(185) 评论(0) 推荐(0) 编辑

Object.assign方法的使用入门
摘要:最在做项目过程中,大量的使用了Object.assign方法,发现这个还是挺好使用的,现在总结下Object.assign的基本使用。 一、基本语法 Object.assign(target, ...sources) 二、基本概念 Object.assign方法用来将源对象(source)的所有可枚 阅读全文

posted @ 2019-12-13 09:34 漫思 阅读(847) 评论(0) 推荐(0) 编辑

使用ES6新特性async await进行异步处理
摘要:我们往往在项目中会遇到这样的业务需求,就是首先先进行一个ajax请求,然后再进行下一个ajax请求,而下一个请求需要使用上一个请求得到的数据,请求少了还好说,如果多了,就要一层一层的嵌套,就好像有点callback的写法了,那是相当恶心的,下面我就来讲一下如何使用ES6的新特性async await 阅读全文

posted @ 2019-12-13 09:24 漫思 阅读(1521) 评论(0) 推荐(0) 编辑

【ES6学习笔记之】Object.assign()高级编程
摘要:基本用法 Object.assign方法用于对象的合并,将源对象(source)的所有可枚举属性,复制到目标对象(target)。 const target = { a: 1 }; const source1 = { b: 2 }; const source2 = { c: 3 }; Object. 阅读全文

posted @ 2019-12-10 13:35 漫思 阅读(558) 评论(0) 推荐(0) 编辑

在线表单设计器现在已经开源
摘要:在线表单设计器现在已经开源 https://github.com/jidanji/formbulder/tree/1.0.0.1 使用jquery做的表单设计器现在已经开源。目前在已经在github上把代码上传。 功能介绍 1、支持左侧可以自定义控件,代码片段化。 2、支持拖放形成表单。 3、支持数 阅读全文

posted @ 2019-12-07 14:14 漫思 阅读(9571) 评论(2) 推荐(1) 编辑

export和export default
摘要:var getFlatData=1, jdTree2AntdTree=2,appendNewId=3 export { getFlatData, jdTree2AntdTree,appendNewId } var getFlatData=1 export default getFlatData im 阅读全文

posted @ 2019-12-07 11:41 漫思 阅读(213) 评论(0) 推荐(0) 编辑

es6模板字符串使用使${} 来包裹一个变量或者一个表达式
摘要:es6模板字符串使用使${} 来包裹一个变量或者一个表达式 2019-04-28 14:33:54 Gabriel_wei 阅读数 1774 收藏 更多 分类专栏: 前端 版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。 本文链接:https: 阅读全文

posted @ 2019-12-06 15:16 漫思 阅读(2115) 评论(0) 推荐(0) 编辑

深入理解ES6之解构
摘要:变量赋值的痛 对象 let o = {a:23,b:34}; let a = o.a; let b = o.b; 如上文代码,我们经常会遇到在各种场合需要获取对象中的值的场景,舒服一点的是获取单个属性,很多时候,要获取的是接口中的各个对象,在ES5中,我们不得不如上文一样,将同一行代码复制多遍 数组 阅读全文

posted @ 2019-11-29 10:51 漫思 阅读(492) 评论(0) 推荐(0) 编辑

umi+dva+antd新建项目(亲测可用)
摘要:首先全局安装dva+umi umi:npm install -g umi dva:npm install -g dva-cli 判断umi是否可以用。 umi -v 通过脚手架创建项目 一: mkdir myapp && cd myapp 二: npm create umi 三: ? Select 阅读全文

posted @ 2019-11-26 14:51 漫思 阅读(2546) 评论(0) 推荐(1) 编辑

TypeScript vs. C#: LINQ
摘要:TypeScript vs. C#: LINQ TypeScript 没有等效于 LINQ 的语言集成自然查询方面?不能在 TypeScript 中写入以下 LINQ 语句 1 var adultUserNames = from u in users where u.Age >= 18 select 阅读全文

posted @ 2019-11-10 22:40 漫思 阅读(958) 评论(0) 推荐(0) 编辑

es6 filter() 数组过滤方法总结
摘要:1.创建一个数组,判断数组中是否存在某个值 var newarr = [ { num: 1, val: 'ceshi', flag: 'aa' }, { num: 2, val: 'ceshi2', flag: 'aa2' } ] console.log(newarr.filter((item,in 阅读全文

posted @ 2019-11-05 23:26 漫思 阅读(5861) 评论(0) 推荐(0) 编辑

ES6 之reduce的高级技巧
摘要:reduce() 方法接收一个函数作为累加器,数组中的每个值(从左到右)开始缩减,最终计算为一个值。reduce() 方法接受四个参数:初始值(或者上一次回调函数的返回值),当前元素值,当前索引,调用 reduce() 的数组。 reduce() 的几个强大用法: 数组求和 var total = 阅读全文

posted @ 2019-11-05 23:22 漫思 阅读(351) 评论(0) 推荐(0) 编辑

导航

< 2025年2月 >
26 27 28 29 30 31 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 1
2 3 4 5 6 7 8
点击右上角即可分享
微信分享提示