09 2018 档案

JavaScript 特效之四大家族（offset/scroll/client/event）
摘要：三大系列：offset、scroll、client 事件对象：event（事件被触动时，鼠标和键盘的状态）（通过属性控制） 三大系列都是以DOM元素节点的属性形式存在的。 类比访问关系，也是以属性形式存在。 不同点在于，访问关系是为了获取其他节点，而三大系列是为了获取元素节点更多的信息。 1. of 阅读全文
posted @ 2018-09-30 10:46 放晴的天空 阅读(498) 评论(0) 推荐(0)
CSS3 三次贝塞尔曲线(cubic-bezier)
摘要：例子：transition:all 1s cubic-bezier(.21,.2,.65,.1) 最近在看animation模块，其中animation-timing-function 和 transition-timing-function两个属性来控制动画速度分别提供了ease，liner，ea 阅读全文
posted @ 2018-09-29 11:17 放晴的天空 阅读(9024) 评论(0) 推荐(0)
require和import区别
摘要：遵循的模块化规范不一样 模块化规范：即为 JavaScript 提供一种模块编写、模块依赖和模块运行的方案。谁让最初的 JavaScript 是那么的裸奔呢——全局变量就是它的模块化规范。 require/exports 出生在野生规范当中，什么叫做野生规范？即这些规范是 JavaScript 社区 阅读全文
posted @ 2018-09-29 10:55 放晴的天空 阅读(1999) 评论(0) 推荐(1)
vue 监听路由变化
摘要：方法一：通过 watch 或 或 方法二：：key是用来阻止“复用”的。 Vue 为你提供了一种方式来声明“这两个元素是完全独立的——不要复用它们”。只需添加一个具有唯一值的 key 属性即可(Vue文档原话) 使用computed属性和Date()可以保证每一次的key都是不同的，这样就可以如愿刷 阅读全文
posted @ 2018-09-29 10:46 放晴的天空 阅读(3635) 评论(0) 推荐(0)
ES6-解构赋值
摘要：从ES6开始，JavaScript引入了解构赋值，可以同时对一组变量进行赋值。 把一个数组的元素分别赋值给几个变量： 在ES6中，可以使用解构赋值，直接对多个变量同时赋值： 注意，对数组元素进行解构赋值时，多个变量要用[...]括起来。 如果数组本身还有嵌套，也可以通过下面的形式进行解构赋值，注意嵌 阅读全文
posted @ 2018-09-28 09:59 放晴的天空 阅读(423) 评论(0) 推荐(0)
微信小程序中遮罩层的滚动穿透问题
摘要：如果弹出层没有滚动事件: 如果弹出层有滚动事件，那么在弹出层出现的时候给底部的containerView加上一个class 消失的时候移除。 阅读全文
posted @ 2018-09-27 18:07 放晴的天空 阅读(2225) 评论(0) 推荐(0)
JavaScirpt对象原生方法
摘要：Object.assign() Object.assign()方法用于合并对象，只会合并可枚举的属性 如果合并的对象 都有某一个相同的属性名，则后面的覆盖掉前面的对象。 Object.create() Object.create() 方法使指定的原型对象和属性去创建一个新对象 Object.defi 阅读全文
posted @ 2018-09-26 14:32 放晴的天空 阅读(1159) 评论(0) 推荐(0)
JavaScript-window
摘要：window.closed window.closed 检测页面是否被关闭，关闭为true 未关闭为false window.console window.console返回一个console对象的引用，console对象提供了向浏览器控制台打印日志的功能，并不展示给用户 window.device 阅读全文
posted @ 2018-09-26 14:20 放晴的天空 阅读(500) 评论(0) 推荐(0)
JavaScript字符串API
摘要：String.prototype.anchor() anchor()方法用于创建一个<a>html描元素 String.prototype.bold() bold()方法用于创建<b>html元素 String.prototype.charAt() charAt()方法用于返回字符串指定位置的字符 阅读全文
posted @ 2018-09-26 12:46 放晴的天空 阅读(4034) 评论(0) 推荐(0)
JavaScript常用数组操作方法，包含ES6方法
摘要：一、concat() concat() 方法用于连接两个或多个数组。该方法不会改变现有的数组，仅会返回被连接数组的一个副本。 二、join() join() 方法用于把数组中的所有元素放入一个字符串。元素是通过指定的分隔符进行分隔的，默认使用','号分割，不改变原数组。 三、push() push( 阅读全文
posted @ 2018-09-26 12:30 放晴的天空 阅读(24413) 评论(0) 推荐(3)
ES6之箭头函数
摘要：ES6标准新增了一种新的函数：Arrow Function（箭头函数）。 为什么叫Arrow Function？因为它的定义用的就是一个箭头： 上面的箭头函数相当于： 箭头函数相当于匿名函数，并且简化了函数定义。箭头函数有两种格式，一种像上面的，只包含一个表达式，连{ ... }和return都省略 阅读全文
posted @ 2018-09-26 11:16 放晴的天空 阅读(212) 评论(0) 推荐(0)
js中的iterable用法
摘要：iterable字面意思：可迭代的，可重复的 、 遍历Array可以采用下标循环，遍历Map和Set就无法使用下标。为了统一集合类型，ES6标准引入了新的iterable类型，Array、Map和Set都属于iterable类型。 具有iterable类型的集合可以通过新的for ... of循环来 阅读全文
posted @ 2018-09-26 11:01 放晴的天空 阅读(2475) 评论(0) 推荐(0)
CSS实现单行、多行文本溢出显示省略号（…）
摘要：如果实现单行文本的溢出显示省略号应该都知道用text-overflow:ellipsis属性来，当然还需要加宽度width属来兼容部分浏览。实现方法： 但是这个属性只支持单行文本的溢出显示省略号，如果我们要实现多行文本溢出显示省略号呢。实现方法： 阅读全文
posted @ 2018-09-26 10:41 放晴的天空 阅读(219) 评论(0) 推荐(0)
js扩展运算符（spread）三个点（...）
摘要：常见用法： 1、该运算符主要用于函数调用。 2、扩展运算符取代apply方法的一个实际的例子，应用Math.max方法，简化求出一个数组最大元素的写法。 // 等同于 3、通过push函数，将一个数组添加到另一个数组的尾部 4、合并数组 扩展运算符将字符串转为真正的数组 阅读全文
posted @ 2018-09-26 10:37 放晴的天空 阅读(3259) 评论(0) 推荐(0)
reduce方法简单实现数组中对象去重
摘要：js数组的reduce方法，接收一个函数（必须）和指定的初始值（非必须）作为参数，函数有三个参数，分别为初始值，当前项，当前数组，进行累加或者累积操作，初始值为每次累加或者累计后的结果 注意：在ie9一下的浏览器中，并不支持该方法 ！ 语法：arr.reduce(fn(pre,cur,arr){}, 阅读全文
posted @ 2018-09-26 10:17 放晴的天空 阅读(1585) 评论(1) 推荐(0)
ES6之set和map
摘要：JavaScript的默认对象表示方式{}可以视为其他语言中的Map或Dictionary的数据结构，即一组键值对。 但是JavaScript的对象有个小问题，就是键必须是字符串。但实际上Number或者其他数据类型作为键也是非常合理的。 为了解决这个问题，最新的ES6规范引入了新的数据类型Map。 阅读全文
posted @ 2018-09-26 10:13 放晴的天空 阅读(270) 评论(0) 推荐(0)