刷題總結820

在html中，

<article>

标簽是html5新增标簽，是使用來定義獨立于文檔且有意義的來自外部的内容，比如：一些投稿文章、新聞記者的文章，或者是摘自其它部落格、論壇的資訊等。

marquee是HTML标簽，但已經被廢棄，盡管還有些浏覽器支援，但盡量不要再使用

h5的data-*屬性

h5中新增了 data-* 屬性， data- 之後的屬性是開發者自定義的屬性名稱，裡面可以放置想存儲的資料，然後通過資料集 dataset 來使用

1.1

var id=document.getElementsByClassName('one')[0].dataset.id

;

// 如果浏覽器不支援

dataset

屬性,可以通過

setAttribute

方法擷取

1.2

var id=document.getElementsByClassName('one')[0].getAttribute('data-id')

可以在清單 li 中使用 data-id ,然後每個元素使用方法傳遞 event 的時候就會自動傳遞自己的 id ，友善選擇
如果是觸發事件(常問的事件委托應用，通過給 ul 綁定點選事件，可以确定點選的是哪個 li
元素)

想要擷取
ul>li 的索引知道點選了哪個 li 元素，那就先給每個 li 添加 data-index 屬性，然後通過 e.target.dataset.index 來擷取

刷題總結820
不是所有标簽都需要結束标簽，例如-；單标簽如 br
不需要結束标簽。換行可以不需要結束符。

doctype類型會影響頁面的展示效果；doctype告訴浏覽器用什麼html或xhtml規範來解析html文檔，如果不指定浏覽器将會使用一種怪異模式來進行解析。

HTML标簽對大小寫不敏感，為了規範，推薦小寫。

jQuery通過哪個方法可以設定或傳回表單字段的值：

.value()

用在表單元素上，用來設定擷取 input 或 select 的值

.html()

設定或傳回的是源代碼

.text()

設定或傳回的是純文字内容

.attr()

設定或傳回被選元素的屬性值

要運用css3動畫，需要運用

@keyframes規則

和

animation屬性

刷題總結820

font-style

設定字型樣式

normal:正常字型

italic:顯示文字為斜體（該字型有斜體樣式時使用）

oblique:顯示文字為斜體（該字型沒有斜體樣式時使用，文字斜體顯示）

inherit:從父親哪裡繼承樣式

font-weight

:改變文字粗細屬性值有normal bold 100~900 inherit

刷題總結820

在CSS中，html中的标簽元素大體被分為三種不同的類型：

塊狀元素

、

内聯元素(又叫行内元素)

和

内聯塊狀元素

。

常用的塊狀元素有：

<div>、<p>、<h1>…<h6>、<ol>、<ul>、<dl>、<table>、<address>、<blockquote> 、<form>

什麼是塊級元素？

在html中

<div>、<p>、<h1>、<form>、<ul>和<li>

就是塊級元素。設定

display:block

就是将元素顯示為塊級元素。如下代碼就是将内聯元素a轉換為塊狀元素，進而使a元素具有塊狀元素特點。

a{display:block;}

塊級元素特點：

1、每個塊級元素都從新的一行開始，并且其後的元素也另起一行。（真霸道，一個塊級元素獨占一行）;

2、元素的高度、寬度、行高以及頂和底邊距都可設定。

3、元素寬度在不設定的情況下，是它本身父容器的100%（和父元素的寬度一緻），除非設定一個寬度。

canvas

是一個畫布,

元素是一個段落是以是塊級元素

常用的内聯元素有：

<a>、<span>、<br>、<i>、<em>、<strong>、<label>、<q>、<var>、<cite>、<code>

在html中，

<span>、<a>、<label>、<strong> 和<em

>就是典型的内聯元素（行内元素）（inline）元素。

當然塊狀元素也可以通過代碼

display:inline

将元素設定為内聯元素。如下代碼就是将塊狀元素div轉換為内聯元素，進而使div 元素具有内聯元素特點。

