摘要：
Responsive设计最关注的就是宽度：根据用户的使用设备的当前宽度，你的Web页面将加载一个备用的样式，实现特定的页面风格。布局技巧（都是为了保持你的HTML简单干净，在的关键部分（元素）不要过分的依赖现代技巧来实现，比如说css3特效或者js脚本）：丢去了一些对Responsive有影响的细节：尽量少用无关紧要的div不使用内联元素(inline)尽量少用js或flash丢去没用的绝对定位和浮动样式屏弃任何冗余结构和不使用100%设置能帮助Responsive确定更好的布局的内容：使用HTML5 Doctype和相关指南重置好你的样式（reset.css）一个简单的有语义的核心布局给重要 阅读全文
摘要：
最近疯狂地爱上了sublime text2这款靓丽性感十足的编辑器，让我好不犹豫地坚信有了它我可以抛弃dw、notepad++等等同类了。使用了一个多月的ST2之后，却只是停留在基础的应用上，是故意让自己先从界面上操作上适应一下，今晚觉得是时候好好壮大一下它了。摸索几小时发现，vim模式的强大，扩展插件的强大，代码选择和提示的人性化。。。各方面都令我对它愈加爱不释手，使用起来简直是个享受啊。下面总结如下，暂且当做备忘吧。实用的快捷键：Ctrl+L：选择整行(按住-继续选择下行)Ctrl+KK: 从光标处删除至行尾Ctrl+Shift+K: 删除整行Ctrl+J: 合并行(已选择需要合并的多行时 阅读全文
摘要：
serverServer一词，有软硬之分。1、从硬件的角度而言，Server是物理上存在的服务器,是由无数的硬件服务器和其他数字化计算设备终端（比如个人电脑、手机等）以及中间连接设备（比如网线、路由器等等）构建而成的；2、而从软件的角度上说，Server指的是具备服务器端功能的电脑软件，以及正在运行的服务器端软件。Server：服务器端软件服务器端软件是相对于客户端 ( Client ) 软件而言的。所谓服务器端软件，是指能够开放网络端口，接受其他的客户端软件建立连接，并且通过此连接与客户端软件之间交换数据的软件。这一开放特定端口，接受客户端软件连接，并通过此连接与客户端软件交换数据的行为称为 阅读全文
摘要：
W3C所制订的DOM Level分为两大模块：Core和HTML。第一个大模块是Core核心，W3C规范是这样描述Core的：满足软件开发者和Web脚本编写者，访问和操控产品项目中包含的可解析的HTML和XML内容。DOM Core，并不专属于JavaScript（如php也支持）。第二个HTML模块，规范描述为：HTML之中特定元素的功能，和恰到好处的、易用的、针对常见性任务的HTML文档操作机制。HTML模块的意义也在于解决了向后兼容的问题。DOM（文档对象模型）是由W3C制定的一套访问和操作XML（eXtensible Markup Language）文档的标准，即API。DOM与特定的 阅读全文
摘要：
HTML5中的script属性1、移除了language属性，改type为可选。2、新增async属性，定义脚本是否异步执行，取值true或false。 加入这属性就可以在head标签内插入script，脚本与文档同时下载，脚本、文档同时执行。async的作用（区分于defer）：1 async 属性为 true，则脚本会相对于文档的其余部分异步执行，这样脚本会可以在页面继续解析的过程中来执行。2 async 属性为 false，而 defer 属性为 true，则脚本会在页面完成解析时得到执行。3 async 和 defer 属性均为 false，那么脚本会立即执行，页面会在脚本执行完毕继续 阅读全文
摘要：
检测属性是否被支持根据对象属性和/或者对象方法是否被支持来把代码进行条件分支。举例来说，在 IE6浏览器上，document.body对象包含一个名为scrollTop的属性，用来确定鼠标事件发生时，鼠标y轴在页面上的位置（不仅指页面的可视部分）。为了确保浏览器对scrollTop 属性的支持作如下做检测：if (document.body.scrollTop) {// statements that work with scrollTop property}然而问题（脚本错误）还是出现了，出现在当这个document.body对象浏览器不支持时。所以为了避免这种错误，表达式必须首先测试doc 阅读全文
摘要：
addLoadEvent可以实现无论有多少个函数，都能让它们同时和window.onload事件绑定。addLoadEvent工作流程：1 把现有的window.onload事件处理函数的值存入变量oldonload。2 如果在这个处理函数上还没有绑定任何函数，就像平时那样把新函数添加给它；3 如果在这个处理函数已经绑定了一些函数，就把函数追回到现有指令未尾。4 浏览器加载html内容是自上而下的（默认），而JS一般是在哪里引入——想想如果JS里面包含了一些即时执行指令，它会操作根本不存在元素节点（因为还没有加载完）会有什么后果？结果就是出错。addLoadEvent()函数代码：functi 阅读全文
摘要：
简介结构化程序设计由迪克斯特拉（E.W.dijkstra） 在1969年提出，是以模块化设计为中心，将待开发的软件系统划分为若干个相互独立的模块，这样使完成每一个模块的工作变单纯而明确，为设计一些较大的软件打下了良好的基础。基本要点采用自顶向下，逐步求精的程序设计方法使用三种基本控制结构构造程序：（任何程序都可由顺序、选择、重复三种基本控制结构构造。）(1)用顺序方式对过程分解，确定各部分的执行顺序。(2)用选择方式对过程分解，确定某个部分的执行条件。(3)用循环方式对过程分解，确定某个部分进行重复的开始和结束的条件。(4)对处理过程仍然模糊的部分反复使用以上分解方法，最终可将所有细节确定下来 阅读全文
摘要：
什么是Viewport手机浏览器是把页面放在一个虚拟的“窗口”（viewport）中，通常这个虚拟的“窗口”（viewport）比屏幕宽，这样就不用把每个网页挤到很小的窗口中（这样会破坏没有针对手机浏览器优化的网页的布局），用户可以通过平移和缩放来看网页的不同部分。移动版的 Safari 浏览器最新引进了 viewport 这个 meta tag，让网页开发者来控制 viewport 的大小和缩放，其他手机浏览器也基本支持。Viewport 基础一个常用的针对移动网页优化过的页面的 viewport meta 标签大致如下：<meta name=”viewport” content=”w 阅读全文
摘要：
用php实现通过userAgent信息来给页面html标签打上拟定好的class name。很简单，但对前端开发摆脱各种不知所云的hacks特殊符来说很有意义，同时也能更好的用一套代码兼容各种设备。php实现方案的demo：http://www.zhaoyongming.com/lab/add-ua.phpphp代码： 1 function useragent(){ 2 $useragent = $_SERVER['HTTP_USER_AGENT']; 3 if(strstr($useragent, 'Win')){ 4 $ua_system = 'ua 阅读全文