Meta标签定义浏览器用什么模式渲染

发表于 html5 分类,标签:
         #HTMLMeta中添加X-UA-Compatible和IE=Edge,chrome=1有什么作用?      >X-UA-Compatible是自从IE8新添加一个位置,对IE8以下的浏览器是不识别的,      通过在meta中设置X-UA-Compatible的值,可以指定网页的兼容性模式设置。       网页中指定的模式优先于服务器通过HTTPHeader指定的模式。      ##通用设置 &...

ie 滚动条的样式

发表于 html5 分类,标签:
ie滚动条的样式支持的属性有以下属性scrollbar-base-color-滚动条背景色自动调整其他颜色scrollbar-face-color-滚动条背景色scrollbar-highlight-color-滑道背景色scrollbar-track-color此属性也能调整滑道背景色scrollbar-shadow-color-滚动条边框颜色scrollbar-arrow-color-箭头颜色、使用实例: .test{scrollbar-base-color:red;} .test{scrollbar-face-color:red;} .test{scrollbar-highlight-color:#f00;} || .test{scrollbar-track-color:red;} .test{scroll...

chrome下调整滚动条样式

发表于 html5 分类,标签:
<!DOCTYPEhtml><html><head>  <metacharset="UTF-8">  <title>Title</title>  <style>    .fd-scroll{      width:1000px;      height:...

移动端媒体查询

发表于 html5 分类,标签:
 <metacharset="UTF-8"/>   <metaname="renderer"content="webkit"/>   <metahttp-equiv="X-UA-Compatible"content="IE=EDGE,chrome=1">    <metaname="viewport"content="width=device-width,height=device-height,initial-scale=1.0,minimum-scale=1.0,maxim...

indexDB是使用

发表于 html5 分类,标签:
//index.db.js;window.indexedDB=window.indexedDB||          window.mozIndexedDB||          window.webkitIndexedDB||          window.msIndexedDB; window.IDBTransaction=window.IDBTransaction||   ...

前端性能优化

发表于 html5 分类,标签:
移动H5前端性能优化指南概述1.PC优化手段在Mobile侧同样适用2.在Mobile侧我们提出三秒种渲染完成首屏指标3.基于第二点,首屏加载3秒完成或使用Loading4.基于联通3G网络平均338KB/s(2.71Mb/s),所以首屏资源不应超过1014KB5.Mobile侧因手机配置原因,除加载外渲染速度也是优化重点6.基于第五点,要合理处理代码减少渲染损耗7.基于第二、第五点,所有影响首屏加载和渲染的代码应在处理逻辑中后置8.加载完成后用户交互使用时也需注意性能优化指南[加载优化]加载过程是最为耗时的过程,可能会占到总耗时的80%时间,因此是优化的重点·减少HTTP请求因为手机浏览器同时响应请求为4个请求(Android支持4个,iOS5后可支持6个),所以要尽量减少页面的请求数,首次加载同时请求数不能超过4个a)合并CSS、JavaScriptb)合并小图...

2015年开源前端框架盘点TOP20

发表于 html5 分类,标签:
015年已经过去了,作为一个前端开发者,我觉得有必要把过去一年帮助过我或朋友们的优秀开源前端框架做个盘点,希望这些项目能够越来越好,帮助到更多的前端开发者们。此榜单根据github上star数作为排名依据,一个人力量有限,如果收集有遗漏欢迎补充。(榜单中大部分为组件式框架,react、Angular等基础框架不在此篇讨论)1、名称:Bootstrap类别/语言:HTML、CSS、JavaScript创建者:Twitter人气:在Github上有91007stars描述:主流框架中毋庸置疑的老大,Bootstrap是基于HTML、CSS、JavaScript的,它简洁灵活,使得Web开发更加快捷。核心概念/原则:RWD和移动优先制。浏览器支持:Firefox,Chrome,Safari,IE8+(你需要Respond.jsforIE8)响应式:Yes模块...

H5特性浏览器执行情况查询网

发表于 html5 分类,标签:
caniusehttp://caniuse.com/...

屏幕分辨率大全

发表于 html5 分类,标签:
640*960800*600800*12001024*6001024*7681024*15361152*8641152*17281280*7201280*7681280*8001280*9001280*9601280*10241280*16001280*20481360*7681360*10241400*10501400*21001440*9001600*6001600*10241600*12001600*24001680*10501792*13441800*14401920*10801920*12001920*14402048*7682048*15362048*30722304*8642560*8002560*10242800*10503...

cdn 记录

发表于 html5 分类,标签:
amaz http://cdn.amazeui.org/amazeui/2.4.2/css/amazeui.csshttp://cdn.amazeui.org/amazeui/2.4.2/css/amazeui.min.csshttp://cdn.amazeui.org/amazeui/2.4.2/js/amazeui.jshttp://cdn.amazeui.org/amazeui/2.4.2/js/amazeui.min.jshttp://cdn.amazeui.org/amazeui/2.4.2/js/amazeui.ie8polyfill.jshttp://cdn.amazeui.org/amazeui/2.4.2/js/amazeui.ie8polyfill.min.jshttp://cdn.amazeui.org/amazeui/2.4.2/...