面試記錄

時間 2019-11-16

標籤面試記錄欄目快樂工作简体版

原文原文鏈接

Vue面試題

生命週期函數面試題

1.什麼是 vue 生命週期javascript

Vue 實例從建立到銷燬的過程，就是生命週期。也就是從開始建立、初始化數據、編譯模板、掛載Dom→渲染、更新→渲染、卸載等一系列過程，咱們稱這是 Vue 的生命週期。

2.vue生命週期的做用是什麼css

它的生命週期中有多個事件鉤子，讓咱們在控制整個Vue實例的過程時更容易造成好的邏輯。

3.第一次頁面加載會觸發哪幾個鉤子

第一次頁面加載時會觸發 beforeCreate, created, beforeMount, mounted 這幾個鉤子

4.簡述每一個週期具體適合哪些場景

beforecreate : 能夠在這加個loading事件，在加載實例時觸發
created : 初始化完成時的事件寫在這裏，如在這結束loading事件，異步請求也適宜在這裏調用
mounted : 掛載元素，獲取到DOM節點
updated : 若是對數據統一處理，在這裏寫上相應函數
beforeDestroy : 能夠作一個確認中止事件的確認框
nextTick : 更新數據後當即操做dom

5.created和mounted的區別html

created:在模板渲染成html前調用，即一般初始化某些屬性值，而後再渲染成視圖。
mounted:在模板渲染成html後調用，一般是初始化頁面完成後，再對html的dom節點進行一些須要的操做。

6.vue獲取數據在哪一個周期函數
7.請詳細說下你對vue生命週期的理解？前端

vue路由面試題

1.mvvm 框架是什麼？vue

一個model+view+viewModel框架，數據模型model，viewModel鏈接兩個

2.vue-router 是什麼?java

路由就是SPA（單頁應用）的路徑管理器。是Vue.js官方的路由插件，用於設定訪問路徑，並將路徑和組件映射起來。在vue-router單頁面應用中，則是路徑之間的切換，也就是組件的切換。路由模塊的本質就是創建起url和頁面之間的映射關係。至於咱們爲啥不能用a標籤，這是由於用Vue作的都是單頁應用，就至關於只有一個主的index.html頁面，因此你寫的標籤是不起做用的，你必須使用vue-router來進行管理。

3.active-class 是哪一個組件的屬性？

router-link組件

4.怎麼定義 vue-router 的動態路由? 怎麼獲取傳過來的值node

在router目錄下的index.js文件中，對path屬性加上/:id。使用router對象的params.id

5.vue-router 有哪幾種導航鉤子?

1）全局鉤子函數：定義在全局的路由對象中，主要有：
beforeEach：在路由切換開始時調用
afterEach：在每次路由切換成功進入激活階段時被調用
2）單獨路由獨享的鉤子：能夠再路由配置上直接定義beforeEnter 鉤子
3）組件的鉤子函數：定義在組件的router選項中
beforeRouteEnter 、beforeRouteUpdate，beforeRouteLeave

6.$route 和 $router 的區別jquery

router是「路由實例」對象包括了路由的跳轉方法，鉤子函數等。
8.vue-router傳參android

www.jianshu.com/p/2be6f131c…

9.vue-router的兩種模式webpack

　vue-router中默認使用的是hash模式，也就是會出現以下的URL：，URL中帶有#號
hash模式下，僅hash符號以前的url會被包含在請求中，後端若是沒有作到對路由的全覆蓋，也不會返回404錯誤。使用 URL 的 hash 來模擬一個完整的 URL，因而當 URL 改變時，頁面不會從新加載
history模式下，前端的url必須和實際向後端發起請求的url一致，如http://abc.com/user/id,後端若是沒有對user/id的路由處理，將返回404錯誤

10.vue-router實現路由懶加載（動態加載路由）

vue常見面試題

1.vue父組件向子組件傳遞數據？
3.子組件像父組件傳遞事件
4.v-show和v-if指令的共同點和不一樣點
5.如何讓CSS只在當前組件中起做用
6.<keep-alive></keep-alive>的做用是什麼?
7.如何獲取dom
8.說出幾種vue當中的指令和它的用法？
9. vue-loader是什麼？使用它的用途有哪些？

解析.vue文件的一個加載器。
用途：js能夠寫es六、style樣式能夠scss或less、template能夠加jade等

10.爲何使用key

當有相同標籤名的元素切換時，須要經過 key 特性設置惟一的值來標記以讓 Vue 區分它們，不然 Vue 爲了效率只會替換相同標籤內部的內容。

11.axios及安裝
12.axios解決跨域
13.v-modal的使用
15. 請說出vue.cli項目中src目錄每一個文件夾和文件的用法？

assets文件夾是放靜態資源；
components是放組件；
router是定義路由相關的配置;view視圖；
app.vue是一個應用主組件；
main.js是入口文件

