您不知道的Firefox: 46 项功能
南昌网站建设 www.diyphp.net
自 Firefox 3 发布以来,我们不断在起劲为 web 开拓者供应新的功用。我们以为有需要写一篇博文,来切实列出那些我们晓得的但人人能够还不晓得的一切特征。这篇博文包括了我们在之
前约三个发布版本的研发 进程中完成的一切任务,更集中整顿了 3.6 版本中的新特征(由 于译言编纂器不支撑 CSS3,原文中的 3.6 标志加粗替代)。
纵情享用吧!
关于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
优化了缩放图像的速度与质量
关于XMLHttpRequest
跨域的 XMLHttpRequest
答应指向其他域的 XMLHttpRequest 恳求
恳求进度监控
核算上传/下载的百分比
发 送二进制数据 3.6
发送非 ASCII 内容
从恳求读取二进制数据
从 XMLHttpRequest 恳求中读取效劳端发送的二进制数据
脱 机功用
脱机与联机事情
当阅读器进入联机或脱机形式 时告诉
localStorage 当地存储
永世贮存数据
HTML5 使用顺序缓存
为 Firefox 的脱机任务创立使用顺序
内容处置
Video 标签 (poster 属性 3.6)
在网页中直接嵌入视频
Audio 标签
在网页中嵌入音频文件
Canvas 元素
经过 JavaScript 绘制位图数据
PNG 动画
动态的通明 PNG 图像
SVG 支撑
绘制、操控矢量图像,从中捕捉事情
ForeignObject 外部对象
在 SVG 元素中添加 HTML 内容
将 SVG 特效与变换使用到纯陈旧的 HTML 内容中
CSS 遮罩、SVG 的裁剪途径(clip-path)或滤镜
交互
页内拖放
完全支撑 web 使用内部的拖放操作
从 桌面拖放文件 3.6
直接从操作系统中将文件拖入您的网页
DNS 预载
经过 DNS 预载技能加快网页载入
定位
检索 GPS 坐标或 3.6 街道地址
鼠标手势事情
在鼠标板上点击、扩大与扭转
侦测设备趋势
侦测机械趋势的事情
基于 Web 的和谈处置
创立支撑相似 “mailto:” 或 “phone:” 和谈的 web 使用
侦测文档宽高改变 3.6
当文档(即网页)的尺寸有所改变时可以发现
窗口和帧之间的通讯
平安地从一个文档向另一个文档发送信息
JavaScript 与 API
原 生 JSON 支撑
平安疾速地编解码 JavaScript 对象
Web Workers
在独自的线程中执行 JavaScript 代码
文 件 API 3.6
从拖放、文件上传控件所供应的文件读入二进制内容
QuerySelector 查阅选择器
经过 CSS 选择器查找网自 Firefox 3 发布以来,我们一直在努力为 web 开发者提供新的功能。我们认为有必要写一篇博文,来确切列出那些我们知道的但大家可能还不知道的所有特性。这篇博文包含了我们在之前约三个发布版本的研发 过程中完成的所有工作,更集中整理了 3.6 版本中的新特性(由 于译言编辑器不支持 CSS3,原文中的 3.6 标记加粗代替)。
尽情享受吧!
关于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
优化了缩放图像的速度与质量
关于XMLHttpRequest
跨域的 XMLHttpRequest
允许指向其他域的 XMLHttpRequest 请求
请求进度监控
计算上传/下载的百分比
发 送二进制数据 3.6
发送非 ASCII 内容
从请求读取二进制数据
从 XMLHttpRequest 请求中读取服务端发送的二进制数据
脱 机功能
脱机与联机事件
当浏览器进入联机或脱机模式 时通知
localStorage 本地存储
永久储存数据
HTML5 应用程序缓存
为 Firefox 的脱机工作创建应用程序
内容处理
Video 标签 (poster 属性 3.6)
在网页中直接嵌入视频
Audio 标签
在网页中嵌入音频文件
Canvas 元素
通过 JavaScript 绘制位图数据
PNG 动画
动态的透明 PNG 图像
SVG 支持
绘制、操控矢量图像,从中捕获事件
ForeignObject 外部对象
在 SVG 元素中添加 HTML 内容
将 SVG 特效与变换应用到纯古老的 HTML 内容中
CSS 遮罩、SVG 的裁剪路径(clip-path)或滤镜
交互
页内拖放
完全支持 web 应用内部的拖放操作
从 桌面拖放文件 3.6
直接从操作系统中将文件拖入您的网页
DNS 预载
通过 DNS 预载技术加速网页载入
定位
检索 GPS 坐标或 3.6 街道地址
鼠标手势事件
在鼠标板上点击、放大与旋转
侦测设备趋向
侦测机器趋向的事件
基于 Web 的协议处理
创建支持类似 “mailto:” 或 “phone:” 协议的 web 应用
侦测文档宽高变更 3.6
当文档(即网页)的尺寸有所变更时能够发现
窗口和帧之间的通信
安全地从一个文档向另一个文档发送信息
JavaScript 与 API
原 生 JSON 支持
安全快速地编解码 JavaScript 对象
Web Workers
在单独的线程中执行 JavaScript 代码
文 件 API 3.6
从拖放、文件上传控件所提供的文件读入二进制内容
QuerySelector 查阅选择器
通过 CSS 选择器查找网页中的元素
classList 类列表 3.6
轻松操控特定元素的类
脚本元素的延迟与异步 3.6 属性
通过新的脚本属 性提升页面载入时的性能
- 1选择色彩,反映您的公司的特定业务
- 2劣质的材料对装修只会起到副作用
- 3个人站长必读网站初期增加流量的方法
- 4ECshop屏蔽SQL提示具体操作
- 5为大家说一说申请法国留学应该注意的事项须知
- 6SEOer要学会寻找优质外链
- 7PHP集成开发工具(IDE)的比较
- 8塑造大型块体的成型过程替代需要耗费大量时间
- 9查询网站外链的新方法
- 10浅谈搜索引擎对新站收录的要求
- 11浅析企业网站该如何巧妙的部署网站内部链接
- 12关键词该放在网页什么位置
- 13企业网络营销离不开网站优化
- 14我们养生疗病得看病症,对症下药才能有好效果
- 15正确的泡脚方法可以起到很好的去风湿效果
- 16企业网站优化方案
- 17虚机业内人士:网站空间选购大解密
- 18企业微信公共账号怎么认证?
- 19网站优化方案首先是合理布局首页
- 20网站优化之怎样选择关键字
- 21来了解下制作沙盘时影响沙盘表现效果的因素
- 22大多数新娘只会把时间用在选择婚纱及礼服上
- 23SEO需要注意的十个方面
- 24专心做自己的站安心挣别人的钱
- 25网站建设中的用户体验
- 26网站优化的策略
- 27来谈谈百度减少收录的原因以及心得
- 28优化的策略与步骤
- 29参考文献不仅具有学术价值也具有多项其他功能
- 30域名服务器缓存污染