原创 如何檢測頁面加載完成
document.readyState 1.定義 一個document 的 document.readyState 屬性描述了文檔的加載狀態。 2.值 一個文檔的 readyState 可以是以下值之一： loading /
2020-06-14 16:56:34
原创 m3u8格式視頻源列表
平時,需要測試m3u8格式視頻的播放,會使用一些可用的播放源,整理在這裏: const sourceList = [ { name: 'cctv1', src: 'http://ivi.bupt.edu
2020-06-14 16:56:34
原创 函數防抖和函數節流原理理解
防抖和節流有什麼用，一般的使用場景，原理是什麼 1.作用 使用函數節流與函數防抖的目的，就是爲了節約計算機資源，提升用戶體驗。 2.場景 節流一般是用在必須執行這個動作，但是不能夠執行太頻繁的情況下，例如滾動條滾動時函數的處理
2020-04-28 03:44:50
原创 如何優雅的展示動態圖標-lottie-react-native
項目中，需要使用到動態圖標，發現又好用的庫，在這裏分享一下，需要使用的工具庫爲lottie-react-native，通過導出AE軟件中的動畫特效，以json文件的方式導出，來實現動畫的效果。 一、Lottie是什麼？ Lotti
2020-04-21 01:29:16
原创 react-native樹形結構選擇組件
react-native-tree-select react-native-tree-select,樹結構選擇組件,通過層級展示數據,能夠進行多選和單選,進行自定義節點樣式等. = 項目結構 --components： tree
2019-09-08 05:21:27
1
原创 解決 canvas 在高清屏中繪製模糊的問題
1、問題 使用 canvas 繪製圖片或者是文字在 Retina 屏中會非常模糊。如圖： 因爲 canvas 不想svg這樣,canvas不是矢量圖，而是像我們像常見圖片一樣是位圖模式的。高 dpi 顯示設備意味着每平方英寸有更
2019-08-01 05:53:10
17
原创 CSS自動換行、強制不換行、強制斷行、超出顯示省略號
CSS樣式設置自動換行、強制不換行、強制斷行、超出顯示省略號 P標籤是默認是自動換行的，因此設置好寬度之後，能夠較好的實現效果,如下所示,當設置div寬度爲固定值時,p中內容能夠自動換行: 但是最近的項目中發現，使用ajax加載
2019-06-11 13:16:20
原创 JavaScript鍵盤鼠標監聽功能
實際應用中,我們會遇到監聽按鍵輸入和鼠標點擊事件,在這裏我們進行對鼠標和鍵盤事件的總結. KeyboardEvent KeyboardEvent 對象描述了鍵盤的交互方式。 每個事件都描述了一個按鍵（Each event des
2019-06-11 13:16:20
1
原创 h5 Canvas轉換爲圖片格式並下載
在平常工作中,我們經常會遇到通過Canvas進行展示內容的情況,在展示之後還會要求將Canvas進行已圖片格式進行保存.該如何完成這一需求? 通常情況下,我們需要完成兩個步驟: 1.Canvas轉化爲DOMString形式的St
2019-06-11 13:16:20
原创 檢測頁面加載完成方法介紹
document.readyState 1.定義 一個document 的 document.readyState 屬性描述了文檔的加載狀態。 2.值 一個文檔的 readyState 可以是以下值之一： loading / 加載
2019-04-17 06:11:57
6
原创 h5 Canvas正多邊形繪製
在之前文章中,我們使用線段進行繪製過矩形,使用arc,arcTo繪製過圓弧和圓形,但是Canvas還能夠進行繪製其他圖形,比如三角形、六邊形、八邊形等.這篇文章主要就是說明如何繪製多邊形. See the Pen h5Polyg
2019-03-24 05:26:00
原创 h5 Canvas圓弧與圓形的繪製
圓和圓弧是圖形中基本圖形之一.在Canvas中，CanvasRenderingContext2D對象提供了兩個方法（arc()和arcTo()）來繪製圓和圓弧。 JavaScript中弧度角度換算 僅難了解角度和弧度之間的關係是不夠的
2019-02-28 17:54:04
原创 h5 Canvas線段的繪製
在Canvas中，線段也是路徑中的一種，被稱之爲線性路徑。在Canvas中繪製線性路徑主要用到moveTo(x,y)、lineTo(x,y)和stroke()幾個方法。 通常創建線條的方法是moveTo()和lineTo()方法,但
2019-02-27 18:00:52
原创 h5 Canvas矩形的繪製
h5 Canvas矩形的繪製 1.繪製矩形api 在Canvas中提供了繪製矩形的API： fillRect(x, y, width, height)：繪製一個填充的矩形 strokeRect(x, y, width, height)
2019-02-27 18:00:52
原创 h5 Canvas時鐘製作
canvas可以說是html5中最強大的元素之一下面我們就使用canvas來進行繪製一個時鐘 在繪製之前,我們需要知道需要繪製的元素都有哪些,其中包括鍾最外邊的圓圈、鐘錶上的數字、鐘錶上的指針、定時器元素 下面確定使用的html頁面:
2019-02-27 18:00:52