摘要：
新的选择器document.querySelector("selector");selector:根据CSS选择器返回第一个匹配到的元素，如果没有匹配到，则返回null;支持： Chrome 4.0+, FireFox 3.5+, Safari 3.2+, Opera 10.1+, IE 8+document.querySelectorAll("selector");selector:根据CSS选择器返回所有匹配到的元素数组，如果没有匹配到，则返回空数组;支持： Chrome 4.0+, FireFox 3.5+, Safari 3.2+, Opera 阅读全文
摘要：
根据模块化的思想，将目录划分为html，css，image三大部分。css部分：（base.css、globa.css和mod文件夹）1、base.css放置的是reset，clearfix等基础类和工具类；2、globa.css放置的是布局样式，包括header，footer等样式；3、mod文件夹下面放置的模块，组件的样式；html部分：（mod文件夹和template文件夹）1、mod文件夹下面放的是模块的代码片段集合。如果有可能尽可能粒度划分的更细，因为这些都是代码片段，希望以后有工具做到代码片段和css的自动载入;2、template文件夹下面放的是产出物，其实就是一些模块的拼合。只 阅读全文
摘要：
1. document.form.item 问题 现有代码中存在许多 document.formName.item("itemName") 这样的语句，不能在Firefox下运行 解决方法： 统一使用 document.formName.elements["elementName"]2. 集合类对象问题 问题： IE下,可以使用()或[]获取集合类对象；Firefox下，只能使用[]获取集合类对象 解决方法： 改用[ ]作为下标运算。如：document.forms("formName") 改为 document.forms[&quo 阅读全文
摘要：
细节1………………………………………………………………………………一、当文字与图片在一行，需要将文字与图片底对齐，需要这样写：<li>记住密码<img src="" align="bottom" style="margin-bottom:-4px"/></li>二、当文字与图片在一行，需要将文字与图片居中对齐，需要这样写：<li>记住密码<img src="static/img/xyx.jpg" align="middle"/>< 阅读全文
摘要：
常用:JS 获取浏览器窗口大小// 获取窗口宽度if (window.innerWidth)winWidth = window.innerWidth;else if ((document.body) && (document.body.clientWidth))winWidth = document.body.clientWidth;// 获取窗口高度if (window.innerHeight)winHeight = window.innerHeight;else if ((document.body) && (document.body.clientHeig 阅读全文
摘要：
float 是 css 的定位属性。在传统的印刷布局中，文本可以按照需要围绕图片。一般把这种方式称为“文本环绕”。在网页设计中， 应用了CSS的float属性的页面元素就像在印刷布局里面的被文字包围的图片一样。浮动的元素仍然是网页流的一部分。这与使用绝对 定位的页面元素相比是一个明显的不同。绝对定位的页面元素被从网页流里面移除了，就像印刷布局里面的文本框被设置为无视页面环绕一样。绝对定位的元素不会 影响其它元素，其它元素也不会影响它，无论它是否和其它元素挨着。像这样在一个元素上用CSS设置浮动：#sidebar { float: right; }fload属性有四个可用的值：Left 和Rig 阅读全文
摘要：
众所周知IE6不支持透明的PNG图片,而PNG图片在Web设计方面表现力上，具有其它图形格式所达不到的效果，IE6这一致命缺陷极大地限制了Web设计的创意发挥。虽然解决IE6的透明PNG的方法也很多,从使用IE特有的滤镜或是expression,再到javascript+透明 GIF替代.但是这些方法都有一个缺点,就是不支持CSS中backgrond-position与background-repeat属性。而使用DD_belatedPNG.js可完美的解决IE6下PNG图片透明问题，并且支持backgrond-position与background-repeat. 这是其他方法所 阅读全文
摘要：
以下是meta每个属性详解尤其要注意的是content里多个属性的设置一定要用分号+空格来隔开，如果不规范将不会起作用。一、<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> //编码META标签是HTML语言HEAD区的一个辅助性标签，它位于HTML文档头部的标记和 标题 <<标记之间，它提供用户不可见的信息。meta标签通常用来为搜索引擎robots定义页面主题，或者是定义用户浏览器上的cookie；它可以用于鉴别作者，设定页面格式，标注内容提 阅读全文
摘要：
1. oncontextmenu="window.event.returnvalue=false" 将彻底屏蔽鼠标右键<table border oncontextmenu=return(false)><td>no</table> 可用于Table2. <body onselectstart="return false"> 取消选取、防止复制3. onpaste="return false" 不准粘贴4. oncopy="return false;" oncut=&q 阅读全文
摘要：
概要iScroll 4 这个版本完全重写了iScroll这个框架的原始代码。这个项目的产生完全是因为移动版webkit浏览器（诸如iPhone，iPad，Android 这些系统上广泛使用）提供了一种本地化的方式来对一个限定了高度和宽度的元素的内容进行滑动。很不幸的是，这种情况下所有的web应用的页面就不能够包含具有position:absolute的头、页尾或者是一个内容可滚动的中间区域。然而，Android系统最新修订版已经可以支持这种功能了（尽管支持的力度还不是特别好），Apple公司似乎不太情愿将one-finger滑动事件运用到div元素上。除了以前版本的iScroll的特性以外，i 阅读全文