zhanghuiyun

摘要： 媒体查询： 1、媒体查询优点：基于设备的属性检测设备，这样一来就不需要使用浏览器探测脚本，之后允许直接安装设备的功能去设定目标样式表，也就是说检测用户使用小屏幕的设备，css规则就会调整以适应该屏幕的尺寸，从屏幕上去除无关元素，提供更小的图片，让文本变得更加清晰 2、语法 @link元素调用,多种媒 阅读全文

摘要： 浏览器支持的前缀： 1、浏览器兼容前缀 2、支持所有IE浏览器 3、支持除IE外的所有浏览器 4、仅仅支持IE10 5、支持IE9 以下版本 阅读全文

摘要： 响应式布局： 1、保有足够的留白，但也几乎不浪费屏幕面积 2、该考虑的内容：@百分比的布局以及em布局，随屏幕宽度变化的间距 @文本换行 @图片需被替换或允许缩放 @忍受一个不再完美的设计 自适应布局： 1、可在每个突变点上，为内容区域设置一个最大宽度，然后将外间距扩张直至匹配到下一个突变点 搜索框 阅读全文

摘要： 创建响应式布局--显示表格数据： 1、使用表格时，适应不同的屏幕，则可以通过以下几个方法： A：使用CSS改变外观 B：创建多个表格 不推荐 创建响应式布局 使用测量单位： 1、测量单位： A：使用px B：使用百分比 C：em以及rem(root em 基于HTML) D：viewport测量（注 阅读全文

摘要： 1、Pure Grids ： 创建你所需栅格系统的环境，CSS框架 2、BootStrap 3、Foundation：发布了一些优秀的模态、灯箱和内容滑块的解决方案；用于创建一个流式12列栅格 4、Gridpak：根据你的输入生成栅格系统 5、Golden Grid System：一个易于使用的18 阅读全文

摘要： 1、屏幕分组： A：0-479px 小 B：480-959px 中 C：960-1399px 大 D：1400px+ 特大 2、一般情况下，显示器尺寸和分辨率值得关系为： 14寸显像管(CRT)显示器 800×600 17寸液晶或CRT显示器 1024×768 19寸液晶显示器(普屏) 1280×1 阅读全文

摘要： 1、HTTP请求以及发送给用户的资源文件数不要太多 2、加载堵塞，通过“懒加载”、“延迟加载”、“异步交互”，允许网站一部分的脚本在运行前先加载 3、提高网站性能以加快页面加载速度和资源文件传输速度： A：只提供给用户此刻需要的内容，其余的使用异步传输方法 B：谨慎决定需要展示的内容，如果不需要内容 阅读全文

摘要： 阅读全文

摘要： 补充： stopImmediatePropagation 的功能比stopPropagation 多一些，除了可以阻止事件冒泡之外，还可以把这个元素绑定的同类型事件也阻止 遍历数组：[1,2,3].forEach(function(v){}); 阅读全文

摘要： 阅读全文