16.分別簡述computed和watch的使用場景
17.v-on能夠監聽多個方法嗎

v-on綁定多個方法：

<p v-on="{click:dbClick,mousemove:MouseClick}"></p>
1複製代碼

一個事件綁定多個函數：

<p @click="one(),two()">點擊</p>複製代碼

18.$nextTick的使用

$nextTick 是在下次 DOM 更新循環結束以後執行延遲迴調，在修改數據以後使用 $nextTick，則能夠在回調中獲取更新後的 DOM。

19.vue組件中data爲何必須是一個函數

由於咱們能抽離出來的組件，確定是具備複用性的，它在項目中會存在多個實例。若是data屬性值是一個對象時，那麼它全部的實例都會共享這些數據，這是很麻煩的事情，你不能確保你的全部實例中的屬性值都不會重複。
咱們的指望是，組件的每一個實例都能獨立的維護本身的數據。

21 組件間的通訊

blog.csdn.net/zhoulu001/a…

22.漸進式框架的理解
23.Vue中雙向數據綁定是如何實現的

24.單頁面應用和多頁面應用區別及優缺點

單頁面的優勢：
1，用戶體驗好，快，內容的改變不須要從新加載整個頁面，基於這一點spa對服務器壓力較小
2，先後端分離
3，頁面效果會比較炫酷（好比切換頁面內容時的專場動畫）
單頁面缺點：
1，不利於seo
2，導航不可用，若是必定要導航須要自行實現前進、後退。（因爲是單頁面不能用瀏覽器的前進後退功能，因此須要本身創建堆棧管理）
3，初次加載時耗時多
4，頁面複雜度提升不少

25.vue中過濾器有什麼做用及詳解

定義過濾器有兩種方式，第一種是全局過濾器，咱們能夠直接在vue對象上使用filter方法註冊過濾器，這種全局註冊的過濾器在任何一個組件內均可以使用。第二種則是組件內部的過濾器，註冊組件內部過濾器則只能在當前組件內使用，接下來咱們使用這兩種方式註冊過濾器函數。

26.v-if和v-for的優先級

v-for和v-if不該該一塊兒使用，必要狀況下應該替換成computed屬性。緣由：v-for比v-if優先，若是每一次都須要遍歷整個數組，將會影響速度，尤爲是當之須要渲染很小一部分的時候。

27.assets和static的區別

相同點：資源在html中使用，都是能夠的。
不一樣點：使用assets下面的資源，在js中使用的話，路徑要通過webpack中file-loader編譯，路徑不能直接寫。

28.列舉經常使用的指令
29.vue經常使用的修飾符

<!-- 阻止單擊事件繼續傳播 -->
<a v-on:click.stop="doThis"></a>

<!-- 提交事件再也不重載頁面 -->
<form v-on:submit.prevent="onSubmit"></form>

<!-- 修飾符能夠串聯 -->
<a v-on:click.stop.prevent="doThat"></a>

<!-- 只有修飾符 -->
<form v-on:submit.prevent></form>

<!-- 添加事件監聽器時使用事件捕獲模式 -->
<!-- 即元素自身觸發的事件先在此到處理，而後才交由內部元素進行處理 -->
<div v-on:click.capture="doThis">...</div>

<!-- 只當在 event.target 是當前元素自身時觸發處理函數 -->
<!-- 即事件不是從內部元素觸發的 -->
<div v-on:click.self="doThat">...</div>複製代碼

30.數組更新檢測

www.jianshu.com/p/9ee28c313…
31.Vue.set視圖更新

www.jianshu.com/p/aead45ac8…
32.自定義指令詳解

全局自定義指令 Vue.directive( dir_name , {} )
局部自定義指令 directives{ dir_name : {} }

33.vue的兩個核心點

數據驅動、組件系統。複製代碼

34.vue和jQuery的區別

jQuery是使用選擇器（$）選取DOM對象，對其進行賦值、取值、事件綁定等操做，其實和原生的HTML的區別只在於能夠更方便的選取和操做DOM對象，而數據和界面是在一塊兒的。好比須要獲取label標籤的內容： $("lable").val();,它仍是依賴DOM元素的值。
Vue則是經過Vue對象將數據和View徹底分離開來了。對數據進行操做再也不須要引用相應的DOM對象，能夠說數據和View是分離的，他們經過Vue對象這個vm實現相互的綁定。這就是傳說中的MVVM。

35 引進組件的步驟
36.Vue-cli打包命令是什麼？打包後悔致使路徑問題，應該在哪裏修改
37.三大框架的對比
39.delete和Vue.delete刪除數組的區別

delete只是被刪除的元素變成了 empty/undefined 其餘的元素的鍵值仍是不變。Vue.delete 直接刪除了數組 改變了數組的鍵值。
var a=[1,2,3,4]  
var b=[1,2,3,4]  
delete a[1]
    console.log(a)    
