原创 快速搞定flex佈局

尋根溯源話佈局 一切都始於這樣一個問題:怎樣通過 CSS 簡單而優雅的實現水平、垂直同時居中。記得剛開始學習 CSS 的時候,看到 float 屬性不由得感覺眼前一亮,順理成章的聯想到 Word 文檔排版中用到的的左對齊、

原创 同源策略+跨域整理

參考1 同源策略 最初,它的含義是指,A網頁設置的 Cookie,B網頁不能打開,除非這兩個網頁"同源"。所謂"同源"指的是"三個相同"。 協議相同 域名相同 端口相同 URL 說明 是否允許通信 http:

原创 js檢測數據類型的四種方法

typeof 只能檢測出undefined,string, number, boolean, symbol, function,object 返回值 基本類型,除 null 以外,均可以返回正確的結果。 引用類型,除 funct

原创 自己對閉包的一些小理解

在看閉包的時候,只知道閉包可以從外部讀取局部變量,在一次小考覈中發現自己根本不會用閉包,又趕緊惡補了一波 什麼是閉包 先說下官方對閉包的解釋:閉包是一個擁有許多變量和綁定了這些變量的環境的表達式(通常是一個函數),因而這些變量也

原创 js深複製淺複製

淺複製 先說下js的類型存儲:基本類型的變量是存放在棧區的(棧區指內存裏的棧內存),而引用類型的值是同時保存在棧內存和堆內存中的對象(引用類型的存儲需要內存的棧區和堆區(堆區是指內存裏的堆內存)共同完成,棧區內存保存變量標識符和指

原创 js數組遍歷的方法

第一種: for循環 : var arr = ["a", "b", "c"]; for (var i = 0; i < arr.length; i++) { console.log(arr[i]); } 這種方法每循環一次

原创 js事件冒泡,事件捕獲,事件委託

先來張圖理解一下事件冒泡,時間捕獲 冒泡:當事件在某一DOM元素被觸發時,例如用戶在客戶名字節點上點擊鼠標,事件將跟隨着該節點,繼承各自的父節點冒泡穿過整個的DOM節點層次,直到它遇到依附有該事件類型處理器的節點,此時,該事件

原创 js原生瀑布流

瀑布流原理 先看個實例:http://sc.chinaz.com/jiaobendemo.aspx?downloadid=201525352666 瀑布瀑布就是像瀑布一樣,不過和瀑布不一樣的是可以有多咧,每一列的寬度必須相同。在

原创 css瀑布流三種寫法的區別

瞭解瀑布流的原理 瀑布流呢,可以有多列,每一個item(單元格)的高度可以不相同,但是寬度必須一樣.排列的方式是,從左往右排列,哪一列現在的總高度最小,就優先排序把item(單元格)放在這一列.這樣排完所有的單元格後,可以保證每一

原创 最簡單的原生js別踩白塊兒

相信很多人都玩過別踩白塊兒,也就不解釋了,沒玩過的可以看了這篇文章自己寫一個去玩玩。 首先說一下實現的思路 我們是先確定行數,在行裏面再分幾個小塊。我們可以根據自己的手機大小確定一下要放多少個小塊,比如樓樓放的是4*4。接下來我們

原创 純js實現輪播圖

第一步 瞭解輪播圖的原理 無縫輪播:將圖片放到一排,通過改變left值來達到輪播的效果。 html: <div id="big"> <div id="k1"> <div id="k2

原创 meta標籤的用法

元數據即描述數據的數據 meta 一個html文件是一個數據,meta標籤就是用來描述該文件的元數據 位於文檔的頭部,不包含任何內容,僅提供頁面的說明,關鍵字等數據,服務於瀏覽器,搜索引擎和其他網絡服務 標籤的屬性定義了與文檔相關

原创 js數據類型

基本類型 number string null undefined Symbol BigInt Boolean 引用類型 object 區別 基本類型 不可變性 存儲在棧中 值的比較 棧 存儲的值大小固定 空間較小

原创 DOCTYPE作用

<!DOCTYPE> 不是 HTML 標籤;指示 web 瀏覽器關於頁面使用哪個 HTML 版本進行編寫的指令。 在 HTML 4.01 中,<!DOCTYPE> 聲明引用 DTD,因爲 HTML 4.01 基於 SGML。DTD

原创 HTML全局屬性

全局屬性是所有HTML元素共有的屬性; 它們可以用於所有元素,即使屬性可能對某些元素不起作用。 dir 枚舉屬性指示元素文本的方向性。 可以通過HTMLElement.dir來獲取/設置元素的方向 ltr,這意味着從左到右,用