html5
ken_ding
这个作者很懒,什么都没留下…
展开
-
升级打怪-精读html5权威指南-第一章
1 web时代的变迁 1.1 迎接新的web时代 1.1.1 HTML5时代即将来临 2010年HTML5正式推出,他就以一种惊人的速度被迅速推广着,微软也因此为下一代IE9做了标准上的改进,使其能够支持HTML5. 1.1.2 HTML5的目标 能够创建更简单的web程序,书写出更简洁的HTML代码. 1.1.3 HTML5的小版本更新 2016年11月,W3C推出html5.1版本,增加组合标签 2017年12月14日,W3C推出html5.2版本,启用html插件系统,提供es6支持 1.2 HT原创 2020-12-16 21:55:49 · 102 阅读 · 0 评论 -
localStorage和sessionStorage区别
localStorage和sessionStorage一样都是用来存储客户端临时信息的对象。他们均只能存储字符串类型的对象(虽然规范中可以存储其他原生类型的对象,但是目前为止没有浏览器对其进行实现)。localStorage生命周期是永久,这意味着除非用户显示在浏览器提供的UI上清除localStorage信息,否则这些信息将永远存在。sessionStorage生命周期为当前窗口或标签页,一旦窗口原创 2017-12-17 11:55:31 · 272 阅读 · 0 评论 -
前端缓存策略与基于Webpack的静态资源版本管理
为什么要做HTTP缓存 自Web2.0开始,随着Web产品和服务花样不断增加,网站的体积也开始变得越来越大。今天,体积过M的网站早已屡见不鲜。像facebook、twitter、淘宝、京东这样的网站,首屏的体积甚至接近10M(其中包含不少的部分是懒惰加载的图片)。如果不做前端缓存,每次打开网站都去服务器拉取,一个是绝大部分为重复的静态文件,浪费服务器网络资源;二是响应时间往往要在十几秒甚至二十秒...原创 2018-04-23 21:18:20 · 2200 阅读 · 0 评论 -
document.compatMode介绍
对于document.compatMode,很多朋友可能都根我一样很少接触,知道他的存在却不清楚他的用途。今天在ext中看到 document.compatMode的使用,感觉这个对于我们开发兼容性的web页面还是很有帮助,我们都知道,IE对盒模型的渲染在 Standards Mode和Quirks Mode是有很大差别的,在Standards Mode下对于盒模型的解释和其他的标准浏览器是一样,...原创 2018-08-28 10:40:14 · 244 阅读 · 0 评论 -
input标签中设置readonly属性后光标显示问题
IE、火狐浏览器中,在HTML中,如果把一个的readonly属性设置为"readonly",表示这个表单元素不能编辑。但是,鼠标点击之后,这个表单元素还是有光标存在的。 以下方法可以解决这个问题: 1.设置属性 disabled=“disabled”, <input type="text" id="id" style="width:250px;height:30px;" disabled=...原创 2018-10-30 17:42:34 · 3780 阅读 · 0 评论 -
html5 video标签制作背景图
代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">原创 2018-11-27 14:57:56 · 8391 阅读 · 1 评论