原创 data- 自定義屬性的細節

1:概念:自定義屬性是H5新增的功能,最初的設計初衷是爲了記錄頁面中的一些信息,比如一個按鈕的點擊次數等等.2語法:data-attribute 其中attribute可以是傳統的數字,字母下劃線,也可以是dash (-), dot (.

原创 css:float的深度理解

float是最早一批加入css2.0的屬性之一,當時的初衷是爲了實現報紙的文字環繞效果而經過後來無數的前端工程師的研究,才演變出現在如此錯綜複雜炫酷的應用。 一:基本說明 引入方法:float:left/right 影響一:使用此

原创 js中的parseInt()

一:基本概念 parseInt是window對象的一個方法,主要是用來把各數據類型轉化爲十進制整數數字。 語法:parseInt(數值,(進制)),其中第一個參數爲數值可以是任意類型值如果不能轉化爲十進制的就會返回NaN,進制是可

原创 談談h5頁面中的rem

rem實現思路   rem單位是基於html標籤的font-size來進行計算的,默認情況下1rem=16px,有些瀏覽器默認字體是12px,1rem=12px;在移動端通過設置不同的font-size來實現頁面整體佈局的縮放自適應。原理

原创 前端實現直播彈幕

1:DOM實現 實現思路: 1,在一定的可視區劃分出幾條水平軌道,然後在軌道中添加彈幕,這樣基本可以防止彈幕的重疊 2,建立所需要的dom節點並添加到dom池裏面,dom節點總數=軌道數X每條軌道可放置的最大彈幕數,並把建好的dom節點加

原创 canvas指紋

使用背景: 在一些業務中我們需要獲取一些匿名用戶的基本信息,以此來對用戶的行爲進行分析,然後針對一定的用戶羣體進行定向推薦。用戶信息採集一個重要的原則是要對用戶的行爲進行保密(不能把採集的信息進行明文存儲,一個思路是前端只存儲一個hasi