div{ display:inline; }

…

<div>我要變成内聯元素</div>

内聯元素特點：

1、和其他元素都在一行上；

2、元素的高度、寬度及頂部和底部邊距不可設定；（這是答案-）

3、元素的寬度就是它包含的文字或圖檔的寬度，不可改變。

常用的内聯塊狀元素有：

<img>、<input>

内聯塊狀元素（inline-block）就是同時具備内聯元素、塊狀元素的特點，代碼

display:inline-block

就是将元素設定為内聯塊狀元素。

inline-block 元素特點：

1、和其他元素都在一行上；

2、元素的高度、寬度、行高以及頂和底邊距都可設定。

for(var i=0;i<3;++i){
setTimeout(function(){
console.log(i)；
},100);
}

每次for循環的時候setTimeout都會執行，因為setTimeout是異步函數，裡面的function則不會立即執行，而是會被放入任務隊列，是以放了3次；for循環的3次執行完之後,，i變為3，也就是每次循環，i都會被後一個i值覆寫，然後全部執行任務隊列中的函數，是以就是輸出3個3。

這道題涉及了異步、作用域、閉包

settimeout是異步執行，

100ms

後往任務隊列裡面添加一個任務，隻有主線上的全部執行完，才會執行任務隊列裡的任務，當主線執行完成後，i是3，是以此時再去執行任務隊列裡的任務時，i全部是3了。對于列印3次是：

每一次for循環的時候，settimeout都執行一次，但是裡面的函數沒有被執行，而是被放到了任務隊列裡面，等待執行，for循環了3次，就放了3次，當主線程執行完成後，才進入任務隊列裡面執行。

range 類型用于應該包含一定範圍内數字值的輸入域。

range 類型顯示為滑動條。

您還能夠設定對所接受的數字的限定：

button	定義可點選的按鈕（大多與 JavaScript 使用來啟動腳本）
checkbox	定義複選框。
color	定義拾色器。
date	定義日期字段（帶有 calendar 控件）
datetime	定義日期字段（帶有 calendar 和 time 控件）
datetime-local	定義日期字段（帶有 calendar 和 time 控件）
month	定義日期字段的月（帶有 calendar 控件）
week	定義日期字段的周（帶有 calendar 控件）
time	定義日期字段的時、分、秒（帶有 time 控件）
email	定義用于 e-mail 位址的文本字段
file	定義輸入字段和 “浏覽…” 按鈕，供檔案上傳
hidden	定義隐藏輸入字段
image	定義圖像作為送出按鈕
number	定義帶有 spinner 控件的數字字段
password	定義帶有 spinner 控件的數字字段
radio	定義單選按鈕。
range	定義帶有 slider 控件的數字字段。
reset	定義重置按鈕。重置按鈕會将所有表單字段重置為初始值。
search	定義用于搜尋的文本字段。
submit	定義送出按鈕。送出按鈕向伺服器發送資料。
tel	定義用于電話号碼的文本字段。
text	定義單行輸入字段，使用者可在其中輸入文本。預設是 20 個字元。
url	定義用于 URL 的文本字段。

刷題總結820

我的了解是，js解釋代碼前會對代碼進行編譯，這過程會将變量聲明，函數聲明提升，這過程foo的變化為:foo:undefined（變量提升）->foo:function fon(x,y){return x+y}(函數提升，由于名稱一樣，覆寫了前foo),是以開始執行代碼前，foo指向的是return x+y函數，如果是在第一行執行var num =fon(1,2),結果num會為3，之是以為-1，是由于執行了foo=function(x,y){return x-y}(指派不會被提升)，将編譯結果覆寫了，是以後面執行的結果就為-1了，

規則

