摘要：
问题一，分辨率Resolution适配：不同屏幕宽度，html元素宽高比和字体大小，元素之间的距离自适应，使用rem单位。 问题二，单位英寸像素数PPI适配：使用rem单位，文字会发虚。段落文字，使用px单位，用media query或js来适配。标题文字可以直接使用rem单位。 问题三，设备像素比 阅读全文
摘要：
先看一下最简单的一个实现，代码如下： 我们可以通过如下的方式来调用： 大家可能看到了，每次用的时候都要new一下，也就是说每个实例在内存里都是一份copy，如果你不需要传参数或者没有一些特殊苛刻的要求的话，我们可以在最后一个}后面加上一个括号，来达到自执行的目的，这样该实例在内存中只会存在一份cop 阅读全文
摘要：
随着Responsive设计的流行，Medial Queries可算是越来越让人观注了。他可以让Web前端工程实现不同设备下的样式选择，让站点在不同的设备中实现不同的效果。这个早前在 w3cplus已经介绍过，如果你还没有接触，不仿点击这里详细阅读。今天在看blog时发现一个其他的使用方法，就是利用 阅读全文
摘要：
页面响应加载的顺序： 1、域名解析->加载html->加载js和css->加载图片等其他信息 DOM详细的步骤如下： 解析HTML结构。 加载外部脚本和样式表文件。 解析并执行脚本代码。 构造HTML DOM模型。 加载图片等外部文件。 页面加载完毕。 <html xmlns="http://www 阅读全文
摘要：
1.浏览器加载和渲染html的顺序1、IE下载的顺序是从上到下，渲染的顺序也是从上到下，下载和渲染是同时进行的。2、在渲染到页面的某一部分时，其上面的所有部分都已经下载完成（并不是说所有相关联的元素都已经下载完）3、如果遇到语义解释性的标签嵌入文件（JS脚本，CSS样式），那么此时IE的下载过程会启 阅读全文
摘要：
跨浏览器添加事件 跨浏览器移除事件 跨浏览器阻止默认行为 跨浏览器获取目标对象 跨浏览器获取滚动条位置 跨浏览器获取可视窗口大小 js 对象冒充 js 异步加载和同步加载 异步加载也叫非阻塞模式加载，浏览器在下载js的同时，同时还会执行后续的页面处理。在script标签内，用js创建一个script 阅读全文
摘要：
在什么情况下更适合使用HTML IMG标签来显示一个图像,而不是一个CSS有背景图像,反之亦然? 如下场景使用img标签比较合适： 1、如果图像是等内容的一部分或图表或人(真正的人,而不是股票图人)，使用Img标签加上alt属性。 2、如果你想打印页面并且你想要的图像包括默认情况下使用IMG。 3、 阅读全文
摘要：
前段时间在写网页的时候，使用了CSS的伪元素:after来实现样式，故而重温了一下伪类和伪元素。平时实现的时候便是拿出来用，但是真正区分两者的概念的时候却有点混淆了。 首先，查看一下W3S对伪类和伪元素的定义： 伪类：用于向某些选择器添加特殊效果。 伪元素：向某些选择器设置特殊效果。 对于我这种理解 阅读全文
摘要：
当前现代浏览器中，Chrome浏览器下type=search的输入框会有清除按钮的动态呈现，不过搜索input框尺寸不太好控制(padding无视)；FireFox浏览器貌似任何类型的输入框都无动于衷；IE10+浏览器貌似任何输入框都会出现清除按钮，但是长得略微粗糙了点，设计师同学接受不了。 借助H 阅读全文
摘要：
在我们设计制作一些网页的时候可能会用到半透明的效果，首先我们可能会想到用PNG图片处理，当然这是一个不错的办法，唯一的兼容性问题就是ie6下的BUG，但这也不困难，加上一段js处理就行了。但假如我们需要一个半透明遮罩的弹出层，如登陆框、注册框、提示等，这时可能需要整个页面都要被半透明的遮罩层覆盖，那 阅读全文