摘要： form有2中方法把数据提交给服务器，get和post,分别说下吧。（一）get提交1.首先说下客户端（浏览器）的form表单用get方法是如何将数据编码后提交给服务器端的吧。对于get方法来说，都是把数据串联在请求的url后面作为参数，如：http://localhost:8080/servlet?msg=abc（很常见的一个乱码问题就要出现了，如果url中出现中文或其它特殊字符的话，如：http://localhost:8080 /servlet?msg=杭州，服务器端容易得到乱码），url拼接完成后，浏览器会对url进行URL encode，然后发送给服务器，URL encode的过程就 阅读全文

摘要： 伪类： 元素的状态属性描述:active向被激活的元素添加样式。:focus向拥有键盘输入焦点的元素添加样式。:hover当鼠标悬浮在元素上方时，向元素添加样式。:link向未被访问的链接添加样式。:visited向已被访问的链接添加样式。:first-child向元素的第一个子元素添加样式。:lang向带有指定 lang 属性的元素添加样式。伪元素 ： 两个“：”的是CSS3的产物，称为伪元素 伪元素并不是在任何元素上通过他们都能为某个元素添加内容，或者写任何效果　在“input”和“img”元素是使用是没有任何效果的，还有一点伪元素的动画效果在“-webkit”内容下不... 阅读全文

摘要： 浏览器加载和渲染html的顺序 1. IE下载的顺序是从上到下，渲染的顺序也是从上到下，下载和渲染是同时进行的。 2. 在渲染到页面的某一部分时，其上面的所有部分都已经下载完成（并不是说所有相关联的元素都已经下载完）。 3. 如果遇到语义解释性的标签嵌入文件（JS脚本，CSS样式），那么此时IE的下载过程会启用单独连接进行下载。 4. 样式表在下载完成后，将和以前下载的所有样式表一起进行解析，解析完成后，将对此前所有元素（含以前已经渲染的）重新进行渲染。 5. JS、CSS中如有重定义，后定义函数将覆盖前定义函数。 JS的加载 1. 不能并行下载和解析（阻塞下载）。 2. 当引用了JS的时候， 阅读全文

摘要： navSlider类function navSlider(navArea,curEle,sliderEle,targetEle){ this.navArea = navArea; this.curEle = curEle; var slider = sliderEle; var curPos = (this.curEle.length > 0)? this.curEle.position().left : 0; var curWidth = (this.curEle.length > 0)? this.curEle.outerWidth(tru... 阅读全文

摘要： display:none与visible:hidden的区别display:none和visible:hidden都能把网页上某个元素隐藏起来，但两者有区别:display:none ---不为被隐藏的对象保留其物理空间，即该对象在页面上彻底消失，通俗来说就是看不见也摸不到。visible:hidden--- 使对象在网页上不可见，但该对象在网页上所占的空间没有改变，通俗来说就是看不见但摸得到。例子：display:none和visible:hidden的区别隐藏区域显示区域隐藏区域显示区域 阅读全文

摘要： 遍历一组图片，遍历时需要获取其宽度，效果出来后，IE和Firefox都没有问题，唯独Chrome和Safari会出现获取不到图片宽度的情况。以往基本上是IE不兼容，这下出现Chrome和Safari不兼容了，倒觉得稀奇了，故写出来分享下。 注：代码修改之前，直接用的$(ele).width()来取图 阅读全文

摘要： CSS3条件判断——@supportsCSS3条件判断，听起来“不明觉厉”,如果你对CSS稍为熟悉一点的话，你会发现CSS中的“@media”就是条件判断之一。是的，在CSS3的条件判断规范文档中包含了两个部分，其一是“@media”规则，主要用来“根据媒体属性区分样式表”(特别是在Responsive设计中，发挥的作用更是强大)；其二是“@supports”规则，主要用来代替前面常用的Modernizr库，在不支持CSS3的浏览器下实现渐进增强式设计。换句话来说，@supports可以让我们在不支持CSS3属性的浏览器下配上单独的样式，看起来很强大，那具体如何使用呢？我们今天一起简单的来学习 阅读全文

摘要： 1、Firefox @-moz-document url-prefix() { .selector { property: value; } } 上面是仅仅被Firefox浏览器识别的写法，具体如： @-moz-document url-prefix() { .demo { color:lime; } } 支持Firefox的还有几种写法： /* 支持所有firefox版本 */ #selector[id=selector] { property: value; } 或者： @-moz-docume... 阅读全文

摘要： 浏览器兼容之旅的第二站:各浏览器的Hack写法Browser CSS HacksMoving IE specific CSS into @media blocksDetecting browsers javascript hacksBrowser Specific HacksBrowser-Specific CSS HacksCSS hacks大家平时看得多的应该是IE浏览器的hack写法比较多，但对于现代浏览器，比如说Safari、Chrome、Firefox等浏览器的hack写法并不多见，甚至有的不知道怎么写。如果您是属于后者，根本不知道各浏览器下具有哪些hack手段，不要着急。因为Hug 阅读全文

摘要： 盒子模型是CSS中一个重要的概念，盒子模型的范围就包括width/height, padding, border, margin。在平时的网页布局中其实就已经在不断的使用者盒子模型。在上图中我们展示的是一个标准盒子模型。这里再来看下非标准的盒子模型：IE盒子模型比较两个盒子模型的图，对于他们区别应该可以一目了然了：标准盒子模型：高度值和宽度值不包括了padding, borderIE盒子模型：高度值和宽度值包括了padding, border正因为这样的区别，所以在不同的模型下同一样式的DIV在浏览器上所占用的空间面积也就不一样。IE 和 W3C盒子模型的触发在业界，IE浏览器总是被声讨，网页 阅读全文