摘要： http://www.aliued.cn/2013/01/24/%E7%BD%91%E7%AB%99css%E9%80%89%E6%8B%A9%E5%99%A8%E6%80%A7%E8%83%BD%E8%AE%A8%E8%AE%BA.htmlCSS选择符由一些初始化参数组成，这些参数指明了要应用这个CSS规则的页面元素。作为一个网站的前端开发工程师，应该避免编写一些常见的开销很大的CSS选择符模式，尽量编写高效的CSS选择符，从而加快页面的渲染速度，缩短页面呈现时间。我们先来看一下safari和webkit的架构师David Hyatt的两段话：样式系统从最右边的选择符开始向左进行匹配规则。只 阅读全文

摘要： 可以边下边播，略吊 阅读全文

摘要： 围观 Joomla, Wordpress 和 Drupal但凡接触过互联网的人，大都知道网页和博客，或许您也非常希望能有一个属于自己的网页或者博客。当前，也有各式各样的程序代码可以让你创建一个网站或者博客，我们现在更多的把他们称之为CMS（内容管理系统）。如果您在互联网上搜索一下，估计自己也会非常迷糊到底该采用哪种程序，在您开始之前，无妨一读下面的内容。在众多的CMS当中，大家经常使用的是wordpress， joomla和drupal。这三个系统也各有其特色。但是，在这三者当中，我们该选择哪种呢？最近的这几年，wordpress无疑在一步一步的发展成为一个非常优秀的CMS系统，而Joomla 阅读全文

摘要： var responseData = xmlhttp.responseText;var obj = eval ("(" + responseData + ")");用responseData获得Ajax的返回数据，然后用eval函数转化为一个obj 阅读全文

摘要： 今天想回家继续修改白天写的网站，存在Google Drive来着，结果一拿回来就出了"HTTP 错误 401.3 - 访问被资源 ACL 拒绝"，奶奶的，查了半天，主要发现还是账户权限问题。修改方法很简单，对应站点目录的IUSR的权限没设造成的...在属性——>安全——> 高级 中把IUSR用户找出来添加好就OK了PS：记得勾选使用可从此对象继承的权限替换所有子对象权限选项，因为所有的文件都必须要有IUSR权限，包括html，css和js文件。 阅读全文

