最近一个项目有页面全屏的的需求，搜索了下有HTML5的全屏API可用，不过各浏览器的支持不一样。 MDN Fullscreen API: The Fullscreen API provides an easy way for web content to be presented using the ...
分类：
Web程序 时间：
2018-01-02 13:19:58
阅读次数：
566
/* 只需在iOS4.3+/Android2.2+上运行的网页 */ @font-face { font-family: "iconfont"; src: url("iconfont.ttf") format("truetype"); } /* 需兼容各浏览器的网页。注意: 最后的svg没有指定fo... ...
分类：
其他好文 时间：
2017-07-13 21:42:27
阅读次数：
298
目的：播放不同格式的音频。 策略：固定最高格式音频播放环境，不足这一格式，扩展到这一格式。 分类：将采样速率和采样位数组合，构成类别。 1类格式：48KHz/16Bit，常用格式，DVD音频格式，AC97格式。 2类格式：96KHz/16Bit，提高了1倍采样速率。 3类格式：144KHz/16Bi ...
分类：
其他好文 时间：
2017-06-25 14:20:19
阅读次数：
156
flex于众多手机的兼容方案 如果项目使用构建工具，可加autoprefixer来处理，[autoprefixer使用指南](https://github.com/postcss/autoprefixer) 纯手写css兼容代码 /*display: flex;写法*/ span { display ...
分类：
其他好文 时间：
2017-05-25 23:31:56
阅读次数：
301
根据canisue（http://caniuse.com/#search=border-radius），border-radius兼容性如下图所示： 测试代码： IE8浏览器效果： border-radius在IE8浏览器兼容方案： IE8浏览器下效果： PIE.HTC下载地址：http://css ...
分类：
其他好文 时间：
2017-03-23 16:50:51
阅读次数：
214
DOM类型 Node类型： 常用类型： ? ? ?元素节点 ELEMENT_NODE ? ? ?属性节点 ATTRIBUTE_NODE ? ? ?文本节点 TEXT_NODE IE不支持节点类型常量名、兼容方案：123456if (typeof Node == 'undefined') { //IE ...
分类：
其他好文 时间：
2017-02-23 18:34:25
阅读次数：
166
自己去封装一个xhr对象是一件比较麻烦的事情。其实也不麻烦，注意逻辑和一个ie6兼容方案（可无），和一个304 其他2开头的status都可以就好了 呐 。。 这段代码没什么可以看的 知识点： 1 . 兼容ie6 7 的window.ActiveXObject ； 2 . 熟悉整个流程 创建xhr ...
分类：
Web程序 时间：
2017-02-19 23:59:23
阅读次数：
350
clientHeight , scrollHeight , offsetHeight相信每个人都用过，可是每次用都要查一下到底哪个是文档大小哪个是视口大小，还有头疼的兼容问题。 先来官方的了解一下这三个属性： clientHeight：元素客户区的大小，指的是元素内容及其边框所占据的空间大小（经过实 ...
分类：
其他好文 时间：
2016-10-15 18:58:21
阅读次数：
110
Emoji表情符号兼容方案 一 什么是Emoji emoji就是表情符号；词义来自日语（えもじ，e-moji，moji在日语中的含义是字符） 表情符号现已普遍应用于手机短信和网络聊天软件。 emoji表情符号，在外国的手机短信里面已经是很流行使用的一种表情。 手机上如何使用emoji： 1.ipho ...
分类：
其他好文 时间：
2016-08-04 10:16:04
阅读次数：
520
一： 1.为什么浏览器对于页面的渲染会有差异，因为他们没有完全的遵循W3C的规范。 所以为了针对不同的浏览器实现相同的渲染效果。 为主流浏览器写一套属性兼容方案。 就是在属性前 + 浏览器内核的前缀。 ２.css hack。 3.用javascript来解决渲染的不一致。 4.针对IE， 用条件语句 ...
分类：
其他好文 时间：
2016-07-05 10:17:44
阅读次数：
127
