古墩古墩

2019年4月10日

对象字面量属性的简洁表示法 ES6允许对象的属性直接写变量，这时候属性名是变量名，属性值是变量值。 const age = 12; const name = "Amy"; const person = {age, name}; console.log(person); //{age: 12, na Read More

posted @ 2019-04-10 19:12 古墩古墩 Views(111) Comments(0) Diggs(0)

ES6 数值

数值的表示二进制表示法新写法: 前缀 0b 或 0B 。八进制表示法新写法: 前缀 0o 或 0O 。常量 Number.EPSILON 属性表示 1 与大于 1 的最小浮点数之间的差。它的值接近于 2.2204460492503130808472633361816E-16，或者 2-52。 Read More

posted @ 2019-04-10 17:18 古墩古墩 Views(300) Comments(0) Diggs(0)

ES6 字符串

拓展的方法子串的识别 ES6 之前判断字符串是否包含子串，用 indexOf 方法，ES6 新增了子串的识别方法。 includes()：返回布尔值，判断是否找到参数字符串。 startsWith()：返回布尔值，判断参数字符串是否在原字符串的头部。 endsWith()：返回布尔值，判断参数字符 Read More

posted @ 2019-04-10 15:54 古墩古墩 Views(226) Comments(0) Diggs(0)

ES6 Reflect 与 Proxy

概述 Proxy 与 Reflect 是 ES6 为了操作对象引入的 API 。 Proxy 可以对目标对象的读取、函数调用等操作进行拦截，然后进行操作处理。它不直接操作对象，而是像代理模式，通过对象的代理对象进行操作，在进行这些操作时，可以添加一些需要的额外操作。 Reflect 可以用于获取目标 Read More

posted @ 2019-04-10 13:46 古墩古墩 Views(313) Comments(0) Diggs(0)

2019年4月9日

ES6 Map 与 Set

Map 对象 Map 对象保存键值对。任何值(对象或者原始值) 都可以作为一个键或一个值。 Maps 和 Objects 的区别一个 Object 的键只能是字符串或者 Symbols，但一个 Map 的键可以是任意值。 Map 中的键值是有序的（FIFO 原则），而添加到对象中的键则不是。 Ma Read More

posted @ 2019-04-09 22:38 古墩古墩 Views(149) Comments(0) Diggs(0)

es6 Symbol

概述 ES6 引入了一种新的原始数据类型 Symbol ，表示独一无二的值，最大的用法是用来定义对象的唯一属性名。 ES6 数据类型除了 Number 、 String 、 Boolean 、 Objec t、 null 和 undefined ，还新增了 Symbol 。基本用法 Symbol Read More

posted @ 2019-04-09 21:31 古墩古墩 Views(149) Comments(0) Diggs(0)

2019年4月5日

新兴的API(fileReader、geolocation、web计时、web worker)

requestAnimationFrame（）每次浏览器重绘之前会调用这个方法！！！它接收一个参数，就是回调函数；它可以保证在最佳的间隔时间调用传入的回调函数，以达到让屏幕产生最流畅的动画效果。每次调用这个api它只会调用一次回调函数，并且给回调函数传入间隔的时间(毫秒)。很适合用js做动画。 Read More

posted @ 2019-04-05 22:28 古墩古墩 Views(338) Comments(0) Diggs(0)

浏览器数据库 IndexedDB 入门教程

一、概述随着浏览器的功能不断增强，越来越多的网站开始考虑，将大量数据储存在客户端，这样可以减少从服务器获取数据，直接从本地获取数据。现有的浏览器数据储存方案，都不适合储存大量数据：Cookie 的大小不超过4KB，且每次请求都会发送回服务器；LocalStorage 在 2.5MB 到 10MB Read More

posted @ 2019-04-05 00:27 古墩古墩 Views(334) Comments(0) Diggs(0)

2019年4月1日

离线应用与客户端存储（cookie storage indexedDB）

离线检测 HTML5定义一个属性：navigator.onLine的属性。这个属性值为true，表示设备在线，值为false，表示设备离线。为了更好的确定网络是否可用，HTML5还定义了两个事件。这两个事件是在window对象上触发：online和offline。代码如下：应用缓存： HTML5的 Read More

posted @ 2019-04-01 22:13 古墩古墩 Views(228) Comments(0) Diggs(0)

2019年3月31日

javascript高级技巧篇（作用域安全、防篡改、惰性载入、节流、自定义事件，拖放）

安全的类型检测在任何值上调用Object原生的toString（）方法，都会返回一个[object NativeConstructorName]格式字符串。每个类在内部都有一个[[Class]]属性，这个属性中就指定了各个类型的构造函数名。使用这种方法判断值属于什么类型最可靠；比如：判断是不是 Read More

posted @ 2019-03-31 21:53 古墩古墩 Views(200) Comments(0) Diggs(0)

公告