此段代码只能在IE浏览器里面显示效果如下： 比如火狐谷歌就无法使用效果如下： 谷歌里面就无法显示此段代码用于解决浏览器兼容问题！ 条件Hack定义和用法 <!--[if <keywords>? IE <version>?]> HTML代码块 <![endif]--> 条件Hack属性值 <keywo ...
分类：
Web程序 时间：
2019-09-15 11:17:11
阅读次数：
113
HTML5现在已经不是SGML的子集，主要是关于图像，位置，存储，多任务等功能的增加。 绘画canvas； 用于媒介回放的video和audio元素； 本地离线存储localStorage长期存储数据，浏览器关闭后数据不丢失； sessionStorage的数据在浏览器关闭后自动删除； 语义化更好的 ...
分类：
Web程序 时间：
2019-09-11 11:30:27
阅读次数：
109
多媒体与绘图 多媒体 音频格式 视频格式 HTML5多媒体支持 html5的绘图支持 绘制图形 绘制几何图形 绘制路径 绘制字符串 清除绘制内容 绘制阴影 绘制位图 变形 svg HTML5中使用svg svg的基本语法 svg内部标签 几何图形标签 路径标签 文字标签 HTML5新特性 结构化语义 ...
分类：
Web程序 时间：
2019-09-07 10:35:50
阅读次数：
133
一、注册事件的三种方式 1、直接事件方式 语法格式： 注意：这种方式无法给同一对象的同一事件注册多个事件处理函数 2、addEventListener 方式（IE9 以后才支持） 语法格式： Demo : 3、attachEvent 方式（IE老版本特有的方法 IE6-10坚持） 语法格式： Dem ...
分类：
编程语言 时间：
2019-08-31 11:12:38
阅读次数：
120
优点 ：品字形布局，顶部和左侧导航固定，右侧内容随浏览器大小自动调整。 缺点 ：对低版本浏览器兼容性差，以及其他一些小问题。 ...
分类：
其他好文 时间：
2019-08-28 12:46:00
阅读次数：
84
平时开发中，经常会用到这样一个语句： 由于浏览器兼容性问题，通常这个语法是在 webpack 的构建流搭建的项目中执行的，那么这个语句到底做了什么呢？ 其实在 nodejs 中，执行 import 就相当于执行了 require，而 require 被调用，其实会用到 require.resolve ...
分类：
其他好文 时间：
2019-08-27 17:20:15
阅读次数：
98
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> body { height: 1000px; } </style> </head> <body> <scrip... ...
分类：
其他好文 时间：
2019-08-27 10:26:52
阅读次数：
77
波纹动画 在此运用到css的动画属性，以及背景等相关属性。 值得一说的是下面代码中一直写到的这样一行代码：filter: alpha(opacity=0~100) ，这是考虑到浏览器兼容的问题。 IE使用私有属性filter:alpha(opacity)，Moz Family使用私有属性-moz-o ...
分类：
Web程序 时间：
2019-08-24 00:10:00
阅读次数：
106
推荐阅读：https://blog.hhking.cn/2019/04/02/babel-v7-update/ useBuiltIns false 1 "useBuiltIns": false, 此时不对 polyfill 做操作。如果引入 @babel/polyfill，则无视配置的浏览器兼容，引 ...
分类：
其他好文 时间：
2019-08-20 18:45:47
阅读次数：
510
所有浏览器 通用height: 100px;IE6 专用_height: 100px;IE6 专用*height: 100px;IE7 专用*+height: 100px;IE7、FF 共用height: 100px !important; 程序代码height:100px;*height:120p ...
分类：
Web程序 时间：
2019-08-20 00:50:18
阅读次数：
106
