摩帆士

摘要： 这里把符合以下条件的对象称为伪数组（ArrayLike）1，具有length属性2，按索引方式存储数据3，不具有数组的push,pop等方法如1，function内的arguments 。2，通过document.forms，Form.elements，Select.options，document.getElementsByName() ，document.getElementsByTagName() ，childNodes/children等方式获取的集合（HTMLCollection，NodeList）等。3，特殊写法的对象 ，如?12345varobj={};obj[0] = &quo 阅读全文

摘要： Twitter BootStrap是一款优秀的前端的框架，称得上是前端的一个框架利器。Web前端开发者每天都在与HTML、CSS、JavaScript打交道，然而不少人都是在周而复始的写模板、样式和交互效果，前没有想过如何将这些重复的工作整合在一起。Twitter推出的BootStrap能够帮助Web前端开发者摆脱这种重复的劳动。最近在各群讨论BootStrap相关的话题也明显增多，有很多Web前端人员在开始或者已接触、并在使用BootStrap。为了能帮助大家更好的学习和使用Bootstrap这个优秀框架，我今天整理了一份我收藏的相关资源，这篇文章可以说是学习BootStrap的一个最好最全 阅读全文

摘要： 转换为布尔型用两次非运算(!)：!!5 ==> true用布尔型的构造函数：new Boolean(5) == > true值转换为布尔类型为false：0，+0，-0，NaN，""(空字符串),undefined,null除上面的值其他值在转换以后为true，需要特别提到的是："0",new Object(),function(){}转换为字符串类型加上空字符串""：123 +　"" = "123"用字符串构造函数：new String(123) = "123" 阅读全文

摘要： HTML5视频和fallback实用HTML5的一个好处就是简化了视频和音频的嵌入代码量，不过呢，如何兼容老版本的浏览器绝对是一个令人头疼的问题，特别是在天朝，老版本的浏览器绝对处于优势地位，下面代码或者能够帮你忙：<video width="640" height="360" controls> <source src="__VIDEO__.MP4" type="video/mp4" /> <source src="__VIDEO__.OGV" type=&quo 阅读全文

摘要： CSS规范 - 分类方法CSS文件的分类和引用顺序通常，一个项目我们只引用一个CSS，但是对于较大的项目，我们需要把CSS文件进行分类。我们按照CSS的性质和用途，将CSS文件分成“公共型样式”、“特殊型样式”、“皮肤型样式”，并以此顺序引用（按需求决定是否添加版本号）。公共型样式：包括了以下几个部分：“标签的重置和设置默认值”、“统一调用背景图和清除浮动或其他需统一处理的长样式”、“网站通用布局”、“通用模块和其扩展”、“元件和其扩展”、“功能类样式”、“皮肤类样式”。特殊型样式：当某个栏目或页面的样式与网站整体差异较大或者维护率较高时，可以独立引用一个样式：“特殊的布局、模块和元件及扩展” 阅读全文

摘要： 这篇教程旨在让你在20分钟内学会使用twitter bootstrap创建一个站点。看完这个教程后你应该能够使用bootstrap来建立一个基本的响应式布局的页面，了解栅格系统，并且能够使用bootstrap导航、导航条和了解响应式设计的基础。这些全部都是使用twitter bootstrap所需要具备的知识。首先我们需要说的是twitter bootstrap是非常优秀的一个前端开源框架，它为所有的组键都提供了详细的用例，让你能够轻易地通过复制黏贴而附加到你的设计中。查阅官方文档可以点击这里。基本的HTML模板我们需要以一个基本的HTML模板，这样我们能够把所需要的bootstrap文件包含 阅读全文

摘要： 前端性能监控主要分为非侵入式和侵入式两种；为什么这样划分，因为是收集数据的方式和目标不一样。【非侵入式】，用到的工具主要是Yslow，Pagespeed，Dynatrace，Fiddler等工具，主要是检测页面上雅虎前端优化的规则。通过这些工具的信息，可以快速定位需要优化的点。这部分应该是由测试工程师来做，但是很多公司没有前端测试的模块，所以这个工作就由开发工程师自己完成，优化前端性能也是前端工程师工作中重要的一部分。随着业务的复杂度，页面数量的增多，测试结果展示可以使用一些工具收集起来，比如showslow（具体参考Xvfb+YSlow+ShowSlow搭建前端性能测试框架），使用相关脚本还 阅读全文

摘要： bind(type,[data],fn) 为每个匹配元素的特定事件绑定事件处理函数$("a").bind("click",function(){alert("ok");});live(type,[data],fn) 给所有匹配的元素附加一个事件处理函数，即使这个元素是以后再添加进来的$("a").live("click",function(){alert("ok");});delegate(selector,[type],[data],fn) 指定的元素（属于被选元素的子元素 阅读全文

摘要： jqGrid皮肤从3.5版本开始，jqGrid完全支持jquery UI的theme。我们可以从http://jqueryui.com/themeroller/下载我们所需要的theme。当然，你也可以编辑自己的theme。jqGrid也并不需要把所有的css文件都引入进来，只需导入核心css文件“ui.theme.css” 以及“ui.core.css”即可，文件位于目录development-bundle/themes下。jqGrid原理jqGrid是典型的B/S架构，服务器端只是提供数据管理，客户端只提供数据显示。换句话说，jqGrid可以以一种更加简单的方式来展现你数据库的信息，而且也 阅读全文

摘要： 精通JavaScript(图灵计算机科学丛书) ，让你大开眼界的 JavaScript 力作，跟随 jQuery 之父到达前所未有的深度，Amazon 五星盛誉图书。本书是目前最深入的JavaScript图书，讲述了现代JavaScript的所有知识，展现了这门技术将能给网站建设带来如何丰富的体验。本书言简意赅，扩展了读者视野，并关注于基础且重要的主题–现代JavaScript是什么和不是什么，浏览器支持的当前状态，以及需要注意的陷阱等。书中所有概念都来自于现实案例的分析。书没有好坏之分，正如人没有绝对的好坏之分一样。书只看对自己这个水平层次的人来说该吸收的东西多少了，能吸收一、两点就够了。f 阅读全文