前端开发大主题(继续搬运书中的经典)

Modernizr
检测浏览器对一个API的支持:没有统一的方法,介绍一个开源Javascript库——Modernizr,它提供一个统一的接口来检测浏览器支持。主页地址:http://www.modernizr.com。要使用该库,需在页面中加载这个javascript库。

音频
与视频相似,使用方法也相似,当然,其编码标准亦没有统一。

jQuery
它是一个javascript库,目的是减少和简化处理DOM、使用Ajax,以及向页面增加视觉效果所需的代码和语法。

XHTML、XML
xhtml可是说是更严谨的XML,它可以使用SVG绘制形状,可以把XML直接嵌套在页面中,具体内容自己了解。SVG(Scalable Vector Graphics)可缩放矢量图形
除了画布之外,SVG也可以在web页面中自然地加入图形。它有个特点,可以随意放大缩小图形而不会像素化。

离线web应用
目前除了IE所有的现代桌面和移动浏览器都支持离线web应用!如何让你的web应用离线也能使用呢,可以创建一个缓存清单文件,其中包含应用所需的所有文件的一个清单,浏览器会下载所有这些文件,当设备离线使用时就会切换到这些本地文件。

<html manifest="notetoself.manifest">
//告诉web页面有这样一个清单文件
这里的notetoself.manifest文件包含:CACHE MANIFEST
CACHE:
notetoself.html
notetoself.css
notetoself.js

着手尝试之前需要知道,确保web服务器得到适当的设置,能够为缓存清单文件提供相应的编码MIME类型,另外,离线测试web应用也相当困难。实现了基本缓存之后,可以使用JS来得到缓存事件的通知,如更新,缓存状态等。

Web Socket
它是一个新增的API,允许与一个web服务的链接保持打开,只要有新数据web服务就可以把数据发送给你。

更多画布API
比如保存和恢复画布上下文,平移或旋转画布。还有其他的API,如拖放API跨文档消息传递API

选择器API
利用html5,有一种从DOM选择元素的新方法,这是手jQuery的启发。如document.querySelector("#id"),document.querySelectorAll("class")

web存储
Indexed数据库和web数据库(比web存储更专业),目前索引数据库得到了谷歌和火狐的支持

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值