原创 CSS 最佳實踐 + 套路(一) -- 概述

CSS 最佳實踐 + 套路(一) -- 概述 資源 Google: 關鍵詞 MDNCSS TricksGoogle: 阮一峯 css張鑫旭的 240 多篇 CSS 博客Codrops 炫酷 CSS 效果CSS揭祕CSS 2.

原创 HTTP系列 -- 基礎知識

腳本 JavaScript 是一門動態類型、面向對象的腳本語言 bash 腳本 12345678910111213141516171819202122232425262728293031323334 mkdir ~

原创 CSS 最佳實踐 + 套路(四) -- 移動端適配

概述 手機上顯示網頁是將整個網頁縮小,模擬頁面寬度 980px ,可以使用 document.documentElement.clientWidth 來獲取到頁面寬度爲 980px。在移動端加上 <meta> 標籤纔是

原创 CSS 最佳實踐 + 套路(三) -- 堆疊上下文

條件 文檔中的層疊上下文由滿足以下任意一個條件的元素形成: 根元素(HTML)z-index 不爲 auto 的 absolute/relative一個 z-index 值不爲 auto 的 flex 項目,即父元素 di

原创 箭頭函數中的this

ES6中新增了箭頭函數這種語法,箭頭函數以其簡潔性和方便獲取this的特性,俘獲了大批粉絲兒 它也可能是面試中的寵兒, 我們關鍵要搞清楚 箭頭函數和普通函數中的this 一針見血式總結: 普通函數中的this: 1. thi

原创 CSS 最佳實踐 + 套路(二) -- height width

文檔流 文檔內元素的流動方向 內聯元素 ==> 從左向右依次流動,若 width 不足,則換行塊級元素 ==> 從上到下依次流動,每個塊級元素獨佔一行 脫離文檔流 將會影響其祖先元素(塊級元素)的 height 脫離文檔

原创 HTTP系列 -- 請求與響應

概述 Server(服務器):服務器作爲硬件來說,通常是指那些具有較高計算能力,能夠提供給多個用戶使用的計算機 Client(客戶端):是指與服務器相對應,爲客戶提供本地服務的程序 瀏覽器 + 服務器 + HTTP

原创 JavaScript實現繼承方式

1. new Student.prototype = new Person(); 得到一個 Person 實例,並且這個實例指向構造器的 prototype 屬性和調用了構造函數,因爲調用的構造函數,而 Student 只是

原创 JavaScript 對象淺析

全局對象 global(特例:window) window 的重要屬性: 分類: ECMAScript 規定的 paeseInt() parseFloat() 基本包裝類型:Boolean() Number

原创 JavaScript事件處理程序

事件 事件就是文檔或瀏覽器窗口中發生的一些特定的交互瞬間。 事件流 事件流描述的是從頁面中接收事件的順序 IE的事件流是事件冒泡流,DOM的事件流是事件捕獲流 事件冒泡 事件的開始是由最具體的元素(文檔中嵌套層

原创 CSS 最佳實踐 + 套路(八) -- BFC

概述 BFC(Block Formatting Context)塊級格式化上下文。我並不知道 BFC 是什麼,但是隻要寫出樣式,我就知道這是不是 BFC。BFC 沒有明確的定義,只有特徵或功能。 形成 BFC 條件

原创 淺析Promise用法

鏈接:https://www.jianshu.com/p/78c10239f852關鍵詞:Promise,resolve,reject,Prepending,Resolve,Reject,then,catch,all,race所謂Prom

原创 jQuery系列(二) -- 樣式

概述 jQuery 函數包裝的對象是類數組對象,對象裏面包含了 DOM 對象的信息,並封裝了很多操作方法,可以和訪問數組一樣的方法來訪問。 jQuery 對象 和 DOM 對象 聯繫 可是使用 $ 符號將 DOM 對

原创 jQuery系列(四) -- 事件

鼠標事件 .click() ==> 單擊事件 .dblclick() ==> 雙擊事件 .mousedown() ==> 鼠標按鍵按下時觸發 .mouseup() ==> 鼠標按鍵釋放時觸發 .mousem

原创 CSS最佳實踐+套路(七) - 佈局

概述 在我們平時佈局的時候,一般都是選擇浮動佈局和Flex佈局。如果項目需要支持IE8,那麼推薦選擇浮動佈局,如果不需要支持IE8,那麼儘量選擇Flex佈局,當我們不需要支持IE8的時候,那麼我們就能使用很多高級的語法,例如