學(xué)過(guò)CSS3嗎？CSS3的新增特性有哪些件豌？
主要是文本效果疮方、邊框、圖片茧彤、字體骡显、背景效果、陰影效果曾掂、色彩類：
- RGBA和透明度
- word-wrap屬性
- background屬性
- text-shadow屬性
- font-face屬性
- border-radius屬性
- box-shadow屬性
漸變：
- linear-gradient()：線性漸變惫谤。
- radial-gradient()：徑向漸變。
其他：
- 三類選擇器珠洗，基本選擇器溜歪，屬性選擇器，偽類選擇器
- 媒體查詢（響應(yīng)式布局）- 盒模型险污、彈性布局(flex布局)
- 網(wǎng)格分欄布局
- 多欄布局
動(dòng)畫相關(guān)：
- Transition 過(guò)渡
- Transform 2D或3D轉(zhuǎn)換
- Animation 實(shí)現(xiàn)動(dòng)畫功能
- 畫布canvas是h5新增的標(biāo)簽痹愚，不屬于css3
學(xué)習(xí)過(guò)動(dòng)畫嗎？動(dòng)畫怎么寫蛔糯？
- @keyframes 動(dòng)畫綁定到某個(gè)元素
- animation-name 給動(dòng)畫命名
- animation-duration 需要多長(zhǎng)時(shí)間才能完成動(dòng)畫
- animation-delay 延遲動(dòng)畫
- animation-iteration-count 設(shè)置動(dòng)畫應(yīng)運(yùn)行多少次
- animation-direction 反向或交替運(yùn)行動(dòng)畫
- animation-timing-function 指定動(dòng)畫的速度曲線
- animation-fill-mode 指定動(dòng)畫的填充模式
- animation 動(dòng)畫簡(jiǎn)寫屬性（1抵7）
<style>
div {
width: 100px;
height: 100px;
background-color: red;
position: relative;
animation: myfirst 5s linear 2s infinite alternate;
}
@keyframes myfirst {
0% {background-color:red; left:0px; top:0px;}
25% {background-color:yellow; left:200px; top:0px;}
50% {background-color:blue; left:200px; top:200px;}
75% {background-color:green; left:0px; top:200px;}
100% {background-color:red; left:0px; top:0px;}
}
</style>
對(duì)JS了解嗎拯腮？簡(jiǎn)要說(shuō)一下定時(shí)器有哪些？怎么清除定時(shí)器蚁飒？
js 定時(shí)器有以下兩個(gè)方法：
- setInterval() 間隔執(zhí)行
- setTimeout() 延遲執(zhí)行
清除與之對(duì)應(yīng)使用 clearInterval() 和 clearTimeout()
css定位屬性有哪些动壤？簡(jiǎn)要說(shuō)明。
- 絕對(duì)定位：absolute
- 相對(duì)定位：relative
- 固定定位（相對(duì)視窗而言）：fixed
- 粘性定位（相對(duì)于用戶滾動(dòng)位置而言）：sticky
- 靜態(tài)定位：static
學(xué)習(xí)過(guò)浮動(dòng)嗎淮逻？怎么清除浮動(dòng)琼懊？相關(guān)屬性有哪一些？
有左右浮動(dòng)和文檔流浮動(dòng)布局爬早。
常見的2種清除浮動(dòng)方案：
- 使用帶clear屬性的空元素
在浮動(dòng)元素后變使用一個(gè)空元素如<div class="clear"></div>哼丈，并在CSS中賦予.clear{clear:both;}屬性即可清理浮動(dòng)。
- 使用CSS的overflow屬性（也就是BFC）添加overflow屬性后筛严，浮動(dòng)元素又回到了容器層醉旦，把容器高度撐起，達(dá)到了清理浮動(dòng)的效果
vue相關(guān)：
組件通訊方式有哪些桨啃？父子組件如何通訊车胡？
常見的是父子組件通訊、兄弟組件通訊照瘾、vuex復(fù)雜組件通訊匈棘。
父子組件通訊：
- 父?jìng)髯樱焊附M件通過(guò)綁定自定義屬性，子組件通過(guò)props進(jìn)行接收
- 子傳父：子組件綁定事件的形式析命，通過(guò)$emit()發(fā)送主卫，父組件通過(guò)發(fā)布時(shí)間進(jìn)行接收逃默。
vuex狀態(tài)管理理解？
成員列表：
- state 存放變量共享狀態(tài)
- mutations 存放state成員操作
- getters 加工state成員給外界
- actions 異步操作
- modules 模塊化狀態(tài)管理
學(xué)過(guò)vue-cli嗎队秩？npm怎么安裝笑旺？vue-router理解？怎么寫馍资？學(xué)過(guò)路由守衛(wèi)嗎筒主？說(shuō)說(shuō)看？還有路由懶加載實(shí)現(xiàn)原理鸟蟹。
1.安裝npm install vue-router
2.文件src下創(chuàng)建router文件夾乌妙，在router文件夾下創(chuàng)建router.js
3.在main.js導(dǎo)入路由并配置
4.書寫路由規(guī)則，導(dǎo)入組件,在router.js里寫入
5.在App.vue里添加路由鏈接
6.在router.js里配置規(guī)則
路由守衛(wèi)分為前置守衛(wèi)和后置守衛(wèi)：
- 前置守衛(wèi)：對(duì)路由進(jìn)行權(quán)限控制建钥。在路由跳轉(zhuǎn)前觸發(fā)藤韵，參數(shù)包括to,from,next三個(gè)，這個(gè)鉤子作用主要是用于登錄驗(yàn)證熊经，也就是路由還沒跳轉(zhuǎn)提前告知泽艘。
- 后置守衛(wèi)：在跳轉(zhuǎn)之后判斷
路由懶加載實(shí)現(xiàn)原理：其實(shí)就是按需引入，為了避免頁(yè)面一開始就全部加載所有的組件镐依，使頁(yè)面出現(xiàn)的慢匹涮，卡頓，路由懶加載就是你點(diǎn)擊了那個(gè)導(dǎo)航才開始加載那個(gè)組件槐壳，提高用戶體驗(yàn)然低。
簡(jiǎn)述一下vue的基本指令？
v-if | v-esle | v-else-if 條件判斷
v-bind 單向數(shù)據(jù)綁定
v-show 雙向數(shù)據(jù)綁定
v-on 事件綁定
v-for 列表渲染
v-text 文本
v-html 轉(zhuǎn)義
v-model雙向數(shù)據(jù)綁定的實(shí)現(xiàn)原理务唐？與單向數(shù)據(jù)流動(dòng)v-bind的區(qū)別雳攘？
vue 雙向數(shù)據(jù)綁定是通過(guò) 數(shù)據(jù)劫持 結(jié)合 發(fā)布訂閱模式的方式來(lái)實(shí)現(xiàn)的， 也就是說(shuō)數(shù)據(jù)和視圖同步枫笛，數(shù)據(jù)發(fā)生變化吨灭，視圖跟著變化，視圖變化刑巧，數(shù)據(jù)也隨之發(fā)生改變沃于。
學(xué)過(guò)vue的修飾符嗎？
事件修飾符
.stop 阻止單機(jī)事件傳遞海诲，案例阻止事件層層冒泡
.prevent 提交事件不再重載頁(yè)面
.once 事件點(diǎn)擊只觸發(fā)一次
.capture 捕獲、監(jiān)聽事件v-model修飾符
<input v-model.lazy="msg"> 默認(rèn)情況下檩互，v-model同步輸入框的值和數(shù)據(jù)特幔。可以通過(guò)這個(gè)修飾符闸昨，轉(zhuǎn)變?yōu)樵赾hange事件再同步蚯斯。
<input v-model.number="msg"> 自動(dòng)將用戶的輸入值轉(zhuǎn)化為數(shù)值類型
<input v-model.trim="msg"> 自動(dòng)過(guò)濾用戶輸入的首尾空格
- 鍵盤修飾符
<input @keyup.enter="submit"> 監(jiān)聽空格鍵
還可以監(jiān)聽其他鍵位
v-if和v-show顯示與隱藏的區(qū)別薄风？
v-show控制css的display屬性為none,v-if是向dom中添加或刪除元素。
頻繁點(diǎn)擊的話采用v-show
