随笔分类 - js记录
摘要:探索天猫控制台下的图案是怎么制作的 通过它的源码找到以下代码(还原解压代码) 自己也照葫画瓢搞了个以前公司的logo
阅读全文
posted @ 2017-03-08 10:36
AlanTao
摘要:1.用纯JavaScript实现的微信二维码图片生成器 QRCode.js是javascript实现二维码(QRCode)制作生成库。 QRCode.js有着良好的跨浏览器兼容性(高版本使用HTML5的 Canvas,低版本IE使用table元素绘制),而且QRCode.js没有任何依赖。只需要引用
阅读全文
posted @ 2017-03-06 22:02
AlanTao
摘要:(function(){ var selectBox = $(".select_list"); var moveSelectBtn = selectBox.find(".more_select"); var selectItem = selectBox.find(".list"); var facilityBox = $(".facility_demo"); ...
阅读全文
posted @ 2017-03-06 15:12
AlanTao
摘要:经典闭包 1.使用立即执行函数表达式 2.使用立即执行函数表达式(IIFE)再创建一个闭包 3.将变量 i 保存给在每个段落对象 li 上 4.for循环的闭包(加一层闭包,i以局部变量形式传递给内存函数) 5.ES6 中的let 5.使用立即执行函数表达式(IIFE)再创建一个闭包 6.另一个解决
阅读全文
posted @ 2017-03-06 10:08
AlanTao
摘要:2.Event Listeners 可以看到事件找到对应在标签点开里有useCapture, passive: once: handler等等右键handler 的"show function definition" 可跳转到对应的js事件 3.DOM Breakpoints 是对有设 "break
阅读全文
posted @ 2017-02-06 16:45
AlanTao
摘要:前言在做各种HTML5场景页面的时候,插入背景音乐是一个很普遍的需求。我们都知道,IOS下的safari是无法自动播放音乐的,以至一直以来造成一种错误的认识,iso是无法自动播放媒体资源的。直到微信火爆起来,我们发现IOS的微信里面打开的页面却可以实现自动播放。这种情况颠覆了我之前的认知。但是,但是
阅读全文
posted @ 2017-02-04 11:52
AlanTao
摘要:1.时间版翻转 FlipClock-master 2.整屏切换 fullpage 3.轮播图 swiper 4.滚动条样式 mCustomScrollbar 5.过滤和排序布局插件 Isotope.js
阅读全文
posted @ 2017-01-22 14:27
AlanTao
摘要:/** video播放器*/ /** video事件*/ /* * video属性*/ HTMl <embed> HTML5: video事件
阅读全文
posted @ 2016-11-12 16:01
AlanTao
摘要:中文名 英文名 Unicode编码 微软雅黑 Microsoft YaHei \5FAE\8F6F\96C5\9ED1 宋 体 SimSun \5B8B\4F53 黑 体 SimHei \9ED1\4F53
阅读全文
posted @ 2016-10-28 11:56
AlanTao
摘要:/* * 全局对象 * this = window * 在全局作用域中它的 this 执行当前的全局对象(浏览器端是 Window,node 中是 global)。 */ console.log(this); // Window /* * @ 函数中执行, 调用 * @ 一个函数被直接调用的时候, 属于全局调用,this指向全局对象 */ function test(){ ...
阅读全文
posted @ 2016-10-19 19:48
AlanTao
摘要:/** @ javascript中没有类的概念,所以基在对象创建方面与面向对象语言有所不同* @ 对象创建的常用方法及各自的局限性* @ 使用Object或对象字面量创建对象* @ 工厂模式创建对象* @ 构造函数模式创建对象* @ 原型模式创建对象* @ 构造与原型混合模式创建对象*/ 使用Obj
阅读全文
posted @ 2016-10-13 11:42
AlanTao
摘要:object.prototype.call call函数中的this指向 使用call对象的构造函数链 使用call调用匿名函数 使用call调用函数的上下文this 以DOM为例子 // 不用call
阅读全文
posted @ 2016-09-18 17:35
AlanTao
摘要:forEach是Array新方法中最基本的一个,就是遍历,循环。先看以前是怎么遍历数组的 常用遍历 排除null与undefined和不存在元素的遍历 排除undefined和不存在元素的遍历 跳过不存在的元素,如没有值的undefined元素 ECMAScript5中遍历数组元素的新方法,使用fo
阅读全文
posted @ 2016-09-15 13:28
AlanTao
摘要:IE中,只有keyCode属性,而FireFox中有which和charCode属性 event.which属性对DOM原生的event.keyCode和event.charCode进行了标准化。
阅读全文
posted @ 2016-09-12 15:17
AlanTao
摘要:Object.prototype.toString()方法返回一个代表该对象的字符串。 使用toString()方法来检测对象类型 封装为classof()函数
阅读全文
posted @ 2016-09-11 14:02
AlanTao
摘要:1.parseInt(string,radix) 解析整数 指定基数radix //都是返回15 // 更加严格的解析整数函数 parseFloat(string) 解析浮点数 // 更加严格的解析小数函数
阅读全文
posted @ 2016-09-10 17:18
AlanTao
摘要:一、显示信息的命令 二、点位符:字符(%s)、整数(%d或%i)、浮点数(%f)和对象(%o); 三、信息分组 (console.group(),console.groupEnd()) 四、将对象以树状结构展现 (console.dir()可以显示一个对象所有的属性和方法) 五、显示某个节点的内容
阅读全文
posted @ 2016-09-10 14:28
AlanTao

浙公网安备 33010602011771号