摘要： 一、先遇到document.body.scrollTop值为0的问题 做页面的时候可能会用到位置固定的层,读取document.body.scrollTop来设置层的位置,像这样, window.onscroll=function () { var oId=document.getElementByIdx_x("id"); oId.style.top=document.body.sc... 阅读全文

摘要： 这又是一个老话题了， 不过最近在详写jQuery事件模拟的时候顺便又回顾了一次，做个记录巩固下吧 当然这里所说的问题都是在旧版本的浏览器中出现的兼容问题，首先从事件流谈起 通常支持事件冒泡（Event Bubbling）的事件类型为鼠标事件和键盘事件，例如：mouseover, mouseout, click, keydown, keypress。 接口事件则通常不支持事件冒泡（Even... 阅读全文

摘要： 点击p被委托,ul被阻止了,因为内部重写了事件对象 v> 测试代码 var aaron = $("#aaron") //同一个元素上绑定不同的事件委托 aaron.on('mousedown','p',function(e){ console.log('委托到p触发') // e.stopP... 阅读全文

摘要： 具体症状就是有时候鼠标左键响应，有时候右键才能响应问题的原因就是事件对象的detail没有复位https://github.com/clientside/amplesdk/issues/187 阅读全文

摘要： 框和布局 在 KB005: CSS 层叠 中已经介绍了 CSS 的重要之处。CSS 可以说是页面表现的基础， CSS 可以控制布局，控制元素的渲染。 布局是讲在电影画面构图中，对环境的布置、人物地位的调度、人物之间的关系、人物和景物的关系等的安排。大同小异，CSS 的布局也是一样。 CSS 的布局，包含两个大部分： 元素：元素及其组成，类似电影布局中人物的高矮胖瘦、衣着配饰等，以及场... 阅读全文

摘要： 因为mac下的safari不会有这样的问题（OSX默认都装的有QuickTime），而windows下用safari的比例实在小不用考虑。 apple算是偷了一个小懒。而所谓的需要quicktime并非是把quicktime作为插件，而是safari（包括整个macos）的音视频处理使用的是quicktime作为后台。 这个与插件有区别，QuicktimeFramework在osx下是作... 阅读全文

摘要： Sizzle中有一个contains方法(jQuery.contains)，用来遍历是否包含指定的元素 IE率先引入一个contains()方法，可以在节点中查找某一个节点是不是当前节点的厚点，如果 DOM Node 和 DOM Element 相一致，.contains() 将返回 true ，虽然，一个元素不能包含自己 在DOM3中又引入了compareDocumentPosition()... 阅读全文

摘要： jQuery.attr , Sizzle.attr Sizzle.attr = function(elem, name) { // Set document vars if needed if ((elem.ownerDocument || elem) !== document) { setDocument(elem); } var fn ... 阅读全文

摘要： 由于配置了php后，这里的“Deny from all”已经拒绝了一切连接。把该行改成“allow from all”，修改后的代码如下，问题解决。 Options FollowSymLinks AllowOverride None Order deny,allow all... 阅读全文

摘要： 由于项目改造，采用2D webG的pixi库，那么基于canvas的结构上，事件就是最大的一个问题了改造的原理很简单，把hammer里面的addEventListeners事件绑定给第三方库代替，事件的绑定由第三方控制即可hammer是负责接收事件消息即可。传递一个pixi引用，即每个canvas内... 阅读全文

摘要： 浏览器底层并没有给元素提供类似，单击，双击，滑动，拖动这些直接可以用的控制接口，一切的手势动作都只能通过模拟出来。移动端浏览器唯一给我们提供的就只是mousedown -> mousemove -> mouseup三种最基本的事件接口。那么我们只能通过这些简单的接口模拟出复杂的手势出来。常规的做法流... 阅读全文

摘要： 一直在写jQuery的源码教程，都没时间研究别的框架了。Hammer是我项目御用的一个手势库，早期1.x版本的swipe事件的响应不灵敏的问题而改过源码，2.x就已经更正过来，而且源码的结构也整个翻新了一遍，不管从逻辑还是组织结构上，我个人都觉得有必要深入，所以就当作一个系列教程一起学习吧。本章主要... 阅读全文

摘要： GoF (Gang of Four，四人组， 《Design Patterns: Elements of Reusable Object-Oriented Software》/《设计模式》一书的作者：Erich Gamma、Richard Helm、Ralph Johnson、John Vlissides)并没有把MVC提及为一种设计模式，而是把它当做“一组用于构建用户界面的类集合”。在他们看来，... 阅读全文

摘要： 关于两者的区别，其实是很古老的问题。但是时至今日，由于各种网络误传以及一些不负责任的书籍误笔，仍然有相当多的人将伪类与伪元素混为一谈，甚至不乏很多CSS老手。早些年刚入行的时候，我自己也被深深误导，因为论坛里的帖子大多不关心这种概念的细微差别，即使有人出来说一句：“这两个是不同的”，也只是被更多的帖子淹没掉而已。所以觉得有必要写下这些我所知的部分，这里着重写的是为什么这两者不同，以及一些平时容易错... 阅读全文

摘要： 一个人去完成一件事情，如果派多个人去做的话，只要配合默契，效率比一个人做肯定要高，效率提高，所需的时间就减少了。如果只能一个人完成，那么必须设法提高自己的劳动效率，这个提高可以是量的改变也可以是质的改变。我把这个量的改变称为空间上的改变，也就是说空间和时间是可以相互转换的。 按照解析原理与过滤器的原理一次用循环递归去匹配查找，这样的效率是很慢的，那么sizzle从给1.8开始就引入了编译的概念，... 阅读全文