fromjs

前端笔记之React(六)ES6的Set和Map&immutable和Ramda和lodash&redux-thunk

旧城冷巷雨未停 提交于 2020-05-08 05:57:13
一、 ES6 的 Set 、 Map 数据结构 Map 、 Set 都是 ES6 新的数据结构,都是新的内置构造函数,也就是说 typeof 的结果,多了两个: Set 是不能重复的数组 Map 是可以任何东西当做键的对象 ES6 提供了新的数据结构 Set 。它类似于数组,但是成员的值都是唯一的,没有重复的值。 let s = new Set(); s.add( 1 ); s.add( 2 ); s.add( 3 ); s.add( 3 ); s.add( 3 ); s.add( 4 ); s.add( 5 ); console.log(s) 示例代码 集合中添加数据用add() 方法,会自动过滤已经有的元素。 最快的数组去重方法: let s = new Set([1,2,3,3,3,4,5 ]); console.log([...s]) let s = new Set([1,2,3,4,5 ]); console.log(s.size) console.log(s.has( 5 )) console.log(s. delete (5 )) console.log(s) 示例代码 集合的关注点是在元素里面,而不关注顺序,所以不提供s[0] 来枚举某项 API ,但是可以转为数组 [...s] JavaScript 的对象( Object ),本质上是键值对的集合( Hash

前端 自定义确认提示框(二)

血红的双手。 提交于 2020-05-07 13:19:27
上一篇有自定义提示框, 前端 自定义弹出框-提示框(一) ,这篇推荐一个确认框的实现。 JS默认确认框 确认框 var result=confirm('确认删除XX文件?');result为bool类型 回复确认框 var result=prompt('请输入文件标题:');result返回输入的值 自定义确认框 下文提供一个自定义提示框的案例,通过另一种方案(样式设置)来实现: 1 <div class="confirmWindow" id="confirmwindow"> 2 <div class="body"> 3 <div class="content">确认要删除XX文件么?</div> 4 <div class="btns"> 5 <a href="javascript:void(0);" class="btn-cancel" id="btn_cancel" onClick="cancelOnClick()">取消</a> 6 <a href="javascript:void(0);" class="btn-confirm" id="btn_ok" onClick="okOnClick()">确认</a> 7 </div> 8 </div> 9 </div> 通过js设置元素的display属性,来控制提示框的显示隐藏 document.getElementById(