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.如果浮動元素的上邊是...