html5
water_v
这个作者很懒,什么都没留下…
展开
-
defer和async的区别
页面的加载和渲染过程1.浏览器通过HTTP协议请求服务器,获取HTML文档并开始从上到下解析,构建DOM;2.在构建DOM过程中,如果遇到外联的样式声明和脚本声明,则暂停文档解析,创建新的网络连接,并开始下载样式文件和脚本文件;3.样式文件下载完成后,构建CSSDOM;脚本文件下载完成后,解释并执行,然后继续解析文档构建DOM;4.完成文档解析后,将DOM和CSSDOM进行关联和映...转载 2020-01-15 20:26:57 · 333 阅读 · 0 评论 -
HTML5水滴特效
实现canvas铺满全页面,并随窗口的大小变化而变化 /*②如果加上这个样式,会出现竖向滚动条,这是因为canvas和img标签一样有默认的对齐方式,只要把canvas中添加上display:block即可解决 html,body{ height:100%; } /*①如果只有canvas样式的定义,并且不包括disp原创 2017-10-21 13:19:37 · 5559 阅读 · 0 评论 -
手机移动端web资源整合
做移动端开发,会存在各种兼容问题。meta基础知识<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maxinum-scale=1.0,user-scalable=no"忽略将页面中的数字识别为电话号码<meta name="format-detection" content="转载 2017-10-21 21:51:43 · 285 阅读 · 0 评论 -
meta标签的特殊用法
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 这句话表示要IE走最高级的Edge渲染,如果有Chrome用chrome渲染 <meta name="render" content="webkit"> 如果是双核浏览器,那就用webkit渲染 <link rel="dns-prefetch转载 2017-10-22 14:10:17 · 369 阅读 · 0 评论