摘要： 点击事件是html开发中最常用的事件，而jquery里面有click，mousedown，mouseup，touchstart，touchend等事件函数可以调用。在mobile上，必须要用touchstart，可以用以下函数进行判断。function detectmob() { if( navigator.userAgent.match(/Android/i) || navigator.userAgent.match(/webOS/i) || navigator.userAgent.match(/iPhone/i) || navigator.u... 阅读全文

摘要： jQuery中有两个获取元素位置的方法offset()和position()，两者之间有什么不同和分别呢？offset():获取匹配元素在当前视口的相对偏移。返回的对象包含两个整形属性：top和left。此方法只对可见元素有效。.offset()方法可以让我们重新设置元素的位置。这个元素的位置是相对于document对象的。如果对象原先的position样式属性是 static的话，会被改成relative来实现重定位。position():获取匹配元素相对父元素的偏移。返回的对象包含两个整形属性：top和left。为精确计算结果，请在补白、边框和填充属性上使用像素单位。此方法只对可见元素有效 阅读全文

摘要： 1. position:static元素的 position 屬性默認值為:static，即該元素出現在文檔的常規位置，不會重新定位。通常此屬性值可以不設置，除非是要覆蓋之前的定義。#div-1 { position:static;}2. position:relative設置了position:relative，便可以結合top、bottom、left、right的屬性來偏移其文檔的常規位置。例如將 div-1 向下移動 20 像素、向左移動 40 像素:#div-1 { position:relative; top:20px; left:-40px;}注意 div-1 未被移動之前的地方， 阅读全文

摘要： -webkit-transform: translate3d(0, 0, 0); 阅读全文

摘要： CSS display:none;使用该属性后，HTML元素（对象）的宽度、高度等各种属性值都将“丢失”;visibility:hidden;使用该属性后，HTML元素（对象）仅仅是在视觉上看不见（完全透明），而它所占据的空间位置仍然存在，也即是说它仍具有高度、宽度等属性值。 阅读全文

摘要： 今天碰到一个客户要求点击按钮能够关闭窗口，最简单的当然是但是这句代码有两个问题，第一是有提示窗口，需要你确认才能关闭；第二是这句代码不能在FF和Chrome下生效。一个一个来，显示提示问题最后是第二个问题，FF和Chrome，在Google下查了一圈，看了差不多10页的内容，最终得出一个悲伤的结论，FF只支持关闭javascript脚本打开的页面，不允许关闭非脚本打开的窗口。当然，可以用about:config，打开配置文件，找到dom.allow_scripts_to_close_windows，把这个设置成true的时候，FF就支持window.close()了，但是我们不是黑客，怎么可能 阅读全文

摘要： 方法描述bind()向匹配元素附加一个或更多事件处理器blur()触发、或将函数绑定到指定元素的 blur 事件change()触发、或将函数绑定到指定元素的 change 事件click()触发、或将函数绑定到指定元素的 click 事件dblclick()触发、或将函数绑定到指定元素的 double click 事件delegate()向匹配元素的当前或未来的子元素附加一个或多个事件处理器die()移除所有通过 live() 函数添加的事件处理程序。error()触发、或将函数绑定到指定元素的 error 事件event.isDefaultPrevented()返回 event 对象上是否 阅读全文

摘要： 选择器实例选取*$("*")所有元素#id$("#lastname")id="lastname" 的元素.class$(".intro")所有 class="intro" 的元素element$("p")所有 元素.class.class$(".intro.demo")所有 class="intro" 且 class="demo" 的元素:first$("p:first")第一个 元素:last$ 阅读全文

摘要： Hack 阅读全文

摘要： 在HTML中,引入CSS的方法主要有行内式、内嵌式、导入式和链接式4种。一、行内式 即在标记的style属性中设定css样式，这种方式本质上没体现出css的优势，因此不推荐使用。二、内嵌式 在对页面中各种元素的设置集中写在和之间的，对于单个页面来说，这种方式很方便。如：三、导入式 导入式格式如下：四、连接式 格式如下：五、link 和@import 的区别link属于XHTML标签，而@import完全是CSS提供的一种方式；页面被加载的时候，link-会同时被加载，而@import引用的CSS会等到页面被加载完再加载；import只有在IE5以上的才能识别，而link是XHTML标签，... 阅读全文

摘要： 如果父元素定义字体大小12px，子元素定义1em，大小就是12px。一般情况下浏览器默认字体大小有所不同，所以，可以用reset font来重新设定每一级字的大小，并且让h1~h6只是控制字的重要与否，并不是控制字的大小。一般默认1em差不多是16px。 阅读全文

摘要： 一、display:block display:block就是将元素显示为块级元素。 特点：总是在新行上开始；高度，行高以及顶和底边距都可控制；宽度缺省是它的容器的100%，除非设定一个宽度 常见block标签： , , ..., , , ,,和是块元素的例子。二、display:inline display:inline就是将元素显示为行内元素。 特点： 和其他元素都在一行上； 高，行高及顶和底边距不可改变； 宽度就是它的文字或图片的宽度，不可改变。 常见block标签： , , , , , 和是inline元素的例子。三、display:inline-block　... 阅读全文

摘要： 一、简而言之区别：严格模式是浏览器根据规范去显示页面；混杂模式是以一种向后兼容的方式去显示。意义：决定浏览器如何渲染网站（浏览器使用那种规范去解析网页）。触发：浏览器根据doctype是否存在和使用的是那种dtd来决定。二、浏览器模式当浏览器厂商开始创建与W3C标准兼容的浏览器时，他们希望确保向后兼容性。为了实现这一点，他们创建了两种呈现模式：标准模式（standardsmode）和混杂模式（quirks mode）。在标准模式中，浏览器根据规范呈现页面；在混杂模式中，页面以一种比较宽松的向后兼容的方式显示。混杂模式通常模拟老式浏览器（比如Microsoft IE 4和Netscape Nav 阅读全文

摘要： Trident(IE内核)Trident： 该内核程序在1997年的IE4中首次被采用，是微软在Mosaic代码的基础之上修改而来的，并沿用到目前的IE11。Trident实际上是一款开放的内核，其接口内核设计的相当成熟，因此才有许多采用IE内核而非IE的浏览器涌现（如 360浏览器、Maxthon、The World 、TT、GreenBrowser、AvantBrowser等）。此外，为了方便也有很多人直接简称其为IE内核（当然也不排除有部分人是因为不知道内核名称而只好如此说）。由于IE本身的“垄断性”（虽然名义上IE并非垄断，但实际上，特别是从Windows 95年代一直到XP初期，就市 阅读全文

摘要： 浏览器这边做的工作大致分为以下几步：加载：根据请求的URL进行域名解析，向服务器发起请求，接收文件（HTML、JS、CSS、图象等）。解析：对加载到的资源（HTML、JS、CSS等）进行语法解析，建议相应的内部数据结构（比如HTML的DOM树，JS的（对象）属性表，CSS的样式规则等等）渲染：构建渲染树，对各个元素进行位置计算、样式计算等等，然后根据渲染树对页面进行渲染（可以理解为“画”元素）这几个过程不是完全孤立的，会有交叉，比如HTML加载后就会进行解析，然后拉取HTML中指定的CSS、JS等。PS：周末和同学吃了个饭，然后去了趟深圳，真的就这么匆匆的过去了，感觉特别浪费的感觉，昨晚想写点 阅读全文