Javascript
- js
- [画布Canvas SVG](#画布canvas-svg)
- 媒体对象音频视频
- 定位
- 拖放
- 本地缓存
- 应用缓存
- 后台脚本Web Workers
- 从服务器获得更新。SSE
- RWD
- XML
- XHTML属性是以 XML 格式编写的 HTML 属性。
js
HTML noscript 标签定义了替代内容,这些内容将显示给在浏览器中禁用了脚本或浏览器不支持脚本的用户:
改内容
document.getElementById("demo").innerHTML = "Hello JavaScript!";
改样式
document.getElementById("demo").style.color = "red";
该属性
document.getElementById("image").src = "picture.gif";
画布Canvas SVG
媒体对象音频视频
object,embed
定位
拖放
Drag 和 Drop
本地缓存
window.localStorage – 存储没有截止日期的数据
window.sessionStorage – 针对一个 session 来存储数据(当关闭浏览器标签页时数据会丢失)
应用缓存
Cache Manifest
manifest 文件是简单的文本文件,它告知浏览器被缓存的内容(以及不缓存的内容)。
manifest 文件有三个部分:
- CACHE MANIFEST – 在此标题下列出的文件将在首次下载后进行缓存
- NETWORK – 在此标题下列出的文件需要与服务器的连接,且不会被缓存
- FALLBACK – 在此标题下列出的文件规定当页面无法访问时的回退页面(比如 404 页面)
后台脚本Web Workers
postMessage()
onmessage
从服务器获得更新。SSE
Server-Sent Event – One Way Messaging
EventSource 对象
var source = new EventSource("demo_sse.php");
source.onmessage = function(event) {
document.getElementById("result").innerHTML += event.data + "br";
};
onopen 当通往服务器的连接被打开
onmessage 当接收到消息
onerror 当发生错误
RWD
reponsixe web design响应式设计
RWD 指的是响应式 Web 设计(Responsive Web Design)
RWD 能够以可变尺寸传递网页
RWD 对于平板和移动设备是必需的
流行的RWD CSS框架:bootstrap
XML
https://www.w3school.com.cn/xml/index.asp
标签树格式,用于存储传输数据
XHTML属性是以 XML 格式编写的 HTML 属性。
https://www.w3school.com.cn/html/html5_intro.asp