07 2016 档案

层叠上下文(The stacking context)
摘要：MDNThe stacking context 层叠上下文是HTML元素的三维概念，这些HTML元素在一条假想的相对于面向（电脑屏幕的）视窗或者网页的用户的z轴上延伸，HTML元素依据其自身属性按照优先级顺序占用层叠上下文的空间。 在之前的增加 z-index 的例子中, 某些 DIV 的渲染顺序是 阅读全文
posted @ 2016-07-28 21:34 黑客PK 阅读(245) 评论(0) 推荐(0)
css3d
摘要：立方体：http://sandbox.runjs.cn/show/1h6zvghj 原理分析：(左负右正) x:与屏幕水平；（在屏幕上） y:与屏幕水平方向垂直（在屏幕上） z:垂直于屏幕（在屏幕外） rotate:顺时针为正，逆时针为负。 translateZ:靠近自己的为正，远离自己的为负。 p 阅读全文
posted @ 2016-07-27 13:21 黑客PK 阅读(339) 评论(0) 推荐(0)
头像上传功能实现，PC端的需要做兼容
摘要：暂时实现的效果： http://sandbox.runjs.cn/show/v2vkds3j css: js：哈哈，看你的悟性了。 window.url.createobjecturl 兼容多个浏览器 阅读全文
posted @ 2016-07-27 11:04 黑客PK 阅读(369) 评论(0) 推荐(0)
安卓版微信内置浏览器，<a href="tel:电话号码"></a> 这个链接失效，不能跳到拨号界面？
摘要：https://segmentfault.com/q/1010000000318831 在URL最后面加“ #mp.weixin.qq.com ”，应该加其他qq.com的二级域名都行，估计是微信的安卓内置浏览器是根据域名判断是否屏蔽tel:的。 在URL最后面加“ #mp.weixin.qq.co 阅读全文
posted @ 2016-07-27 09:41 黑客PK 阅读(2701) 评论(0) 推荐(0)
Flex布局
摘要：由于微信和QQ都已经更新了Blink内核，已经全面支持flex布局了，除了个别国产浏览器，基本上可以放心使用flex了，写了一个简单的flex的布局框架，只要设置相应的属性即可。 下面是基本的使用介绍 注意，设为Flex布局以后，子元素的float、clear和vertical-align属性将失效 阅读全文
posted @ 2016-07-24 04:04 黑客PK 阅读(406) 评论(0) 推荐(0)
jquery中的get和set
摘要：jquery中通过参数的个数来判断是get方法还是set方法： 这种写法太完美了。 阅读全文
posted @ 2016-07-21 16:53 黑客PK 阅读(890) 评论(0) 推荐(0)
zepto.js 源码解析
摘要：http://www.runoob.com/w3cnote/zepto-js-source-analysis.html Zepto是一个轻量级的针对现代高级浏览器的JavaScript库， 它与jquery有着类似的api。 如果你会用jquery，那么你也会用zepto。 Zepto 中文手册：h 阅读全文
posted @ 2016-07-20 10:46 黑客PK 阅读(916) 评论(0) 推荐(0)
zepto的tap事件的穿透分析
摘要：首先是什么情况下会发生zepto(tap)的事件穿透： 当一个弹出层用tap点击之后这个层隐藏或者是移走，都会触发下面对应位置的点击事件（click）和一些标签的默认行为（a标签的跳转、input获取焦点）。 原因： zepto的tap通过兼听绑定在document上的touch事件来完成tap事件 阅读全文
posted @ 2016-07-19 16:51 黑客PK 阅读(1129) 评论(0) 推荐(0)
js中的垃圾回收机制
摘要：代码回收规则如下： 1.全局变量不会被回收。 2.局部变量会被回收，也就是函数一旦运行完以后，函数内部的东西都会被销毁。 3.只要被另外一个作用域所引用就不会被回收 （闭包） 阅读全文
posted @ 2016-07-19 11:31 黑客PK 阅读(398) 评论(0) 推荐(0)
JavaScript基于时间的动画算法
摘要：转自：https://segmentfault.com/a/1190000002416071 前言 前段时间无聊或有聊地做了几个移动端的HTML5游戏。放在不同的移动端平台上进行测试后有了诡异的发现，有些手机的动画会“快”一点，有些手机的动画会“慢”一点，有些慢得还不是一两点。 通过查找资料发现，基 阅读全文
posted @ 2016-07-18 23:35 黑客PK 阅读(805) 评论(0) 推荐(0)
理解观察者模式
摘要：观察者的使用场合就是：当一个对象的改变需要同时改变其它对象，并且它不知道具体有多少对象需要改变的时候，就应该考虑使用观察者模式。先看官网的demo这个例子，涉及到了 add 与 fire方法，熟悉设计模式的童鞋呢，一眼就能看出，其实又是基于发布订阅（Publish/Subscribe）的观察者模式的 阅读全文
posted @ 2016-07-18 14:16 黑客PK 阅读(350) 评论(0) 推荐(0)
isScroll代码
摘要：html: JS调用接口： css: 参考博客地址 点击下载js 阅读全文
posted @ 2016-07-12 21:42 黑客PK 阅读(238) 评论(0) 推荐(0)
彻底弄懂浮动
摘要：参考实例：http://sandbox.runjs.cn/show/xwimxmda 参考资料：https://segmentfault.com/a/1190000005925592 w3 css float nine rules CSS的float才开始学习的时候总是感觉没有任何的规律可言，总是有 阅读全文
posted @ 2016-07-12 14:46 黑客PK 阅读(573) 评论(0) 推荐(0)
正则表达式
摘要：http://www.runoob.com/regexp/regexp-tutorial.html 正则表达式 - 元字符 下表包含了元字符的完整列表以及它们在正则表达式上下文中的行为： 正则表达式 - 运算符优先级 正则表达式从左到右进行计算，并遵循优先级顺序，这与算术表达式非常类似。 相同优先级 阅读全文
posted @ 2016-07-11 23:04 黑客PK 阅读(255) 评论(0) 推荐(0)
左右点击效果，并且最后一个的时候按钮变灰或者消失
摘要：效果：http://runjs.cn/code/6czpjsqq 程序思维：能复用就复用。把连个点击事件变成一个。在里面进行判断。第一个和最后一个判断的特殊处理。 因为index初始化为0，点击一下next+1,所以第二个就是1，所以就是按下标走的，最后一个就是length-1;所以判断的时候应该就 阅读全文
posted @ 2016-07-02 18:57 黑客PK 阅读(345) 评论(0) 推荐(0)