摘要：
自适应布局 移动端网页的自适应布局。这样可以使屏幕大小不一的手机展示的页面布局比例一致。我们先不用css3的box-flex属性，而是用百分比设置。 绝对定位的参考标准 我是绝对定位块,可以看到子元素的left是参照父元素的宽W，top是参照父元素的高H。子元素的宽参照W，高参照父元素的H。子元素的margin-left参照W，margin-top也是参照W。这是因为margin：10px 10px 10px 10px;，可以缩写成一个margin:... 阅读全文
摘要：
Ctrl+D 选词 （反复按快捷键，即可继续向下同时选中下一个相同的文本进行同时编辑）Ctrl+G 跳转到相应的行Ctrl+J 合并行（已选择需要合并的多行时）Ctrl+L 选择整行（按住-继续选择下行）Ctrl+M 光标移动至括号内开始或结束的位置Ctrl+T 词互换Ctrl+U 软撤销Ctrl+P 查找当前项目中的文件和快速搜索；输入 @ 查找文件主标题/函数；或者输入 : 跳转到文件某行；Ctrl+R 快速列出/跳转到某个函数Ctrl+K Backspace 从光标处删除至行首Ctrl+KB 开启/关闭侧边栏Ctrl+KK 从光标处删除至行尾Ctrl+KT 折叠属性Ctrl+KU 改为大 阅读全文
摘要：
这次的主题是，具体的库和抽象的思路。当看到Deferred这个区块时，觉得jQuery代码设计挺复杂，得用许多脑力才能看明白。可是把这个峰回路转十八回的代码看懂又如何，是为了使用过程中出现bug后，容易调试吗？还是重新造个轮子？我觉得需求撑大的库，当你不知道它撑大的历史，而贸然阅读，容易一头雾水。所以从简单的具体开始，1.没有参数传递，只有第一个函数有定时器的情况 没有参数传递，只有第一个函数有定时器的情况 没有参数传递，只有第一个函数有定时器的情况2.没有参数传递，都有定时器的情况 没有参数传递，都有定时器的情况 3.都有参数传递，都有定时器的情况 ... 阅读全文
摘要：
那么就来读读jQuery源码的Callbacks部分。一上来看原版源码jQuery.Callbacks = function( options ) { // Convert options from String-formatted to Object-formatted if needed // (we check in cache first) options = typeof options === "string" ? ( optionsCache[ options ] || createOptions( options ) ) : jQu... 阅读全文
摘要：
读之前的预备工作：1.基础的js知识，以及html和css知识，和正则表达式知识。可以参考妙味课堂的基础js，html和css大纲。2.JavaScript核心指南的知识http://www.cnblogs.com/cnwebdeveloper/archive/2012/03/28/2421461.html3.JavaScript设计模式的知识http://www.oschina.net/translate/learning-javascript-design-patterns?lang=chs4.使用过jQuery有了预备工作，阅读源码你会比较顺利。我阅读的是2.0.3无法压缩版本，源代码有 阅读全文
摘要：
首先看几个链接，http://blog.youyo.name/archives/zepto-tap-click-through-research.htmlyouyo的分析http://softwaresupportedknitting.com/zepto-tap-prevent-default/作为Bhttp://www.zhihu.com/question/20702822点透产生原因http://www.cnblogs.com/yexiaochai/p/3442220.html 叶小钗的分析可以看到解决方案是：1.使用fastclick库2.或者全部使用zepto的tap事件，不留clic 阅读全文
摘要：
注意：当前1.1.3版本的zepto，已经有模块来支持wp8原先的zepto，通过__proto__赋值，来使dom继承到$.fn方法，无奈IE11之前的IE10，IE9不支持这种写法，所以我们只能自己手动把方法添加到dom// `$.zepto.Z` swaps out the prototype... 阅读全文
摘要：
1.百分比设置宽高，内外边距2.宽和margin的百分比，依据父元素的宽度定标准3.图片百分比定宽高，依据图片原来的宽高比，进行自适应。4.使用固定宽高比的透明图片，可以方便实现子元素定宽高布局5.使用字体大小vw单位，另加窗口变化的z-index:1来实现重绘6.由于当前浏览器对于vw的控制不好，对于字体，还是弄成px单位定高，宽度自适应。字体自适应，得用js依据比例控制。7.绝对定位以百分比，依据父元素的宽高。总结，父元素定宽高，子元素有参考，文本定高宽度自适应。如果想对未知宽高比图片进行统一宽高比，请用固定宽高比透明图片。 阅读全文
摘要：
因为有闭包，能返回函数，所以针对于面向对象的封装，继承，多态三个特性实现，很舒服。代码如下： 为什么没写多态呢，因为你自己想想都会。 阅读全文
摘要：
(function($){ $.extend($.fn, { scene_scroll:function(arg_obj){ // 参数检测 // 场景数组 var $scene_arr = arg_obj.$scene_arr || (function(){console.log("没有场景数组，请设置$scene_arr");})(), // 导航数组 $nav = arg_obj.$nav || (function(){console.log("没有导航数组... 阅读全文