03 2014 档案
摘要：js代码，前端都会写。但细节决定成败，代码是否优雅、规范，可以看得出一个JScoder的水平来。曾经多次被项目组长吐槽，并被授予一本秘笈，上面有关于JS编程规范的一些总结。无奈秘笈不能长借，无奈只能用最愚蠢的办法，拍照mark下，然后今天抽空整理整理。废话到此为止，下面言归正传。1.语句结尾总是加上分号JS的语句，要么独占一行，要么以分号结尾。虽然绝大多数情况下独占一行的js代码缺省分号也不会产生错误（这全赖于分析器的自动分号插入机制），但依旧不推荐缺省分号。因为自动分号插入机制的分号插入规则很复杂且难以记住，习惯性以分号结束语句，能减少意外bug的发生率。2.关于命名命名，是任何一个code
阅读全文
摘要：原文连接：http://www.ruanyifeng.com/blog/2011/08/a_detailed_explanation_of_jquery_deferred_object.html一、什么是deferred对象？开发网站的过程中，我们经常遇到某些耗时很长的javascript操作。其中...
阅读全文
摘要：原文连接：http://www.cnblogs.com/yunxuange/archive/2012/09/19/2693886.htmllayout是Windows上的IE浏览器产生许多bug的根源。如果遇到一个IE bug首先应该做的事情之一就是尝试应用规则迫使元素拥有layout。layout...
阅读全文
摘要：当年读书的时候没好好学习，以至于对经典算法的掌握实在是不敢恭维...直到出来工作了，才慢慢的重拾起它们。递归，冒泡排序法都比较好理解，唯独快速排序法（二分法），理解起来总觉得有点绕...故记之，方便日后直接拿来用。//快速排序函数参数说明：//Arr 需要排序的数组//left 需要排序数组的左界（...
阅读全文
摘要：除了离线资源缓存外，html5离线应用开发还可能用到以下技术在线状态检测navigator.onLinenavigator.onLine 属性表示当前是否在线。如果为 true, 表示在线；如果为 false, 表示离线。当网络状态发生变化时，navigator.onLine 的值也随之变化。开发者可以通过读取它的值获取网络状态。online/offline 事件当开发离线应用时，通过 navigator.onLine 获取网络状态通常是不够的。开发者还需要在网络状态发生变化时立刻得到通知，因此 HTML5 还提供了 online/offline 事件。当在线 / 离线状态切换时，online
阅读全文
摘要：cache manifest 示例要使用离线资源缓存，开发者首先要提供一个cache manifest 文件它列出了所有需要在离线状态下使用的资源，浏览器会把这些资源缓存到本地下面就是一个cache manifest 文件的例子（假设文件名为index.manifest）：CACHE MANIFEST index.html common.css app.jscache manifest 文件准备好后，还要在需要用到离线缓存的页面的html标签里面设置其manifest属性的值得 test Test Page！ cache manifest 文件的书写格式1.首行必...
阅读全文
摘要：原文链接：http://hi.baidu.com/pryzjvvpkkbhjyq/item/440fb91cda5cb90b8ebde43ftypeof用以获取一个变量的类型语法：typeof a 或 typeof(a)一般只能返回如下几个结果：number、boolean、string、funct...
阅读全文
摘要：JavaScript是一种在Web开发中经常使用的前端动态脚本技术。在JavaScript中，有一个很重要的安全性限制，被称为“Same-Origin Policy”（同源策略）。这一策略对于JavaScript代码能够访问的页面内容做了很重要的限制，即JavaScript只能访问与包含它的文档在同一域下的内容。JavaScript这个安全策略在进行多iframe或多窗口编程、以及Ajax编程时显得尤为重要。根据这个策略，在baidu.com下的页面中包含的JavaScript代码，不能访问在google.com域名下的页面内容；甚至不同的子域名之间的页面也不能通过JavaScript代码互相
阅读全文
摘要：在网上看到的一篇文章，说的比较全面。原文地址：http://www.poluoluo.com/jzxy/201206/167007.html你真的了解margin吗？你知道margin有什么特性吗？你知道什么是垂直外边距合并？margin在块元素、内联元素中的区别？什么时候该用padding而不是margin？你知道负margin吗？你知道负margin在实际工作中的用途吗？常见的浏览器下margin出现的bug有哪些？……写css，你少不了与margin打交道，而对于这个平时我们最常用的css属性我们并非十分了解。Margin是什么CSS 边距属性定义元素周围的空间。通过使用单独的属性，可以
阅读全文
摘要：CSS的引入方式：1.将样式规则写在css样式文件中，再以标签引入。2.使用@import引入，跟link方法很像，但必须放在 中或css样式文件中3.使用style标签，将样式规则写在标签之中。4.使用style属性，将其直接加在标签里，也叫内嵌样式style这4种引入方式中，绝大多数情况下使用第一种。它的好处非常明显，样式与HTML分离，便于管理。出于同一个理由，第四种方式被不少人唾弃，但其实在一些很个别的场景（通用性差，效果特殊，不常改动，同时CSS代码不多），那样写我觉得是个很好的选择。第三种虽然实现了样式和HTML分离，但样式几乎没用重用性可言，故弃之。这里值得探讨的是第二种，和第一
阅读全文
摘要：本文原文地址：http://www.cnblogs.com/releaseyou/archive/2009/04/16/1437456.html盒模型有两种，分别是标准盒子模型和IE盒子模型。先来看看标准盒子模型：标准盒模型的范围包括 margin、border、padding、content，并且 content 部分不包含其他部分。再来看看IE盒子模型IE盒子模型的范围也包括 margin、border、padding、content，和标准 W3C 盒子模型不同的是：IE盒子模型的 content 部分包含了 border 和 pading。例：如果用标准盒子模型那么这个盒子需要占据的位
阅读全文
摘要：总的来说，JS的继承大体上分为两种：借用构造函数方式和原型方式首先，我们来看看借用构造函数方式的几种做法：//方式一function Person(name, sex){ this.name = name; this.sex = sex; this.move = function(...
阅读全文
摘要：下文出自seaJS的作者玉伯。AMD 是 RequireJS 在推广过程中对模块定义的规范化产出。CMD 是 SeaJS 在推广过程中对模块定义的规范化产出。这些规范的目的都是为了 JavaScript 的模块化开发，特别是在浏览器端的。目前这些规范的实现都能达成浏览器端模块化开发的目的。区别：1. 对于依赖的模块，AMD 是提前执行，CMD 是延迟执行。不过 RequireJS 从 2.0 开始，也改成可以延迟执行（根据写法不同，处理方式不同）。CMD 推崇 as lazy as possible.2. CMD 推崇依赖就近，AMD 推崇依赖前置。看代码：// CMDdefine(funct
阅读全文
