摘要：
浏览器内核种类繁多，商用的加上非商业的免费内核，大约有10款以上甚至更多，不过通常比较常见的大约只有以下4种，下面就简单介绍一下。 TridentTrident（又 称为MSHTML），是微软的Windows搭载的网页浏览器——Internet Explorer浏览器使用的内核（俗称IE内核），该内核程序在1997年的IE 4中首次被采用，之后不断地加入新的技术并随着新版本的IE发布。Triden... 阅读全文
摘要：
平时我们几乎每天都在和浏览器打交道，写出来的页面很有可能在不同的浏览器下显示的不一样。为了兼容各个浏览 器而不断地去测试和调试，还在脑子中记下各种遇到的BUG及解决方案，而并没有去主动地关注和了解下浏览器的工作原理。下面是建议根据浏览器的渲染原理对CSS的书写性能做一点改进。最终决定浏览器表现出来的页面效果的差异是：渲染引擎 Rendering Engine（也叫做排版引擎），也就是我们通常所说的“浏览器内核”，负责解析网页语法（如HTML、JavaScript）并渲染、展示网页。相同的代码在不同的浏览器呈现出来的效果不一样，那么就很有可能是不同的浏览器内核导致的。下面看一下加载页面时浏览器的 阅读全文
摘要：
Web页面运行在各种各样的浏览器当中，浏览器载入、渲染页面的速度直接影响着用户体验 简单地说，页面渲染就是浏览器将html代码根据CSS定义的规则显示在浏览器窗口中的这个过程。先来大致了解一下浏览器都是怎么干活的：1. 用户输入网址（假设是个html页面，并且是第一次访问），浏览器向服务器发出请求，服务器返回html文件；2.浏览器开始载入html代码，发现标签内有一个标签引用外部CSS文件；3.浏览器又发出CSS文件的请求，服务器返回这个CSS文件；4.浏览器继续载入html中部分的代码，并且CSS文件已经拿到手了，可以开始渲染页面了；5.浏览器在代码中发现一个标签引用了一张图片，向服务器发 阅读全文
摘要：
影响网站打开时间有两个因素，一个是网页加载速度，另一个是网站页面的大小。网站加载速度与用户所处的网络环境及主机性能有关，而网站页面的大小则由网站开发者决定,最主要的就是web前端开发工程师的工作。本文的重点就是如何压缩网站页面，以减少页面加载时间。1. 图片压缩 相对与文本来说，图片是相当占用空间的。压缩图片是重中之重。 图片压缩工具推荐： Shrink-O-Matic Smush It 光影魔术手2. Javascipt压缩 为了增加页面的交互性及动画效果，很多页面大量使用 Javascript ，特别是Jquery。 推荐工具： Javascript Compressor JS Compr 阅读全文
摘要：
随着iphone的普及，越来越多网站都要制作一个单独的mobile端，而主体风格又要与电脑端完全一致。收集了25个精美网站，均是手机/电脑自响应的网站案例。1.Maryland Craft Beer Festival2.Daniel Vane3.Inspire Conference4.Formfett5.Forefathers Group6.Design Week Portland7.... 阅读全文
摘要：
模块化概念 模块化就是为了减少循环依赖，减少耦合，提高设计的效率。为了做到这一点，我们需要有一个设计规则，所有的模块都在这个规则下进行设计。良好的 设计规则，会把耦合密集的设计参数进行归类作为一个模块，并以此划分工作任务。而模块之间彼此通过一个固定的接口（所谓的可见参数）进行交互，除此之外的 内部实现（所谓的隐参数）则由模块的开发团队进行自由发挥。程序模块化的目的： 减少循环依赖 减少耦合 提高设计效率 程序模块化的实施： 把耦合密集的归为一个模块 模块间通过固定的接口交互 模块内部实现自由发挥 HTML CSS Images的模块化设计 页面模块化的实施，这里指的是针对除去JavaScrip 阅读全文
摘要：
简单说：hideFocus是对超链接外虚线框的设定！hideFocus即隐藏聚焦，具有使对象聚焦失效的功能，其功能相当于：onFocus="this.blur()"它的值是一个布尔值，如hideFocus=true。也可省略赋值直接写hideFocus。你给的代码如果没有hideFocus,那么鼠标点击该超链接，则外面出现一个虚线框，即为聚焦。而使用了hideFocus则不会有虚线框。在IE下，需要在标签 a 的结构中加入 hidefocus="true" 属性。 演示：没有虚线框有虚线框而在FF等浏览器中则相对比较容易，直接给标签 a 定义样式 out 阅读全文
摘要：
网页滚动条本身就是浏览器的一部分，使用它可以方便浏览较大的网页，但是千篇一律的它经常会给整体页面效果拖了不少后腿，我们能不能改变它灰灰的样子呢？能！俗话说：“只有你想不到的，没有做不到的。” 给滚动条换色 几乎所有网页的滚动条都是默认的灰色，如果把它的颜色换换，来点另类的，相信一定会使网页更加靓丽。我们只要在网页代码之间插入下面的代码，即可随心所欲地更改颜色了。后面的16位颜色值你可以随意更改，括号内是解释说明，在输入时请不要插入。 隐藏滚动条 在任何情况下，如果网页超出显示范围，就会出现滚动条。但有时我们并不想让它显示，如何隐藏它呢？只需 在之间插入代码：即可。其中x表示水平滚动条，将其改为 阅读全文
摘要：
1、关于页面元素的引用通过jquery的$()引用元素包括通过id、class、元素名以及元素的层级关系及dom或者xpath条件等方法，且返回的对象为jquery对象（集合对象），不能直接调用dom定义的方法。2、jQuery对象与dom对象的转换只有jquery对象才能使用jquery定义的方法。注意dom对象和jquery对象是有区别的，调用方法时要注意操作的是dom对象还是jquery对象。 普通的dom对象一般可以通过$()转换成jquery对象。 如：$(document.getElementById("msg"))则为jquery对象，可以使用jquery的方 阅读全文