變量聲明、函數聲明都會被提升到作用域頂處；
當出現相同名稱時，優先級為：變量聲明(foo#1) < 函數聲明(foo#2) < 變量指派(foo#3)

考察 js 解析順序

// 變量提升
var foo; 
var name;
// 函數聲明提升
function foo(){
    return x+y;
}
 
foo = function(x,y) {
    return x-y;
}
name = foo(1,2);

//js預解析機制，
//js會預解析var和function這兩個關鍵字，并給var指派undefined，即
var foo = undefined
function foo(x,y){
    return x+y
}
var num = undefined

//解析結束後運作程式
var foo = function(x,y){
    return x-y
} //給foo指派

var num = foo(1,2)

//是以foo指派的是x-y這個函數

刷題總結820

Array 對象方法方法

concat()

連接配接兩個或更多的數組，并傳回結果。

join()

把數組的所有元素放入一個字元串。元素通過指定的分隔符進行分隔。

pop()

删除并傳回數組的最後一個元素

push()

向數組的末尾添加一個或更多元素，并傳回新的長度。

reverse()

颠倒數組中元素的順序。

shift()

删除并傳回數組的第一個元素

slice()

從某個已有的數組傳回標明的元素

sort()

對數組的元素進行排序

splice()

删除元素，并向數組添加新元素。

toSource()

傳回該對象的源代碼。

toString()

把數組轉換為字元串，并傳回結果。

toLocaleString()

把數組轉換為本地數組，并傳回結果。

unshift()

向數組的開頭添加一個或更多元素，并傳回新的長度。

valueOf()

傳回數組對象的原始值

使用

@media

查詢，你可以針對不同的媒體類型定義不同的樣式。

@media

可以針對不同的螢幕尺寸設定不同的樣式，特别是如果你需要設定設計響應式的頁面，@media 是非常有用的。

當你重置浏覽器大小的過程中，頁面也會根據浏覽器的寬度和高度重新渲染頁面。

刷題總結820

html語言中加粗的标簽有

<b>

和

<strong>

,或者使用css設定

｛font-weight:bold｝

blod font-weight是屬性值

html加粗的标簽

斜體

下劃線

CSS 盒子模型(Box Model)

所有HTML元素可以看作盒子，在CSS中，"box model"這一術語是用來設計和布局時使用。

CSS盒模型本質上是一個盒子，封裝周圍的HTML元素，它包括：邊距，邊框，填充，和實際内容。

盒模型允許我們在其它元素和周圍元素邊框之間的空間放置元素。

下面的圖檔說明了盒子模型(Box Model)：

标準盒模型的寬度：（margin+padding+border）*2 + width

刷題總結820

不同部分的說明：

Margin(外邊距) - 清除邊框外的區域，外邊距是透明的。

Border(邊框) - 圍繞在内邊距和内容外的邊框。

Padding(内邊距) - 清除内容周圍的區域，内邊距是透明的。

Content(内容) - 盒子的内容，顯示文本和圖像。

為了正确設定元素在所有浏覽器中的寬度和高度，你需要知道的盒模型是如何工作的。

BFC 定義

MDN 的解釋

塊格式化上下文（Block Formatting Context，BFC）是Web頁面的可視CSS渲染的一部分，是塊盒子的布局過程發生的區域，也是浮動元素與其他元素互動的區域。

聽起來雲裡霧裡，這是文檔的一個問題，用一堆不了解的概念名詞來解釋不了解的概念名詞。

簡單的來說 BFC 是一塊獨立的渲染區域，它規定在該區域内，正常流的塊盒的布局，且建立 BFC 的元素，隔絕了它内部和外部的聯系，内部的渲染不會影響到外部。

BFC(Block formatting context)直譯為"塊級格式化上下文"。它是一個獨立的渲染區域，隻有Block-level box參與

BFC：是一個隔離的容器，容器裡的子元素不會影響到外面的元素

BFC 的作用

建立 BFC 的元素，它的自動高度需要計算浮動元素

建立 BFC 的元素，它的邊框盒不會與浮動元素重疊

建立 BFC 的元素，不會和它的子元素進行外邊距合并

建立塊格式化上下文 BFC 的方式：

根元素( <html> )
浮動元素（元素的 float 不是 none）
絕對定位元素（元素的 position 為 absolute 或 fixed）
行内塊元素（元素的 display 為 inline-block）
表格單元格（元素的 display為 table-cell，HTML表格單元格預設為該值）
表格标題（元素的 display 為 table-caption，HTML表格标題預設為該值）
匿名表格單元格元素（元素的 display為 table、table-row、

table-row-group、table-header-group、table-footer-group（分别是HTML

table、row、tbody、thead、tfoot的預設屬性）或 inline-table）
overflow 值不為 visible 的塊元素
display 值為 flow-root 的元素
contain 值為 layout、content或 paint 的元素
彈性元素（display為 flex 或 inline-flex元素的直接子元素）
網格元素（display為 grid 或 inline-grid 元素的直接子元素）
多列容器（元素的 column-count 或 column-width 不為 auto，包括 column-count 為 1）
column-span 為 all 的元素始終會建立一個新的BFC，即使該元素沒有包裹在一個多列容器中（标準變更，Chrome

bug）。

參考

總結起來就是以下
根元素html标簽
float屬性不為none的時候
overflow屬性不為visible的時候
display屬性為inline-block、table-cell、table-caption、flex、inline-flex（其餘不常見不需要記憶）的時候
position屬性為absolute或fixed的時候
contain 值為 layout, content, paint 的時候

給要清除浮動的元素添加一個僞元素，這樣寫的目的也是為了把未知的影響降到最低，我們知道這裡最關鍵的一個屬性是 clear:both ，（clear是用來清除浮動用到，可選值有 float,left,both）, 但是如果我們直接這樣子寫：

.clearfix::after {
  content :'';
  display: block;
  clear: both;
}

無疑改變了原有的 DOM 結構，是以我們使用僞元素

::after

，因為僞元素是 CSS 渲染是才加上去的，而且不會改變原有的 DOM 結構，簡單的說就是僞元素不算 DOM元素。

在 CSS 規範中，有4種類型的可用視口機關：

vw — 1vw 等于視口寬度的 1%

vh — 1vh 等于視口高度的 1%

vmin — vw 和 vh 中的較小值

vmax — vw 和 vh 中的較大值視口，即浏覽器螢幕大小，1vw 等于浏覽器寬度的 1%，100vw 即整個浏覽器的寬度。

vm未被納入w3c标準，僅浏覽器中ie9支援，為長度機關，表示相對于視口的寬度或高度中較小的那個。其中最小的那個被均分為100機關的vm。

1.rem

rem是相對于根元素的字型大小的機關 rem能等比例适配所有的螢幕，根據html的字型的大小來控制rem的大小

2.dpr裝置像素比

dpr = 實體像素 / 邏輯像素

實體像素：設計圖量出的px（裝置顯示的px）

邏輯像素：css中設定的px

如果設計圖的寬度是640px 或者 750px dpr = 2

如果設計圖的寬度是1080px dpr = 3

3.vw

視窗寬度

1vw 等于視窗寬度的1%

100vw 等于視窗寬度的100%

4.vw 與 px 之間的換算

如果設計圖的寬度是640px 則 dpr = 2

邏輯像素 = 640px /2 = 320px

320px = 100vw

1vw = 3.2px

31.25vw = 100px = 1rem

如果設計圖的寬度是750px 則 dpr = 2

是以：邏輯像素 = 750px /2 = 375px

375px = 100vw

1vw = 3.75px

26.67vw = 100px = 1rem

如果設計圖的寬度是1080px 則 dpr = 3

是以：邏輯像素 = 1080px / 3 = 360px

是以：360px = 100vw

1vw = 3.6px

27.78vw = 100px

刷題總結820

A.“#div .red”就是選擇CSS class屬性中包括red的所有

Id

為div元素

{"name": "John"， "age": 18}

,json資料中的鍵都需要添加

""(雙引号）

D.不同浏覽器提供的程式設計環境不一緻，是以在程式設計時才要使用 -ms、-webkit、-moz來實作不同浏覽器的相容性

E.JS檔案按在HTML中引入的順序依次載入（不是最後載入），在載入後馬上執行，執行時會阻塞頁面後續的内容（包括頁面的渲染、其它資源的下載下傳）

F.箭頭函數不能調用Funciton的bind、apply、call方法（Function類具有的方法），沒有繼承Function類

A：

<h1> - <h6>

标簽表示 HTML 标題，預設加粗

B：

<caption>

标簽表示表格标題，标題一般被居中表格之上，但不加粗文本

C：

<em>

标簽表示強調内容，顯示為斜體，但不加粗文本

D：

<th>

标簽表示表格的表頭，預設加粗文本

nav元素

表示導航部分

<div>
 <input type="button"id ="button1"value="1"onclick="moveBtn(this);">
 <input type="button"id ="button2"value="2"/>
 </div>
 <script type="text/javascript">
 function moveBtn(obj) {
     var clone = obj.cloneNode(true); // 複制一個button1結點
     var parent = obj.parentNode; // 找到button1的父節點
     parent.appendChild(clone); // 将複制的結點加入到父節點，也就是button1的複制結點現在在button2後面了
     parent.removeChild(obj); // 移除原來的button1
 }
 </script>

刷題總結820

1.函數調用時，指向window

2.以方法調用時，指向調用該方法的對象

3.使用new建立一個對象時，指向該對象

4.call,apply ,bind可以改變this指向差別，傳參不同

btn.onclick = function(e){
    //1
    setTimeout(function(){
        //2
    })
}

對于c答案應該可以這麼了解，1指的是事件對象，2指的是内部函數對象

事件觸發時，this指向綁定事件的元素，不一定是觸發事件的元素

var value = 8;

var obj = {
  value: 5,
  fun: () => {
    console.log(this.value);
  }
}

obj.fun(); // 8

箭頭函數中的this指向window, 而不指向函數的直接調用者obj

d選項，this不一定在函數内部使用，也可以通過閉包将函數内部的this暴露給函數外部，也可以說是錯的

根本原則：函數的調用者是誰，this就是誰 this對象的注意事項： HTML 級事件：this指向window DOM0級事件：this指向綁定事件的這個元素 DOM2級事件：this指向綁定事件的這個元素（非IE）this指向window（IE）

刷題總結820

可以把樣式的應用方式分為幾個等級，按照等級來計算權重

1、

!important

，加在樣式屬性值後，權重值為

2、内聯樣式，如：

style=””

，權重值為1000

3、ID選擇器，如：

#content

，權重值為100

4、類，僞類和屬性選擇器，如：

content

、

:hover

權重值為10

5、标簽選擇器和僞元素選擇器，如：

div

、

:before

權重值為1

6、通用選擇器（*）、子選擇器（>）、相鄰選擇器（+）、同胞選擇器（~）、權重值為0

css的優先級分為4個等級，分别是A,B,C,D（A代表是否有内聯樣式，有為1，無為0；B代表ID選擇器個數；C代表類選擇器、屬性選擇器和僞類總個數；D代表标簽選擇器和僞元素總個數），比較規則就是從左往右比較。本題中，

(選項) A B C D (等級)

A 0 0 1 1

B 0 1 0 0

C 0 0 1 1

D 0 1 0 1

綜上，選項D的優先級最高

什麼是SVG?

1、SVG 指可伸縮矢量圖形 (Scalable Vector Graphics)

2、SVG 用來定義用于網絡的基于矢量的圖形

3、SVG 使用 XML 格式定義圖形

4、SVG 圖像在放大或改變尺寸的情況下其圖形品質不會有所損失

5、SVG 是網際網路聯盟的标準

6、SVG 與諸如 DOM 和 XSL 之類的 W3C 标準是一個整體

7、SVG是HTML下的一個分支

以下那些是css屬性position可以設定的值：

刷題總結820

百分比機關始終根據父元素相應值來計算

這是錯誤的，一時間說不出所有的情況，就舉兩個特例：

line-height 的百分比是相對于自身的字型大小
position: fixed 元素（如寬高等）的百分比是相對于視口的
transform: translate(50%,50%)對自身

刷題總結820

onchange是文本框（input或者textarea）内容改變并且失去焦點（滑鼠點選文本框外）時觸發事件

onblur是當頁面或者元素失去焦點時在window及相關元素上觸發，和onchange很像，有一個差別是onchange必須更改内容

Web Storage又分為兩種：

1，sessionStorage

session，指的是一次會話，其時間作用于你通路開始一個網站到你關閉這個網站。

是以你用sessionStorage儲存的資料在你關閉網站頁面的時候就會被銷毀，一般用于臨時的資料儲存

2，localStorage

local，指的是本地，它會把資料儲存到你的硬碟中，即是浏覽器被關閉了，下次通路也能讀取到已經儲存了的資料。

值得注意的是，由于不同浏覽器資料存儲的位置不一樣，是以每個浏覽器所存儲的資料都是獨立的，不能在其他浏覽器中擷取

我們來看看最簡單的實作代碼：

我準備了一個p标簽，一個輸入框，兩個按鈕。分别用于顯示讀取出來的資料，提供内容的輸入，送出儲存，讀取資料。

代碼中用到了2個方法，setItem和getItem，對應的是儲存和讀取，

當然你也可以用sessionStorage.[key] = value;的方式去儲存，取資料的時候也非常簡單，直接用sessionStorage.[key]，你會得到你想到的東西的，

需要注意的是，用session儲存的資料用local是取不到的，反過來也一樣。

font-weight:bold 這個是可以使字型變粗的樣式

A：能使字型變粗的css樣式為

font-weight:bold

，其中font-weight的值有

bolder

（特粗體）、

bold

（加粗）、

normal

（正常）、

lighter

（細體），當然font-weight的值還可以用數值（100~900，必須為整百）進行表示

B：

text-direction

是對文字添加修飾的屬性，值為：

none

（預設值，沒有修飾）、

underline

（在文本下面添加下劃線）,常用的就這兩個當然還有其他不常用的值，可以自行查閱；

C：

text-transform

用來設定文本的大小寫，值為：

none

（預設值，不設定）、

capitalize

（使文本中的每個單詞的首字母大寫）、

uppercase

（将文本中的内容轉換成大寫）、

lowercase

（将文本中的内容轉換成小寫）；

D：border-weight的4個值代表的是分别是上邊框、右邊框、下邊框、左邊框的寬度

在html中通過

<a>

标簽打開一個連結，通過

<a>

标簽的

target

屬性規定在何處打開連結文檔。

如果在标簽

<a>

中寫入

target

屬性，則浏覽器會根據target的屬性值去打開與其命名或名稱相符的架構

<frame>

或者視窗.

在target中還存在四個保留的屬性值如下，

屬性值

刷題總結820

這些

target

的所有 4 個值都以下劃線開始。任何其他用一個下劃線作為開頭的視窗或者目标都會被浏覽器忽略，是以，不要将下劃線作為文檔中定義的任何架構 name 或 id 的第一個字元。

在HTML中，通過

<a>

标簽打開一個新連結，而

<a>

标簽的

target

屬性是指打開的新連結是以什麼樣的形式打開的；

target

屬性的值為：

_blank

時——以新彈出一個浏覽器視窗打開一個新連結頁面；

_self

——在原有的浏覽器視窗打開新連接配接的頁面；

若

<form>

和

<a>

标簽同時出現該屬性，form中的

target

起作用；

<br>

可插入一個簡單的換行符。

<br>

标簽是空标簽（意味着它沒有結束标簽，是以這是錯誤的：

<br></br>

）。在 XHTML 中，把結束标簽放在開始标簽中，也就是

<br />

。

請注意，

<br>

标簽隻是簡單地開始新的一行，而當浏覽器遇到

<p>

标簽時，通常會在相鄰的段落之間插入一些垂直的間距。

刷題總結820

multiple

用于

select

的多選或者上傳多個檔案

刷題總結820

reflow：幾乎是無法避免的。現在界面上流行的一些效果，比如樹狀目錄的折疊、展開（實質上是元素的顯示與隐藏）等，都将引起浏覽器的 reflow。滑鼠滑過、點選……隻要這些行為引起了頁面上某些元素的占位面積、定位方式、邊距等屬性的變化，都會引起它内部、周圍甚至整個頁面的重新渲染。通常我們都無法預估浏覽器到底會 reflow 哪一部分的代碼，它們都彼此互相影響着。

repaint：如果隻是改變某個元素的背景色、文字顔色、邊框顔色等等不影響它周圍或内部布局的屬性，将隻會引起浏覽器 repaint（重繪）。repaint 的速度明顯快于 reflow

下面情況會導緻reflow發生

1：改變視窗大小

2：改變文字大小

3：内容的改變，如使用者在輸入框中敲字

4：激活僞類，如:hover

5：操作class屬性

6：腳本操作DOM

7：計算offsetWidth和offsetHeight

8：設定style屬性

那麼為了減少回流要注意哪些方式呢？

1：不要通過父級來改變子元素樣式，最好直接改變子元素樣式，改變子元素樣式盡可能不要影響父元素和兄弟元素的大小和尺寸

2：盡量通過class來設計元素樣式，切忌用style

C選項：visibility保留實體空間，即使設定了visibility:hidden但頁面結構沒有改變

HTML5 中的

<canvas>

元素用于：是對 flash 的回應，原生直接支援繪圖

HTML5 的正确 doctype 是？

html5，不在需要定義 HTML4 中的 PUBLIC 部分，

隻有

<!DOCTYPE html>

Internet Explorer 9+ 支援 border-radius 和 box-shadow 屬性。

Firefox 、 Chrome 以及 Safari 支援所有新的邊框屬性。

注釋：對于 border-image ， Safari 5 以及更老的版本需要字首 -webkit- 。

Opera 支援 border-radius 和 box-shadow 屬性，但是對于 border-image 需要字首 -o-

刷題總結820

getElementByClassName方法傳回的是一個數組，需要通過下标擷取特定元素。

通過.style.xxx設定的css樣式中，将采用駝峰命名法來實作。

除了ID選擇器的唯一性和querySelector傳回單個節點，其餘傳回節點清單。

刷題總結820

caption是表格的标題

col是作為colgroup(定義表格中的列)的子元素存在的

刷題總結820

h5的data-*屬性

常用的塊狀元素有：

常用的内聯元素有：

常用的内聯塊狀元素有：

BFC 定義

繼續閱讀

前端和背景是如何互動的？

怎樣使用SpringMVC控制頁面

Spring MVC 接收多個實體參數

CSS中僞類和僞元素的差別

Vue項目 - 單檔案元件和Vue中的路由

左耳朵耗子：程式員如何拿到年薪60萬的崗位？

沒救了! 困擾程式員一輩子的5個魔咒, 改掉比登天還難！

[轉]如何成長為一名全棧工程師全棧工程師

underscore模闆功能的使用和學習

CSS之折疊菜單

web開發之前後端渲染

JavaScript的那些坑之事件代理事件代理事件階段

ACS基本配置-權限等級管理

vue （vue2.0）使用總結(從大體結構總結)

父子元件間傳值的實作父子元件間傳值的實作

vue搭建過程及出現問題