簡單自學web前端 H5新元素

2021-08-22 11:54:19 字數 954 閱讀 8785

1、ol標籤加強

start屬性來定義標號的開始值

reversed屬性來進行反向編號

2、canvas是h5新增的元素
3、h5新增的儲存物件

臨時儲存,就是將資料儲存在session物件中,當關閉網頁後悔自動刪除掉。

sessionstorage

儲存 sessionstorage.setitem('key','value'); 以鍵值對的形式儲存

獲取 sessionstorage.getitem('key');

永久儲存,將資料儲存在客戶端本地的硬體裝置上面,被關閉時不會丟失。

localstorage

儲存 localstorage.setitem('key', 'value'); 同樣以鍵值對的形式儲存

獲取 localstorage.getitem('key');

localstorage.length 儲存的鍵值對的個數

localstorage.key(index) 利用索引顯示key

localstorage.clear() 清除儲存的所有資料

4、video元素和audio元素

"" height="" src="" controls="controls">你的瀏覽器不支援h5

中間可以放提示語

"" controls="controls">你的瀏覽器不支援h5

中間可以放提示語

屬性:preload 是否進行預載入

1)none 不進行

2)metadata 值預載入**的元資料

5、h5的拖放功能

這個功能很強大,能夠實現很多你想不到的功能,在這就不詳細介紹了,

等週末我自己做做試試,再發篇部落格詳細介紹下。

h5遊戲開發 從WEB前端角度看H5遊戲開發

web前端的大部分工作集中在利用現有的主流前端框架 vue react angular 及其周邊開源 庫生態組織整個專案的架構並實現業務邏輯 往往同一種邏輯可以選擇用不同的抽象方式來實現,不同抽象方式的思想和實現差異巨大,如狀態管理的不同實現方式 redux mobx rxjs.h5遊戲的開發工作主...

前端H5簡單發布流程解析

我們看到的瀏覽器中顯示的web頁面是怎樣發布出去的,現在來簡單的解析下前端的發布流程。一般現在的前端專案,都是利用npm來構建的,打包也是執行npm命令即可。一.生成前端頁面的dist檔案內容 一般當我們經過npm start執行前端專案,無bug後,然後執行npm run build來打出生產環境...

H5前端基礎 布局

浮動 使用float來設定元素浮動 可選值 none 預設值,不浮動,元素在文件流中 left 元素向左浮動 right 元素向右浮動 特點 1.元素浮動以後會完全脫離文件流 2.浮動以後元素會一直向父元素的最上方移動 3.直到遇到父元素的邊框或者其他的浮動元素,會停止移動 4.如果浮動元素的上邊是...