05 2017 档案
摘要:proxy在语言层面去操作一个对象 现在要做到user.fullName就让它去显示。 proxy接收2个参数,第一个是对象{},第二个也是个{}。 此时没有对传入get方法中的prop做判断。所以哪怕输入一个user.age也会输出:Bob Wood 所以做一个判断,如果prop是full_nam
阅读全文
摘要:es6在string number boolean null undefined object之外又新增了一种Symbol类型。 Symbol意思是符号,有一个特性—每次创建一个Symbol值都是不一样的。 symbol是程序创建并且可以用作属性键的值,并且它能避免命名冲突的风险。 用处:赋值对象的
阅读全文
摘要:模板字符串 提供构造字符串的语法糖,在 Prel/python 等语言中也都有类似特性。 1、反引号模板,可以换行 2、反引号模板,可以嵌套 用+``来嵌套 好处:语法更加简洁 其它例子 // Basic literal string creation `This is a pretty littl
阅读全文
摘要:es6新增了4个字符串处理的方法:startsWith,endsWith,includes,repeat。 1、简单使用 includes()返回布尔值,表示是否找到了参数字符串 startsWith()返回布尔值,表示参数字符串是否在源字符串的头部 endsWith()返回布尔值,表示参数字符串是
阅读全文
摘要:一、let 1、let块作用域 2、let常用于for循环 3、typeof不再是一个百分之百安全的操作 typeof运行时y尚未声明,所以报错。 4、隐蔽的暂时性死区 5、不允许重复声明 不能在函数内重复声明参数 二、const 1、const声明的变量也是块作用域,但是不能被多次修改 2、con
阅读全文
摘要:解构赋值本质上是“模式匹配”,只要等号两边的模式相同,左边的变量就会被赋予对应的值。 解构规则:只要等号右边的值不少对象,就先将其转为对象。 一、数组的解构赋值 数组解构赋值,索引很重要,即顺序很重要。 原理:等号右边数据结构要有Iterator接口,比如数组,Set。【update20170605
阅读全文
摘要:在JavaScript中,回调函数具体的定义为:函数A作为参数(函数引用)传递到另一个函数B中,并且这个函数B执行函数A。我们就说函数A叫做回调函数。如果没有名称(函数表达式),就叫做匿名回调函数。 callback 不一定用于异步,一般同步(阻塞)的场景下也经常用到回调,比如要求执行某些操作后执行
阅读全文
摘要:工具方法。对函数的统一管理。 jquery2.0.3版本$.Callback()部分的源码如下: // String to Object options format cache var optionsCache = {}; // Convert String-formatted options i
阅读全文
摘要:时间戳: 时间戳是自 1970 年 1 月 1 日(00:00:00 GMT)以来的秒数。它也被称为 Unix 时间戳(Unix Timestamp)。 JavaScript 获取当前时间戳: update20170908 今天get到还有两种获取时间戳的方法 Tips: 性能由高到低:Date.n
阅读全文
摘要:一、未使用预加载技术前 <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <title>图片预加载之无序加载</title> <style> .box { text-align: center; } .btn { di
阅读全文
摘要:jQuery版本:2.0.3 DOM加载有关的扩展 isReady:DOM是否加载完(内部使用) readyWait:等待多少文件的计数器(内部使用) holdReady():推迟DOM触发 ready():准备DOM触发。 jQuery.ready.promise=function(){}; 监听
阅读全文
摘要:一次面试中面试官问到jQuery和别的库冲突怎么解决?虽然以前看过,但是我已经不记得了。 我的思路就是如果让我来设计,那我就用一个默认值$,不传参数,那就用$,最后就挂载在window.$上,传参数就用传入名字,比如传入jq,那我就挂载在window.jq上。 事实上这肯定不是jquery解决冲突的
阅读全文
摘要:一、对外提供接口 对外提供了jQuery。 jQuery本身是一个构造函数,包括了很多静态方法(工具方法)和实例方法。静态方法更底层。 return new jQuery.fn.init( selector, context, rootjQuery ); $('#casper')跟new $('#c
阅读全文
摘要:设计稿中 字体是9px。 firefox浏览器显示正常,chrome浏览器字体显示为12px。 在chrome浏览器下对字体进行缩放:12px*0.75= 9px -webkit-transform: scale(0.75); Note:translate移动的基点默认为元素中心点,可以根据tran
阅读全文
摘要:一、为什么要有localStorage 由于HTML4时代Cookie的大小、格式、存储数据格式等限制,网站应用如果想在浏览器端存储用户的部分信息,那么只能借助于Cookie。但是Cookie的这些限制,也就导致了Cookie只能存储一些ID之类的标识符等简单的数据。 下面是Cookie的限制: 大
阅读全文
摘要:本文主要是列出一些javascript 相关的,不限于javascript的,容易记错或者遗忘的小知识,小技巧。 1、javascript中的false 在 JavaScript,常见的 false 值: 要注意空数组([])和空对象({}): 所以在 if 中,[] 和 {} 都表现为 true。
阅读全文
摘要:一、温故知新 做做题,总是能有温故知新的体验。这套题是2010年的了,比较老了, http://perfectionkills.com/ 还有一套http://perfectionkills.com/javascript-quiz-es6 比较新ES6相关的。 在这个页面有14道ECMAScript
阅读全文
摘要:说是面试题,其实也相当于是对js事件部分知识点的一个总结。简单内容一笔带过,了解详情我都给出了参考链接,都是之前写的一些相关文章。JavaScript本身没有事件模型,但是环境可以有。 DOM:addEventListener、removeEventListener、dispatchEventIE-
阅读全文