摩帆士

摘要：转换为布尔型用两次非运算(!)：!!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 阅读全文

摘要：在使用 CSS 实现表现的时候，会经常接触到 display:inline-block 这一属性，无论是初接触 Web 标准还是接触标准已久的朋友，大都会对这一属性感觉很迷惑和模糊。display:inline-block将对象呈递为内联对象，但是对象的内容作为块对象呈递。旁边的内联对象会被呈递在同一行内，允许空格。但对于这个属性不是所有浏览器都识别。支持的浏览器有：Opera、Safari。但很遗憾，最流行的 IE 和 Firefox 却不支持这个属性（在 Firefox3 版本中将会支持 display:inline-block）。不过 Firefox 下却有私有属性 -moz-inlin 阅读全文

摘要：一、Highcharts中文API 之Chart：图表区选项Chart图表区选项用于设置图表区相关属性。Chart是HighCharts图表中主要属性，包括了图表区域的颜色、线条、高度、宽度、对齐、图表类型等诸多属性，也是HighCharts图表中必须配置的属性之一。 配置chart属性，你可以轻松改变你的图表的样式、外观。参数描述默认值backgroundColor设置图表区背景色#FFFFFFborderWidth设置图表边框宽度0borderRadius设置图表边框圆角角度5renderTo图表放置的容器，一般在html中放置一个DIV，获取DIV的id属性值nulldefaultSer 阅读全文