原创 HTML5學習之video
一.video 瀏覽器支持參考 http://www.w3school.com.cn/html5/html_5_video.asp 爲保持最大兼容,需要提供mp4和Ogg兩種格式的視頻 1.video屬性和方法 參考 http:
2020-06-29 11:04:59
原创 es6學習之Class
一.Class 1.概念和語法 是函數鏈式繼承的語法糖,大部分功能都是一樣的,有少數不同 (1)constructor有且只有一個,不聲明則js引擎會自動添加一個空的constructor (2)類方法內部的this指向當前實
2020-06-29 11:04:59
原创 es6學習之Promise
一.含義 Promise是JavaScript的一種異步解決方案,具有3中狀態(pending進行中,fulfilled已經成功,rejected已失敗). 二.Promise的使用 1.Promise帶有resolve(成功),
2020-06-29 11:04:59
原创 css3的animation實現購物車小球飛入效果
一.思路 1.在body下添加5個元素並絕對定位,且display:none;(5個元素是防止用戶連續點擊) 2.單機頁面的某一處位置,並將第一個dispaly:none;的dom定位到單機位置 3.使用css3將定位後的
2020-06-29 11:04:59
2
原创 es6學習之Set和Map結構
一.Set結構 Set結構是類似於數組結構,但是成員都是不重複的值(判斷不重複類似Object.is()方法,但是+0和-0又是相同的處理,Object.is(+0,-0); // false) 缺點是沒辦法像數組一樣通過下標取
2020-06-29 11:04:59
1
原创 HTML5拖放
1.拖放實現邏輯 開始拖動 ===> 拖動中 ===> 拖動結束(放手) ondragstart ===> ondragover ===>
2020-02-22 10:55:35
原创 css3學習之transition
一.API 值 | 描述 transition-property | 規定設置過渡效果的 CSS 屬性的名稱。 transition-duration
2020-02-22 10:55:35
原创 css3學習之雜項
一.背景相關 1.background-origin限制背景顯示在盒子模型的區域範圍,默認content-box background需要設置background-repeat:no-repeat background-origi
2020-02-22 10:55:35
原创 css3學習之自定義字體
<div class="d2"> <p class="p2">這個世界真的很美好啊</p> </div> @font-face{ font-family: myFont; src:url(./Li-Xuke
2020-02-22 10:55:35
原创 H5的meta標籤功能大全
轉自 作者reaf , https://www.cnblogs.com/reaf/p/6728882.html H5標準聲明，使用 HTML5 doctype，不區分大小寫 標準的 lang 屬性寫法 聲明文檔使
2020-02-22 10:55:35
原创 css3學習之2D轉換
2d轉換是相對定位,使用要加前綴 API列表 translate(x,y) ,相對於座標原點的移動 rotate(xdeg) ,順時針旋轉xdeg,負數爲逆時針旋轉 scale(x,y) ,以元素x軸或者y軸
2020-02-22 10:55:35
原创 es6學習之Symbol
一.Symbol Symbol是JavaScript的新的一種基本數據類型,表示獨一無二的值. undefined,null,String,Number,Boolean,Object,Symbol 引入的原因是防止對象的屬性或
2020-02-22 10:55:35
原创 es6學習之Generator函數,async函數
一.Generator函數的語法 1.概念和語法 (1)概念 Generator是一個狀態機,內部封裝多個狀態 ; Generator會返回一個遍歷器,調用Generator的next方法可以依次執行 (2)語法 (1) fu
2020-02-22 10:55:35
原创 html5的webWorker學習
當主要的耗時操作都在操作dom的時候,webWorker是無能爲力的 Worker是瀏覽器爲js新開的一個線程,可以不影響當前頁面的情況下,在另外的線程中執行計算並把結果回傳給主線程. 一.專用Worker 交互通信過程
2020-02-22 10:55:35