田克(sailor)

摘要： 所谓的触屏版网站其实也是WebApp的一种展示形式，主要是依赖HTML+CSS+Javascript这三个关键因素来实现，相比较原生客户端程序来说优点就是开发周期短、升级简单、维护成本低,因为从根本上来说WebApp的本质就是一个网站而已。这里就说一下如何开发一个适合在触屏设备上展示的页面.如果有在... 阅读全文

摘要： Web前端开发规范手册一、规范目的1.1 概述.....................................................................................................................................1二、文件规范2.1 文件命名规则.........................................................................................................................12.2 . 阅读全文

摘要： 一、Web页面切图1) Web页面的切图类型可以归纳为背景（bg）、列表项目的符号（li）、内容中插入的图片（pic）、按钮（btn）、图标等几种形式（ico）。2) 建议把用CSS背景加载的图片拼合成一张图片。这样可减少对服务器的请求。从而提升页面加载速度。3) 除页面头部大图保存格式为JPG外，其他图片一律采用gif格式二、CSS相关事项：1) 所有的xhtml代码小写。2) 每个标签都要有开始和结束，且要有正确的层次,没有结束标签的，标签后加上"/"。 如：、3) 所有的属性必须用引号""括起来。4) 文档类型必须声明，禁止文档类型乱用。5) 所有 阅读全文

摘要： W3C DOM什么是DOM，DOM其实就是把一个HTML或者XML等符合W3C标准的文档内容模拟成一个JAVA对象，这样才能给JAVA或者JS来操作。下面是JS中模拟出的内置DOM对象document的属性和方法 （同样，JAVA中也有对应的DOM类，并且更强大）方法：document.createElement(tagName)说明：创建指定元素方法：document.createTextNode(文本)说明：创建文本节点方法：_dom.appendChild(子元素)说明：添加新节点方法：_dom.getAttribute(属性名)说明：返回元素的属性方法：_dom.setAttribut 阅读全文

摘要： 兼容性问题是如何产生的首先我们看一则笑话，如果用枪来比喻各浏览器的话，其中chrome,ff等都是NB轰轰的枪。而IE？渣就算了，枪头还要反过来？这是闹哪样。再回归正题。2001年微软发布了XP和IE6，在当时是世界上标准执行得最高的浏览器，并且有很多私有技术和容错技术，使得顶峰市场份额达到98%。于是骄傲的微软不理睬W3C，W3C也把微软抛弃，两家分道扬镳越久，标准的相差就越来越远。遗留下的兼容性问题就交到了现在的前端开发者身上了。说白一点，浏览器是一个(X)HTML/CSS/Javascript等语言的解释执行环境，h1能解释为标题，a能解释为连接，都是浏览器定义好的，这一份定义从一开始定 阅读全文

摘要： 描述根元素：定义 html 文档。META元素：定义关于文档的信息。定义元信息。定义文档的标题。定义页面中所有链接的基准 URL。定义资源引用。定义样式定义。脚本元素 ：定义 noscript 部分。定义脚本。部件元素：定义 body 元素。定义 section 或 page 的页眉。定义 section。定义 article。定义页面内容之外的内容。定义地址元素。定义导航链接。 to 定义标题 1 到标题 6。定义有关文档中的 section 的信息。定义 section 或 page 的页脚。分组内容元素 ：定义长的引用。插入换行符。定义定义的描述。定义文档中的一个部分。定义定义列表。定义 阅读全文

摘要： 本来打算写关于手机端的知识，想了想先从meta着手。接下来请大家看几个网站的例子。一、天猫(http://m.tmall.com)天猫触屏版 二、淘宝(http://m.taobao.com)淘宝网触屏版三、京东(http://m.jd.com) 京东 - 手机版 四、网易(http://3g.163.com)手机网易网五、百度(http://m.baidu.com)meta指元素可提供有关页面的元信息（meta-information），比如针对搜索引擎和更新频度的描述和关键词。 标签位于文档的头部，不包含任何内容... 阅读全文

摘要： 21世纪，浏览器杂七杂八，足以让你眼花缭乱。我们在做页面兼容性测试的时候，面对众多的浏览器该如何调试我们的web页面？其实，如果你了解了浏览器的内核，那么就不会觉得头疼。因为它们的内核并不是和他的数量一样那么多，常见的几类内核可以归为：Trident、Gecko、WebKit、Presto 四种。至于众多的浏览器，他们只不过是：{不同浏览器的外壳+内核=浏览器}。外壳指的是浏览器界面上的菜单，工具栏，那些让用户操作的。而他们都是调用内核来实现各种功能，可见内核才是浏览器的核心。所以，我们只要了解一款浏览器的核心引擎是什么，然后就可以对其进行兼容性测试，不会觉得无从下手。浏览器的内核又可以分为： 阅读全文

摘要： 在程序语言中定义的各种各样的数据类型中，我们都会为其定义一个"空值"或"假值"，比如对象类型的空值null，.NET Framework中数据库字段的空值DBNull，boolean类型的假值false等等。在JavaScript中也有很多种的"空值"和"假值"，那么它们都有什么共同点和不同点呢？ 其实标题里面我已经列出了JavaScript中所有的"空值"和"假值"，除了boolean值本身就是true和false这两种情况外，其它数据类型的"空值"主要 阅读全文

摘要： Ajax介绍1.什么是Ajax Ajax全称为"Asynchronous JavaScript and XML",是由客户端js所发起的http请求代号. 实现无刷新的数据更新界面效果.2.Ajax原理 运用XHTML+CSS来表达信息; 运用JavaScript操作DOM(Document Object Model)运行动态效果; 运用XML和XSLT进行数据交换及操作; 运用XMLHttpRequest为Agent与网页服务器进行异步数据交换; 运用JavaScript技术实现3.Ajax的优点 1.不需要任何浏览器插件,在任何支持JavaScript的浏览器上运行 2 阅读全文