1

• 插件富文本編輯器的高寬是否可以定？

• vue角色管理怎么設計？管理員超級管理員？ 若走數據庫，那么超級管理員的作用呢？？

• vue-router原理設計與替代方案？

• 路由的鉤子函數？使用場景？

• pc端和WAP端的區別，line-height的集中20px？

• vue和jquery的區別？vue的設計思想？

• vue中v-for帶key 不帶key的區別？ 怎么渲染列表的呢？

• jquery原理？源碼？符合可以替換嗎？重寫API方法設計？

• Echarts的基礎使用上的擴展功能？

• ES6語法： 原理，會不會報錯。

字符串可不可以解構賦值？ 可以，（簡單的字符串是 類似數組的對象）

解構賦值的用途：

1》交換變量的值 var x,y ; 利用數組解構的方法進行交換： [x,y] = [y,x]

2》 從函數返回多個值 ：返回數組、對象

function fun(){return [1,2,3] } var [x,y,z] = fun() console.log(a)//1 復制代碼

3》提取json數據

var jsonData = {id:"007",name:"zhao",age:20,score:[100,90,89] }; let{id:number,name,age,score.chinese} = jsonData;復制代碼const [a,b,c,d,e] = "Hello"; console.log(a); //H console.log(b);//e ... console.log(e);//o 將字符串“Hello”作為一個類似于數組的值進行解構賦值 a,b,c,d,e作為數組的幾個下標值 復制代碼const {length:len} = "Hello" console.log(len); //5const{length} = "Hello World" console.log(length);//12 對于屬性解構賦值，字符串類似于數組的對象，都有一個length屬性 復制代碼函數參數解構賦值 function sum([x,y]){return x+y; } console.log(sum([1,2]);//3 復制代碼{var a =100;let b = 200;} console.log(a);//100 console.log(b);//error ,b is not defined let 不存在變量提升 復制代碼暫時性死區：只要塊級作用域中存在let命令，所聲明的該變量是有效的“綁定的”，不再受外部影響。 在let作用域內部，var聲明的變量是無效的**在同一個模塊內部 ： var重復聲明變量，后邊覆蓋前邊但是若有重復的let聲明的變量，會報錯** {console.log(a);// undefined ,在let之前的區域為“暫時性死區”let a = 100;console.log(a);//100 } 復制代碼

• ES6塊級作用域

ES5中，有兩種 全局作用域 + 局部作用域 ；內部作用域會覆蓋外部作用域，用于技術的循環變量泄漏為全局變量（循環變量結束，變量依然存在，內存占用）。

ES6 ：塊級作用域

<script type=”text/traceur”> function fun(){console.log(“I am outside!”);} (function(){if(false){function fun(){console.log(“I am inside!”);};};fun(); //I am outside! })(); 復制代碼

• const const塊級作用域，暫時性死區，不可重復聲明， const對象

const person = {}; person.name = "zhangsan"; person.age = 30 ; 復制代碼

• 全局對象屬性 全局對象即為最頂層對象。

1）瀏覽器環境 ---window對象

2）Node.js ----global對象

3）Javascript ---所有全局變量都是全局對象的屬性

ES6中規定的：屬于全局對象的屬性：var ，function聲明的全局對象 不屬于全局對象的屬性：let const class 命令聲明的全局對象

一、談談vue中的MVVM模式

MVVM全稱：Model-View-ViewModel

Vue是以數據為驅動的，Vue自身將DOM 和數據進行綁定，一旦創建綁定，DOM和數據將保持同步， ViewModel是Vue的核心，實例，是某個id所指代的元素。

DOMListeners 和DataBindings 是實現雙向綁定的關鍵。監控變化。同步變化。

二， v-show 和v-if指令的共同點和不同點？

v-show ：通過display 的 none 或block

v-if: 通過銷毀和重建DOM

三， keep-alive作用

keep-alive: 動態包裹組件，保留組件或避免重新渲染，頻繁操作對象，從緩存中快速渲染

四， vue中引入組件的步驟？

1，采用ES6的import...from... 語法 或 CommonJS的require（） 方法引入組件

2，組件注冊：Vue.component('my-component',{ template :'

a custom component' })

3,使用組件

五， 指令v-el的作用是什么？

提供一個在頁面上已存在的DOM元素作為Vue實例的掛載目標，

六，vue-router有哪幾種導航鉤子？

1》全局導航鉤子：router.beforeEach(to,from,next), 跳轉前進行判斷攔截

2》組件內的鉤子

3》單獨路由獨享組件

七，scss是什么？在vue.cli中的安裝使用步驟是？有哪幾大特性？

css預編譯

步驟：1，用npm下三個loader（sass-loader、css-loader、node-sass）

2，build目錄中webpack.base.config.js，extends屬性添加拓展.scss 并配置 一個module屬性 3,組件的style標簽加上lang屬性，如：lang = “scss” 可以使用變量、混合器、嵌套

Canvas： JavaScript來繪制2D圖形 ，按像素渲染

依賴分辨率

不支持事件處理器

弱的文本渲染能力

能夠以 .png 或 .jpg 格式保存結果圖像

最適合圖像密集型的游戲，其中的許多對象會被頻繁重繪

SVG: XML描述的2D語言，被繪制的圖形是對象，屬性變化，那么瀏覽器能夠自動重現圖形

不依賴分辨率

支持事件處理器

最適合帶有大型渲染區域的應用程序（比如谷歌地圖）

復雜度高會減慢渲染速度（任何過度使用 DOM 的應用都不快）

不適合游戲應用

• 其他的語言使用？

轉載于:https://juejin.im/post/5c3c477c51882525a67c58fd

創作挑戰賽新人創作獎勵來咯，堅持創作打卡瓜分現金大獎

總結

以上是生活随笔為你收集整理的记录01的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。