前端知識點

1.git svn
git 分佈式管理 svn 集中式管理 git克隆分支更快 支持的系統更多
2.TCP/IP協議
物理層-數據鏈路層-網絡層(ip)-傳輸層（TCP，UDP，SPX）-會話層-表示層-應用層(TELNET，HTTP，FTP，NFS，SMTP)

3.http 頭
accept host charset content-code content-length
get-Url包含：協議名、主機名、端口、對象路徑

4.水平居中 垂直居中
垂直居中 vertical-align: middle; display:table;display:table-cell
display :flex;position: absolute;top:0; margin:auto;

5.清楚浮動方法
clear:both;:after僞類 overflow：hidden；

6.flex佈局
7.瀏覽器渲染順序
8.websokect 鏈接
9.sticky footer 不動的頁腳
方案1：display: flex flex:1
方案2：height:100%;min-height:100% clear:both;2018/9/27 .footer{width:100%;height:160px; margin-top:-160px;}

10.box-size: boder-size寬度和高度固定後不會加padding和border的值 content-size標準的盒子模型

11.computed method區別
computed計算屬性 基於緩存的，屬性變化纔會更新 method調用就改變 多兩個()

12.let const var
let const 都是塊級做用域 var 是全局的 const定義時必須賦值不能改變其值
變量提高 函數提高
13.點擊事件和拖動事件區分 拖動

14.call apply 區別，js繼承有幾種方式
apply()方法 接收兩個參數列表
call([thisObject[,arg1 [,arg2 [,...,argn]]]])
15.閉包的理解

16.Object Array判斷
Object.prototype.toString.call(obj)==「[object object/Array]」
Array.isArray(obj)==true/false
Array.prototype.isPrototypeOf(arr) //true表示是數組，false不是數組
obj instanceof Array
17.vue生成周期
beforeCreate created beforeMount Mounted beforeDestory destory
18.瀏覽器的渲染過程
1. 瀏覽器會將HTML解析成一個DOM樹，DOM 樹的構建過程是一個深度遍歷過程：當前節點的全部子節點都構建好後纔會去構建當前節點的下一個兄弟節點。
　　2. 將CSS解析成 CSS Rule Tree 。
　　3. 根據DOM樹和CSSOM來構造 Rendering Tree。注意：Rendering Tree 渲染樹並不等同於 DOM 樹，由於一些像Header或display:none的東西就不必放在渲染樹中了。
　　4. 有了Render Tree，瀏覽器已經能知道網頁中有哪些節點、各個節點的CSS定義以及他們的從屬關係。下一步操做稱之爲layout，顧名思義就是計算出每一個節點在屏幕中的位置。
　　5. 再下一步就是繪製，即遍歷render樹，並使用UI後端層繪製每一個節點。
？？？？？
19.prototype原型鏈
__proto__
20.link和@import的區別
1.加載頁面時，link標籤引入的 CSS 被同時加載；@import引入的 CSS 將在頁面加載完畢後被加載。
2.@import是 CSS 提供的語法規則，只有導入樣式表的做用；link是HTML提供的標籤，不只能夠加載 CSS 文件，還能夠定義 RSS、rel 鏈接屬性等。

21.超連接點擊後hover樣式不起做用問題
主要是visit 和hover順序放錯了，正確的應該是：link--visited-- hover-- active
22.css兼容問題
1.chrome最小12px
2.margin-bottom margin-top 合併問題
23.dom操做方法
createElement appendChild removeChild createTextNode insertBefore() cloneNOde()
24.node js應用場景
高併發，業務邏輯簡單
25.清楚浮動的方法
1.加個空div 2.：after僞類
26.div 居中

27.行內元素 塊級元素 區別

28.react

29.設計模式
30 垂直居中 水平居中 staky footer
3一、Arrary 方法 Array foreach map 區別
3二、js繼承 prototype call apply

3三、ajax 同步異步區別

3四、new 作了哪些事情

postcss 自動添加前綴

commonJs backdrop-filter(blur(10px));opacity:1 透明度css rgba 透明