一、HTML5新特性
語義化標籤、.新增的表單元素和表單類型、新增的視頻和音頻標籤(video,audio)、canvas、svg、地理定位、拖放屬性、Web Worker、本地存儲、WebSocket、Web SQL
https://blog.csdn.net/yunchong_zhao/article/details/102918496
二、localStorage, sessionStorage, cookie
大小:cookie一般不超過4K,localStorage, sessionStorage爲5M或者更大;
數據有效期: cookie可以設置失效時間,未設置則關閉瀏覽器失效,設置了則過期才失效;
localStorage一直有效,除非手動刪除;
sessionStorage會話級存儲,關閉窗口則刪除;
作用域: cookie所有同源窗口共享;
localStorage所有同源窗口共享;
sessionStorage 在同一個瀏覽器窗口是共享的(不同瀏覽器、同一個頁面也是不共享的)
https://www.cnblogs.com/candy-xia/p/11561542.html
3、HTML5新增的表單屬性
placeholder :表單提示,輸入後消失;
required: 必填校驗;
pattern: 正則表達式;
min,max: 最大最小值;
step: 數字間隔;
autofocus: 自動聚焦;
multiple: 是否支持多選;
四、CSS3特性
https://www.runoob.com/css3/css3-backgrounds.html
https://www.ibm.com/developerworks/cn/web/1202_zhouxiang_css3/index.html
五、水平居中、垂直居中
https://blog.csdn.net/dengdongxia/article/details/80297116
https://www.cnblogs.com/00feixi/p/10116877.html
https://blog.csdn.net/zhou_shadow/article/details/90764029
六、BFC
https://blog.csdn.net/sinat_36422236/article/details/88763187
七、http請求方式,狀態碼
https://www.runoob.com/http/http-methods.html
https://www.runoob.com/http/http-status-codes.html
八、數組方法,字符串方法
數組:push() 把元素添加到數組最後面,返回添加後的數組長度;
unshif() 把數組添加到數組最前面,返回添加後的數組長度;
shift() 刪除了數組中的第一個元素,返回被刪除的元素;
pop() 刪除了數組中的最後一個元素,返回被刪除的元素;
join() 數組轉字符串;
reverse() 數組反轉;
sort() 數組排序;
concat() 數組連接;
slice(start, end) 選取數組中的元素;
splice(index, count, item1, item2) 刪除元素,插入元素, 替換元素;
indexOf,lastIndexOf 查找元素;
字符串: charAt(): 尋找字符串中某位置的字符;
charCodeAt(): 尋找字符串中某位置的字符;
indexOf(): 返回搜索的字符串的位置;
slice(start, end): 截取字符串;
substring(start, end): 截取字符串;
substr(start, length): 截取字符串;
split(): 字符串轉數組;
replace(): 代替;
toUpperCase(): 轉大寫;
toLowerCase(): 轉小寫;
九、vue的核心思想
數據驅動,組件化
十、vue的生命週期
是指vue實例從開始創建到銷燬的全過程,分爲八個階段,beforeCreate.created,beforeMount,mounted,beforeUpdate,updated,beforeDestory,destoryed。這些事件鉤子能讓我們在控制vue實例的整個過程中形成更好的邏輯。DOM渲染在mounted中就已經形成。
十一、 vue參數傳遞:
父傳子: 通過props;
子傳父: 通過$emit;
兄弟之間: eventBus, vuex
十二、vuex
vuex是vue.js的一種狀態管理工具,通俗點就是一個管理共享數據的工具。
state
Vuex 使用單一狀態樹,即每個應用將僅僅包含一個store 實例,但單一狀態樹和模塊化並不衝突。存放的數據狀態,不可以直接修改裏面的數據。
mutations
mutations定義的方法動態修改Vuex 的 store 中的狀態或數據。
getters
類似vue的計算屬性,主要用來過濾一些數據。
action
actions可以理解爲通過將mutations裏面處裏數據的方法變成可異步的處理數據的方法,簡單的說就是異步操作數據。view 層通過 store.dispath 來分發 action。
modules
項目特別複雜的時候,可以讓每一個模塊擁有自己的state、mutation、action、getters,使得結構非常清晰,方便管理。
十三、keep-alive
keep-alive是 Vue 內置的一個組件,可以使被包含的組件保留狀態,或避免重新渲染。
參數:
include - 字符串或正則表達式,只有名稱匹配的組件會被緩存
exclude - 字符串或正則表達式,任何名稱匹配的組件都不會被緩存
十四、怎麼定義 vue-router 的動態路由? 怎麼獲取傳過來的值
在 router 目錄下的 index.js 文件中,對 path 屬性加上 /:id,使用 router 對象的 params.id 獲取。
十五、ES6新特性
let和const,字符串(${}模板佔位符,模板字符串, includes, startsWith, endWith),函數增加默認參數,箭頭函數,Object.assign(),set和map,迭代器,promise,async
https://www.runoob.com/w3cnote/deconstruction-assignment.html