前端面試(二)

一、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

https://segmentfault.com/a/1190000016068235

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章