this.$delete(b,1)
    console.log(b)
複製代碼

40.SPA首屏加載慢如何解決
41.Vue-router跳轉和location.href有什麼區別

使用 location = url 跳轉，若是本地以前已經載入過該頁面並有緩存，那麼會直接讀取本地的緩存，緩存機制是由本地瀏覽器設置決定的。狀態碼爲： 200 OK (from cache) 。
使用 location.href = url 跳轉，資源的緩存類型是根據服務器緩存配置決定的，都會向服務端發起請求，狀態碼會有兩種狀況： 200 OK 和 304 Not Modified 。前者表示該頁面是從服務端從新載入的，後者表示從HTTP 頭部的 If-Modified-Since 來判斷該資源在服務器端是否有改變，若是沒有則從本地緩存中加載，若是有則從新加載。

45.Vue裏面router-link在電腦上有用，在安卓上沒反應怎麼解決？

在router-link上使用@click無效是由於router-link的做用是單純的路由跳轉會影響阻止點擊事件，使用@click.native就能夠了

48.axios的特色有哪些

二、在 node.js 中發送 http請求；
三、支持 Promise API；
四、攔截請求和響應；
五、轉換請求和響應數據；
六、自動轉換 JSON 數據；
七、客戶端支持保護安全免受 XSRF 攻擊；

50.vue 各類組件通訊方法（父子子父兄弟爺孫毫無關係的組件）

常見使用場景能夠分爲三類：

父子通訊：
父向子傳遞數據是經過 props，子向父是經過 events（ $emit）；經過父鏈 / 子鏈也能夠通訊（ $parent / $children）；ref 也能夠訪問組件實例；provide / inject API； $attrs/$listeners
兄弟通訊：
Bus；Vuex
跨級通訊：
Bus；Vuex；provide / inject API、 $attrs/$listeners

51.params和query的區別

一、用法上的
　　剛纔已經說了，query要用path來引入，params要用name來引入，接收參數都是相似的，分別是this.$route.query.name和this.$route.params.name。
注意接收參數的時候，已是$route而不是$router了哦！！
二、展現上的

query 刷新不會丟失query裏面的數據
params 刷新會丟失 params裏面的數據
query更加相似於咱們ajax中get傳參，

params則相似於post，說的再簡單一點，前者在瀏覽器地址欄中顯示參數，後者則不顯示

54.vue初始化頁面閃動問題

blog.csdn.net/qq_38834863…
56.vue更新數組時觸發視圖更新的方法

blog.csdn.net/gqzydh/arti…

vuex常見面試題

1.vuex是什麼？怎麼使用？哪一種功能場景使用它？

vue框架中狀態管理。在main.js引入store，注入。新建一個目錄store，….. export 。場景有：單頁應用中，組件之間的狀態。音樂播放、登陸狀態、加入購物車

2.vuex有哪幾種屬性

State、 Getter、Mutation 、Action、 Module

3.不使用Vuex會帶來什麼問題

可維護性會降低，想修改數據要維護三個地方；
可讀性會降低，由於一個組件裏的數據，根本就看不出來是從哪來的；
增長耦合，大量的上傳派發，會讓耦合性大大增長，原本Vue用Component就是爲了減小耦合，如今這麼用，和組件化的初衷相背。

4.Vue.js中ajax請求代碼應該寫在組件的methods中仍是vuex的actions中？

1、若是請求來的數據是否是要被其餘組件公用，僅僅在請求的組件內使用，就不須要放入vuex 的state裏。
2、若是被其餘地方複用，這個很大概率上是須要的，若是須要，請將請求放入action裏，方便複用，幷包裝成promise返回，在調用處用async await處理返回的數據。若是不要複用這個請求，那麼直接寫在vue文件裏很方便。

5.vuex一個例子方法
6.Vuex中如何異步修改狀態
7.Vuex中actions和mutations的區別

Action 提交的是Mutations,能夠是異步操做。
Mutations 是修改數據的，必須同步。
也就是說你的組件裏調用Actions,而後Actions觸發Mutations,最終Mutations修改數據。

ES6面試題（參考答案）

ES6新增方法面試題

