摘要：
从内容开始很多设计师直接开始颜色, 字体, 图标开始设计, 但是网页最重要的是内容: 标题, 段落, 导航, 图片, flash之类, 人们来到这个网站所关心的, 他们需要得到你网站所提供的, Content is king, 所以在考虑外观前你首先应该思考你想要表达的内容此外, 页面的内容决定了设计为设计做一个模型写代码之前先在photoshop等绘图软件上反复修改所需要的设计, 这样可以很容易看见想要的效果并且快速修改最低标准也应该在纸上勾勒出基本架构识别框架一旦得出模型, 接下来就可以思考如何使用html和css来实现设计目标. 确定基本区域, 设计合理组织结构颜... 阅读全文
摘要：
var jsonString = JSON.stringify(value [, replacer [, space]])value(必选): 需要转换为JSON格式字符串的javascript对象replacer(可选): 允许函数或者数组作为参数, 当数组作为参数时起到白名单作用, 只有key在数组中的属性才会序列化到输出字符串中. 当函数作为参数时接收两个参数: key和需要序列化的value, key所在对象作为this值, 函数最终返回值如果是Number, String, Boolean那么对应的string类型将参与key序列化, 如果返回的是一个对象, 继续对该对象strin. 阅读全文
摘要：
在文本应用程序中, 从客户端到服务器端数据传输编码标准是application/x-www-form-urlencoded 这种数据的基本形式是采用"&"分割开的key/value例如: name1=value1&name2=value2&name3=value3&.....&nameN=valueN其中每一个key和value均按照如下规则进行编码:用"+"取代空字符非数字, 字母用%HH格式进行替换, 其中HH是两位16进制数字, 表示被替换字符的ASCII码(例如"?"会被替换成" 阅读全文
摘要：
通用属性和方法:readyState: 表示请求状态的整数取值如下0(没有初始化)1(正在加载)2(接收到响应报头)3(接收到部分响应体)4(完成请求)onreadystatechange: 当readyState改变时调用的函数status: 服务器返回的HTTP状态代码(如200, 404)statusText: 服务器返回的HTTP状态行的完整状态信息(例如"OK", "No Content")responseText: 作为字符串形式的来自于服务器的完整响应responseXML: Document对象, 表示服务器响应解析的XML文档abort 阅读全文
摘要：
大多数情况下web页面代码中首先出现的都不是主要内容部分. 这导致键盘用户和读屏器用户在到达真正需要的内容前花费不少精力. 所以在文档最开始部分添加一个指向页面主体部分将大大提高accessibility这种链接通常可以有多种方案可选:在页面顶部提供可见链接: 对页面布局产生影响, 对普通用户产生迷惑在页面顶部提供不可见链接: 有效克服第一条的缺点在页面顶部提供不可见链接, 当获得键盘焦点时设置为可见: 在第二条基础上提高弱视力用户体验 1 2 3 4 5 6 7 8 9 10 Template Index11 12 42... 阅读全文
摘要：
出现场合: 当元素浮动时后续元素与其接触的位置会产生3像素间隔如下代码 1 2 3 4 5 6 7 8 Template Index 9 28 29 30 31 32 33 34 35 36 37 在标准浏览器中应该表现如下然而ie6会在left和right之间多出3px, 使得right下移如图:同样的道理, 当元素右浮动时, 左侧相邻元素与之产生多余3px间隔如何修复:给#right取消width的固定值 1 2 3 4 5 6 7 8 ... 阅读全文
摘要：
length函数的length属性是只读属性, 代表函数形参数量, 也就是函数定义时指定的期望参数个数prototype: 每个函数都包含一个prototype属性, 这个属性指向一个对象的引用, 叫做原型对象, 每个函数都包含不同的原型对象, 当函数用作构造函数是, 新创建的对象会冲原型对象上继承属性call()和apply()可以将call()和apply()看做某个对象的方法, 通过调用方法的形势调用函数, 他们的第一个实参是要调用函数的对象, 这个对象成为函数调用上下文, 函数体执行时内部this指向它的引用比如: f.call(0); f.apply(); ... 阅读全文
摘要：
函数中通过arguments可以访问所有实参在非严格模式下arguments为形参的一个别名, ecmascript 5中移除了这个特性1 function f(x)2 {3 console.log(x); // x4 arguments[0] = null;5 console.log(x); // null6 } // end f()在非严格模式下arguments只是一个标识符, 在严格模式下成为保留字, 所以严格模式下的函数不能使用arguments作为形参名称或局部变量名, 也不能给arguments赋值arguments定义了callee和caller属性, 在ec... 阅读全文
摘要：
普通函数调用: f();ecmascript3和非严格ecmascript5中this为全局对象, ecmascript5严格模式下this为undefined普通函数调用通常不关心this, 不过可以用它判断是否处于严格模式1 var strict = (function() { return !this; }());方法调用: o.m();m中的this为调用对象o方法返回this可构造链式调用this没有作用域限制, 嵌套函数不会从调用它的函数中继承this, 如果嵌套函数作为方法调用, 其this为调用它的对象. 如果作为普通函数调用, 遵守第一种调用方式嵌套函数如果需要访... 阅读全文
摘要：
ecmascript5 定义了Array.isArray()用于判断ecmaScript3中通过检查class属性, ecmascript5就是用的这个方法1 var isArray = Function.isArray || function(o)2 {3 return typeof o === "object" &&4 Object.prototype.toString.call(o) === "[object Array]";5 } // end isArray() 阅读全文