自 Firefox 3 发布以来,我们一直在努力为 web 开发者提供新的功能。我们认为有必要写一篇博文,来确切列出那些我们知道的但大家可能还不知道的所有特性。这篇博文包含了我们在之前约三个发布版本的研发过程中完成的所有工作,更集中整理了 3.6 版本中的新特性(由于译言编辑器不支持 CSS3,原文中的 3.6 标记加粗代替)。 尽情享受吧!
自 Firefox 3 发布以来,我们一直在努力为 web 开发者提供新的功能。我们认为有必要写一篇博文,来确切列出那些我们知道的但大家可能还不知道的所有特性。这篇博文包含了我们在之前约三个发布版本的研发过程中完成的所有工作,更集中整理了 3.6 版本中的新特性(由于译言编辑器不支持 CSS3,原文中的 3.6 标记加粗代替)。 尽情享受吧!
脱 机功能
- 脱 机与联机事件
- 当浏览器进入联机或脱机模式 时通知
- localStorage 本地存储
- 永久储存数据
- HTML5 应用程序缓存
- 为 Firefox 的脱机工作创建应用程序
XMLHttpRequest
- 跨域 的 XMLHttpRequest
- 允许指向其他域的 XMLHttpRequest 请求
- 请 求进度监控
- 计算上传/下载的百分比
- 发 送二进制数据 3.6
- 发送非 ASCII 内容
- 从 请求读取二进制数据
- 从 XMLHttpRequest 请求中读取服务端发送的二进制数据
CSS
- @font-face
- 使用网络上的字体显示文字(3.6: 支持 WOFF 与 TTF 字体)
- pointer-events
- 点穿元素 3.6(允许点击某元素底层的指定元素——译者注)
- :-moz-locale-dir(ltr/rtl) 3.6
- 确定内容从左向右排列(ltr)还是从右向左排列(rtl)
- :indeterminate 伪类 3.6
- 将样式应用到“不确定的”单选或多选框
- 阅读媒体查 阅(Media Queries)
- 根据阅读媒体(的字号、宽高 比、颜色、设备趋向、分辨率)选择 CSS。3.6 新增了可判断是否使用了掌上设备的类。
- 组合伪类
- :nth-child, :nth-last-child, :nth-of-type, :nth-last-of-type, …
- -moz-border-radius
- 圆角边框
- CSS 变换
- 缩放、翻译、倾斜或旋转元素
- CSS 渐变 3.6
- 将线性渐变或辐射状渐变用于背景
- 多重背景 3.6
- 同时使用图片、渐变以及其他对象作为同一个背景
- 背景尺寸 3.6
- 定义背景图片的尺寸
- CSS 分列
- 将内容分列显示
- 文本阴影
- 文本周围的阴影
- 框型阴影
- 元素周围的阴影
- 边框图片
- 将图片用作元素边框
- rem 长度单位 3.6
- 根据根文本元素缩放元素
- 图像渲染算法 3.6
- 优化了缩放图像的速度与质量
内容处理
- Video 标签 (poster 属性 3.6)
- 在网页中直接嵌入视频
- Audio 标签
- 在网页中嵌入音频文件
- Canvas 元素
- 通过 JavaScript 绘制位图数据
- PNG 动画
- 动态的透明 PNG 图像
- SVG 支持
- 绘制、操控矢量图像,从中捕获事件
- ForeignObject 外部对象
- 在 SVG 元素中添加 HTML 内容
- 将 SVG 特效与变换应用到纯古老的 HTML 内容中
- CSS 遮罩、SVG 的裁剪路径(clip-path)或滤镜
JavaScript 与 API
- 原 生 JSON 支持
- 安全快速地编解码 JavaScript 对象
- Web Workers
- 在单独的线程中执行 JavaScript 代码
- 文 件 API 3.6
- 从拖放、文件上传控件所提供的文件读入二进制内容
- QuerySelector 查阅选择器
- 通过 CSS 选择器查找网页中的元素
- classList 类 列表 3.6
- 轻松操控特定元素的类
- 脚 本元素的延迟与异步 3.6 属性
- 通过新的脚本属 性提升页面载入时的性能
交互
- 页内拖放
- 完全支持 web 应用内部的拖放操作
- 从 桌面拖放文件 3.6
- 直接从操作系统中将文件拖入您的网页
- DNS 预载
- 通过 DNS 预载技术加速网页载入
- 定位
- 检索 GPS 坐标或 3.6 街道地址
- 鼠标手势事件
- 在鼠标板上点击、放大与旋转
- 侦测设备趋向
- 侦测机器趋向的事件
- 基于 Web 的协议处理
- 创建支持类似 “mailto:” 或 “phone:” 协议的 web 应用
- 侦测文档宽高变更 3.6
- 当文档(即网页)的尺寸有所变更时能够发现
- 窗口和帧之间的通信
- 安全地从一个文档向另一个文档发送信息
原文来自: yeeyan
声明:本文内容来源自网络,文字、图片等素材版权属于原作者,平台转载素材出于传递更多信息,文章内容仅供参考与学习,切勿作为商业目的使用。如果侵害了您的合法权益,请您及时与我们联系,我们会在第一时间进行处理!我们尊重版权,也致力于保护版权,站搜网感谢您的分享!