摘要:
自适应布局 移动端网页的自适应布局。这样可以使屏幕大小不一的手机展示的页面布局比例一致。我们先不用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("没有导航数组... 阅读全文