1.let const var比較
2.反引號（`）標識
3.函數默認參數
4.箭頭函數
5.屬性簡寫
6.方法簡寫
7.Object.keys()方法，獲取對象的全部屬性名或方法名

obj[Object.keys(arg)[i]]: obj 是對象； i 是屬性的索引值 var fruits = { first: "apple", second:"banana ",last: "banana", }, fruits[Object.keys(fruits)[0]] // 返回first 對應的屬性值： apple 這裏獲取的是 fruits 這個對象第一個屬性first 的值 :apple

9.for...of 循環
10.import和export

1.當用export default people導出時，就用 import people 導入（不帶大括號）

2.一個文件裏，有且只能有一個export default。但能夠有多個export。

3.當用export name 時，就用import { name }導入（記得帶上大括號）

4.當一個文件裏，既有一個export default people, 又有多個export name 或者 export age時，導入就用 import people, { name, age } 

5.當一個文件裏出現n多個 export 導出不少模塊，導入時除了一個一個導入，也能夠用import * as example複製代碼

11.Promise對象

promise是異步編程的一種解決方法。
promise是一個對象，從它能夠獲取異步操做的消息，promise提供了統一的API，各類異步操做均可以用一樣的方法進行處理。
Promise對象的特色
（1）promise對象表明一個異步操做，有三種狀態，pending（進行中）、fulfilled（已成功）、rejected（已失敗）。只有異步操做的結果，能夠決定當前是哪種狀態，任何其餘操做都沒法改變這個狀態，
（2）一旦狀態改變就不會再變，任什麼時候候均可以獲得這個結果，promise對象的狀態改變，只有兩種可能：從pending變爲fulfilled，從pending變爲rejected。這時就稱爲resolved（已定型）。若是改變已經發生了，你再對promise對象添加回調函數，也會當即獲得這個結果，這與事件（event）徹底不一樣，事件的特色是：若是你錯過了它，再去監聽是得不到結果的。
有了Promise對象，就能夠將異步操做以同步操做的流程表達出來，避免了層層嵌套的回調函數。此外，Promise對象提供統一的接口，使得控制異步操做更加容易。
Promise也有一些缺點。首先，沒法取消Promise，一旦新建它就會當即執行，沒法中途取消。其次，若是不設置回調函數，Promise內部拋出的錯誤，不會反應到外部。第三，當處於pending狀態時，沒法得知目前進展到哪個階段（剛剛開始仍是即將完成）。

15.字符串新增方法

includes()：返回布爾值，表示是否找到了參數字符串。
startsWith()：返回布爾值，表示參數字符串是否在原字符串的頭部。
endsWith()：返回布爾值，表示參數字符串是否在原字符串的尾部。

ES6數組面試題

1.forEach()
2.map()
3.filter()
4.reduce()
5.some()
6.every()
7.all()方法

js面試題（參考答案）

1.簡述同步和異步的區別
同步：
同步的思想是：全部的操做都作完，才返回給用戶。這樣用戶在線等待的時間太長，給用戶一種卡死了的感受（就是系統遷移中，點擊了遷移，界面就不動了，可是程序還在執行，卡死了的感受）。這種狀況下，用戶不能關閉界面，若是關閉了，即遷移程序就中斷了。
異步：
將用戶請求放入消息隊列，並反饋給用戶，系統遷移程序已經啓動，你能夠關閉瀏覽器了。而後程序再慢慢地去寫入數據庫去。這就是異步。可是用戶沒有卡死的感受，會告訴你，你的請求系統已經響應了。你能夠關閉界面了。

4.如何消除一個數組裏面重復的元素
5.寫一個返回閉包的函數

function fun1() {
        var sum=0;
        function fun2() {
            sum++;
            return sum
        }
        return fun2
    }
    var s=fun1();
    console.log(s());複製代碼

6.使用遞歸完成1到100的累加
7.Javascript有哪幾種數據類型
8.如何判斷數據類型

www.cnblogs.com/yunshangwuy…
9.console.log(1+'2')和console.log(1-'2')的打印結果 12和-1
10.Js的事件委託是什麼，原理是什麼
11.如何改變函數內部的this指針的指向
12.列舉幾種解決跨域問題的方式，且說明原理
13.談談垃圾回收機制的方式及內存管理
14.寫一個function ，清除字符串先後的空格
15.js實現繼承的方法有哪些

blog.csdn.net/longyin0528…
16.判斷一個變量是不是數組，有哪些辦法

咱們平時的工做中常常會用到如何判斷一個變量是否爲數組。經常使用的方法不少，有用經常使用框架裏面的，isArray。可是關於這個isArray的實現，各有不一樣。

經常使用的方法有以下幾種

一、instanceof

function isArray (obj) {
  return obj instanceof Array;
}複製代碼

二、Array對象的 isArray方法

function isArray (obj) {
  return Array.isArray(obj);
}複製代碼

三、Object.prototype.toString

function isArray (obj) {
  return Object.prototype.toString.call(obj) === '[object Array]';
}複製代碼

17.let ，const ，var 有什麼區別

var定義的變量，沒有塊的概念，能夠跨塊訪問, 不能跨函數訪問。
let定義的變量，只能在塊做用域裏訪問，不能跨塊訪問，也不能跨函數訪問。
const用來定義常量，使用時必須初始化(即必須賦值)，只能在塊做用域裏訪問，並且不能修改。

18.箭頭函數與普通函數有什麼區別

箭頭函數的 this 永遠指向其上下文的 this ，任何方法都改變不了其指向，如 call() , bind() , apply()
普通函數的this指向調用它的那個對象

19.隨機取1-10之間的整數
20.new操做符具體幹了什麼
21.Ajax原理
22.模塊化開發怎麼作
23.異步加載Js的方式有哪些

blog.csdn.net/shan1991fei…
24.xml和 json的區別
25.webpack如何實現打包的
26.常見web安全及防禦原理
27.用過哪些設計模式
28.爲何要同源限制
29.offsetWidth/offsetHeight,clientWidth/clientHeight與scrollWidth/scrollHeight的區別
30.javascript有哪些方法定義對象
31.說說你對promise的瞭解
32.談談你對AMD、CMD的理解
33.web開發中會話跟蹤的方法有哪些
34.介紹js有哪些內置對象？
35.說幾條寫JavaScript的基本規範？

不要在同一行聲明多個變量
請使用 === / !==來比較true/false或者數值
請使用對象字面量替代new Array 這種形式
不要使用全局函數

36.javascript建立對象的幾種方式？

blog.csdn.net/weixin_4251…
37.eval是作什麼的？
38.null，undefined 的區別？
39.[「1」, 「2」, 「3」].map(parseInt) 答案是多少？
40.javascript 代碼中的」use strict」;是什麼意思 ? 使用它區別是什麼？
41.js延遲加載的方式有哪些？

blog.csdn.net/meijory/art…
42.defer和async
43.說說嚴格模式的限制

www.imooc.com/article/260…
44.attribute和property的區別是什麼？
45.ECMAScript6 怎麼寫class麼，爲何會出現class這種東西?
46.常見兼容性問題
47.函數防抖節流的原理
48.原始類型有哪幾種？null是對象嗎？
49.爲何console.log(0.2+0.1==0.3) //false
50.說一下JS中類型轉換的規則？
51.深拷貝和淺拷貝的區別？如何實現
52.如何判斷this？箭頭函數的this是什麼
53.== 和 ===的區別

54.什麼是閉包
55.JavaScript原型，原型鏈 ? 有什麼特色？
56.typeof()和instanceof()的用法區別
57.什麼是變量提高

58.all、apply以及bind函數內部實現是怎麼樣的
59.爲何會出現setTimeout倒計時偏差？如何減小
60.談談你對JS執行上下文棧和做用域鏈的理解

JS沒有塊級做用域，除了全局做用域，函數會建立本身的做用域。做用域在函數定義時就已經肯定了，不是在函數調用肯定（區別於執行上下文環境，固然this也是上下文環境裏的成分）

bar要取得a的值，就要到建立bar這個函數的做用域中取值（這裏是fn做用域），fn做用域也沒有a，就到建立fn這個函數的做用域中取值（這裏是全局做用域），找到了就結束了。這就是做用域鏈。

執行上下文（Execution Contexts）是一種規範設備，用於跟蹤ECMAScript實現對代碼的 運行時（runtime） 評估。在任什麼時候間點，每一個代理程序最多隻有一個執行上下文實際執行代碼。這稱爲 代理程序 的 運行執行上下文

61.new的原理是什麼？經過new的方式建立對象和經過字面量建立有什麼區別？

new的原理

new:

建立一個新對象。
這個新對象會被執行[[原型]]鏈接。
將構造函數的做用域賦值給新對象，即this指向這個新對象.
若是函數沒有返回其餘對象，那麼new表達式中的函數調用會自動返回這個新對象。

62.prototype 和 proto 區別是什麼？

63.使用ES5實現一個繼承？
64.取數組的最大值（ES五、ES6）
65.ES6新的特性有哪些？
66.promise 有幾種狀態, Promise 有什麼優缺點 ?
67.Promise構造函數是同步仍是異步執行，then呢 ?promise如何實現then處理 ?
68.Promise和setTimeout的區別 ?
69.如何實現 Promise.all ?
70.如何實現 Promise.finally ?
71.如何判斷img加載完成

www.jb51.net/article/841…
72.如何阻止冒泡？

// 阻止瀏覽器的默認行爲
w3c的方法是e.preventDefault()，IE則是使用e.returnValue = false;
//中止事件冒泡
w3c的方法是e.stopPropagation()，IE則是使用e.cancelBubble = true

73.如何阻止默認事件？
74.ajax請求時，如何解釋json數據
75.json和jsonp的區別?

json是一種輕量級的數據交換格式。
jsonp是一種跨域數據交互協議。
json的優勢：
（1）基於純文本傳遞極其簡單，（2）輕量級數據格式適合互聯網傳遞，（3）容易編寫和解析。
ajax和jsonp的區別：
相同點：都是請求一個url
不一樣點：ajax的核心是經過xmlHttpRequest獲取內容
　　　　jsonp的核心則是動態添加<script>標籤來調用服務器提供的js腳本。

76.如何用原生js給一個按鈕綁定兩個onclick事件？
77.拖拽會用到哪些事件
78.document.write和innerHTML的區別
79.jQuery的事件委託方法bind 、live、delegate、on之間有什麼區別？
80.瀏覽器是如何渲染頁面的？
81.$(document).ready()方法和window.onload有什麼區別？

(1)、window.onload方法是在網頁中全部的元素(包括元素的全部關聯文件)徹底加載到瀏覽器後才執行的。
(2)、$(document).ready() 方法能夠在DOM載入就緒時就對其進行操縱，並調用執行綁定的函數。

82. jquery中$.get()提交和$.post()提交有區別嗎？
83.對前端路由的理解？先後端路由的區別？
84.手寫一個類的繼承
85.XMLHttpRequest：XMLHttpRequest.readyState;狀態碼的意思
86.正則表達式常見面試題

箭頭函數的 this 永遠指向其上下文的 this ，任何方法都改變不了其指向，如 call() , bind() , apply()普通函數的this指向調用它的那個對象

瀏覽器/html/css面試題（參考答案）

1.什麼是盒模型
2.行內元素有哪些？塊級元素有哪些？空(void)元素有那些？行內元素和塊級元素有什麼區別？
3.簡述src和href的區別

1.src 是指向物件的來源地址，是引入。在 img、script、iframe 等元素上使用。
2.href 是超文本引用，指向須要連結的地方，是與該頁面有關聯的，是引用。在 link和a 等元素上使用。

4.什麼是css Hack

CSS hack是經過在 CSS樣式中加入一些特殊的符號，讓不一樣的瀏覽器識別不一樣的符號（什麼樣的瀏覽器識別什麼樣的符號是有標準的，CSS hack就是讓你記住這個標準），以達到應用不一樣的 CSS樣式的目的。

5.什麼叫優雅降級和漸進加強
6.px和em的區別
7.HTML5 爲何只寫
8.Http的狀態碼有哪些
9.一次完整的HTTP事務是怎麼一個過程
10.HTTPS是如何實現加密
11.瀏覽器是如何渲染頁面的
12.瀏覽器的內核有哪些？分別有什麼表明的瀏覽器
13.頁面導入時，使用link和@import有什麼區別
14.如何優化圖像，圖像格式的區別
15.列舉你瞭解Html5. Css3 新特性

<article>   定義頁面獨立的內容區域。
<aside>   定義頁面的側邊欄內容。
<bdi>    容許您設置一段文本，使其脫離其父元素的文本方向設置。
<command>   定義命令按鈕，好比單選按鈕、複選框或按鈕
<details>   用於描述文檔或文檔某個部分的細節
<dialog>    定義對話框，好比提示框
<summary>   標籤包含 details 元素的標題
<figure>    規定獨立的流內容（圖像、圖表、照片、代碼等等）
<figcaption>    定義 <figure> 元素的標題
<footer>    定義 section 或 document 的頁腳。
<header>    定義了文檔的頭部區域
<mark>  定義帶有記號的文本。
<meter> 定義度量衡。僅用於已知最大和最小值的度量。
<nav>   定義導航連接的部分。
<progress>  定義任何類型的任務的進度。
<ruby>  定義 ruby 註釋（中文註音或字符）。
<rt>    定義字符（中文註音或字符）的解釋或發音。
<rp>    在 ruby 註釋中使用，定義不支持 ruby 元素的瀏覽器所顯示的內容。
<section>   定義文檔中的節（section、區段）。
<time>  定義日期或時間。
<wbr>   規定在文本中的何處適合添加換行符。複製代碼

CSS3實現圓角（border-radius），陰影（box-shadow），
對文字加特效（text-shadow、），線性漸變（gradient），旋轉（transform）
transform:rotate(9deg) scale(0.85,0.90) translate(0px,-30px) skew(-9deg,0deg);// 旋轉,縮放,定位,傾斜
增長了更多的CSS選擇器  多背景 rgba
在CSS3中惟一引入的僞元素是 ::selection.
媒體查詢，多欄佈局
border-image複製代碼

16.能夠經過哪些方法優化css3 animation渲染
17.列舉幾個前端性能方面的優化

一、css sprite，減小http請求；二、減小瀏覽器的重繪和迴流；三、代碼壓縮；四、延遲加載，當須要的資源的時候再加載五、減小全局變量；複製代碼

18.如何實現同一個瀏覽器多個標籤頁之間的通訊
19.瀏覽器的存儲技術有哪些
20.css定位方式

www.cnblogs.com/cl94/p/9003…
21.儘量多的寫出瀏覽器兼容性問題
22.垂直上下居中的方法
23.響應式佈局原理
25.清除浮動的方法
26.http協議和tcp協議
27.刷新頁面，js請求通常會有哪些地方有緩存處理
28.如何對網站的文件和資源進行優化
29.你對網頁標準和W3C重要性的理解
30.Http和https的區別

1  http是超文本傳輸協議，信息是明文傳輸，https則是具備安全性的ssl加密傳輸協議。

三、http和https使用的是徹底不一樣的鏈接方式，用的端口也不同，前者是80，後者是443。

四、http的鏈接很簡單，是無狀態的。Https協議是由SSL+Http協議構建的可進行加密傳輸、身份認證的網絡協議，比http協議安全。(無狀態的意思是其數據包的發送、傳輸和接收都是相互獨立的。無鏈接的意思是指通訊雙方都不長久的維持對方的任何信息。) 複製代碼

31.data-屬性的做用
32.如何讓Chrome瀏覽器顯示小於12px的文字
33.哪些操做會引發頁面迴流（Reflow）
34.CSS預處理器的比較less sass
35.如何實現頁面每次打開時清除本頁緩存
36.什麼是Virtual DOM,爲什麼要用Virtual DOM
37.僞元素和僞類的區別
38.http的幾種請求方法和區別
39.前端須要注意哪些SEO
40.的title和alt有什麼區別
41.從瀏覽器地址欄輸入url到顯示頁面的步驟
42.如何進行網站性能優化
43.語義化的理解
44.HTML5的離線儲存怎麼使用，工做原理能不能解釋一下？
45.瀏覽器是怎麼對HTML5的離線儲存資源進行管理和加載的呢
46.iframe有那些缺點？
47.WEB標準以及W3C標準是什麼?
48.Doctype做用? 嚴格模式與混雜模式如何區分？它們有何意義?
49.HTML全局屬性(global attribute)有哪些
50.Canvas和SVG有什麼區別？
51.如何在頁面上實現一個圓形的可點擊區域？
52.網頁驗證碼是幹嗎的，是爲了解決什麼安全問題
53.請描述一下 cookies，sessionStorage 和 localStorage 的區別？

有效期：
localStorage ———-永久存儲，永不失效，除非手動刪除
sessionStorage——–數據存儲在窗口對象中，窗口關閉後，數據丟失
cookies—————–只在設置的cookie過時時間以前一直有效，即便窗口或瀏覽器關閉
做用域：
sessionStorage不在不一樣的瀏覽器窗口共享，即便是同一個頁面
localStorage和cookies是在全部同源窗口中共享的
適用狀況：
cookies數據始終在同源的http請求中攜帶（即便不須要），適合保存很小的數據
sessionStorage和localStorage不會自動的將數據發送給服務器，僅在本地存儲

54. CSS選擇器有哪些？哪些屬性能夠繼承？

blog.csdn.net/sjinsa/arti…
55.CSS優先級算法如何計算？
56.CSS3有哪些新特性？
57.請解釋一下CSS3的flexbox（彈性盒佈局模型）,以及適用場景？
58.用純CSS建立一個三角形的原理是什麼？
59.常見的兼容性問題？
60.爲何要初始化CSS樣式
61.absolute的containing block計算方式跟正常流有什麼不一樣？
62.CSS裏的visibility屬性有個collapse屬性值？在不一樣瀏覽器下之後什麼區別？
63.display:none與visibility：hidden的區別？
64.position跟display、overflow、float這些特性相互疊加後會怎麼樣？
65.對BFC規範(塊級格式化上下文：block formatting context)的理解？
66.爲何會出現浮動和何時須要清除浮動？清除浮動的方式？
67.上下margin重合的問題
68. 設置元素浮動後，該元素的display值是多少？
69.移動端的佈局用過媒體查詢嗎？
70.CSS優化、提升性能的方法有哪些？
71.瀏覽器是怎樣解析CSS選擇器的？
72.在網頁中的應該使用奇數仍是偶數的字體？爲何呢？
73.margin和padding分別適合什麼場景使用？
74.元素豎向的百分比設定是相對於容器的高度嗎？
75.全屏滾動的原理是什麼？用到了CSS的哪些屬性？
76.什麼是響應式設計？響應式設計的基本原理是什麼？如何兼容低版本的IE？
77. 視差滾動效果？
78.::before 和 :after中雙冒號和單冒號有什麼區別？解釋一下這2個僞元素的做用
79.讓頁面裏的字體變清晰，變細用CSS怎麼作？
80. position:fixed;在android下無效怎麼處理？
81.若是須要手動寫動畫，你認爲最小時間間隔是多久，爲何？
82.li與li之間有看不見的空白間隔是什麼緣由引發的？有什麼解決辦法？
83.display:inline-block 何時會顯示間隙？

移除空格、使用margin負值、使用font-size:0、letter-spacing、word-spacing複製代碼

84. 有一個高度自適應的div，裏面有兩個div，一個高度100px，但願另外一個填滿剩下的高度
85.png、jpg、gif 這些圖片格式解釋一下，分別何時用。有沒有了解過webp？
86.style標籤寫在body後與body前有什麼區別？

1⃣️ 寫在body標籤前利於瀏覽器逐步渲染：

      resources downloading->CSSOM+DOM->RenderTree(composite)->Layout->paint

2⃣️ 寫在body標籤後：

      因爲瀏覽器以逐行方式對html文檔進行解析；

      當解析到寫在尾部的樣式表（外聯或寫在style標籤）會致使瀏覽器中止以前的渲染，等待加載且解析樣式表完成以後從新渲染；

      在windows的IE下可能會出現FOUC現象（即樣式失效致使的頁面閃爍問題）；複製代碼

87.CSS屬性overflow屬性定義溢出元素內容區的內容會如何處理?
88.闡述一下CSS Sprites
89. 一行或多行文本超出隱藏

微信小程序開發（持續更新）（參考答案）

初識小程序

1.註冊小程序
2.微信開發者工具
3.小程序與普通網頁開發的區別
4.小程序尺寸單位rpx
5.樣式導入（WeUI for）
6.選擇器
7.小程序image高度自適應及裁剪問題
8.微信小程序長按識別二維碼
9.給頁面加背景色
10.微信小程序獲取用戶信息
11.代碼審覈和發佈
12.小程序微信認證
13.小程序申請微信支付
14.小程序的目錄解構及四種文件類型
15.小程序文件的做用域
16.小程序經常使用組件
1.view
2.scroll-view
3.swiper組件
4.movable-view
5.cover-view
6.cover-image

小程序基礎

17.受權獲得用戶信息
18.數據綁定
19.列表渲染
20.條件渲染
21.公共模板創建
22.事件及事件綁定
23.引用
24.頁面跳轉
1.wx.switchTab
2.wx.reLaunch
3.wx.redirectTo
4.wx.navigateTo
5.wx.navigateBack
25.設置tabBar
26.頁面生命週期
27.轉發分享

小程序高級

28.request請求後臺接口
29.http-promise 封裝
30.webview
31.獲取用戶收貨地址
32.獲取地裏位置
33.自定義組件
34.微信小程序支付問題

小程序項目實戰

35.微信小程序本地數據緩存
36.下拉刷新和下拉加載
37.列表頁向詳情頁跳轉（動態修改title）
38.客服電話
39.星級評分組件
40.小程序插槽的使用slot
41.模糊查詢
42.wxs過濾
43.小程序動畫
44.列表根據索引值渲染
45.小程序動態修改class
46.小程序經常使用框架
47.參數傳值的方法
48.提升小程序的應用速度
49.微信小程序的優劣勢
50.小程序的雙向綁定和vue的區別
51.微信小程序給按鈕添加動畫
52.微信小程序的tab按鈕的轉換
53.微信小程序引進echarts
54.APP打開小程序流程
55.小程序解析富文本編輯器

小程序常見bug

1.域名必須是HTTPS
2. input組件placeholder字體顏色
3. wx.navigateTo沒法跳轉到帶tabbar的頁面
4. tabbar在切換時頁面數據沒法刷新
5.如何去掉自定義button灰色的圓角邊框
6.input textarea是APP的原生組件，z-index層級最高
7.一段文字如何換行
8.設置最外層標籤的margin-bottom在IOS下不生效
9.小程序中canvas的圖片不支持base64格式
10.回到頁面頂部
11.wx.setStorageSync和wx.getStorageSync報錯問題
12.如何獲取微信羣名稱？
13.new Date跨平臺兼容性問題
14.wx.getSystemInfoSync獲取windowHeight不許確
15.圖片本地資源名稱，儘可能使用小寫命名

移動端熱點問題（參考答案）

1. 1px border問題
2.2X圖 3X圖適配
3.圖片在安卓上，有些設備模糊問題
4.固定定位佈局鍵盤擋住輸入框內容
5.click的300ms延遲問題和點擊穿透問題
6.phone及ipad下輸入框默認內陰影
7.防止手機中頁面放大和縮小
8.flex佈局
9.px、em、rem、%、vw、vh、vm這些單位的區別
10. 移動端適配- dpr淺析
11.移動端擴展點擊區域
12 上下拉動滾動條時卡頓、慢
13 長時間按住頁面出現閃退
14. ios和android下觸摸元素時出現半透明灰色遮罩
15. active兼容處理即僞類：active失效
16.webkit mask兼容處理
17. pc端與移動端字體大小的問題
18. transiton閃屏
19.圓角bug
20.如何解決禁用表單後移動端樣式不統一問題？