记录01
1
-  插件富文本編輯器的高寬是否可以定? 
-  vue角色管理怎么設(shè)計?管理員超級管理員? 若走數(shù)據(jù)庫,那么超級管理員的作用呢?? 
-  vue-router原理設(shè)計與替代方案? 
-  路由的鉤子函數(shù)?使用場景? 
-  pc端和WAP端的區(qū)別,line-height的集中20px? 
-  vue和jquery的區(qū)別?vue的設(shè)計思想? 
-  vue中v-for帶key 不帶key的區(qū)別? 怎么渲染列表的呢? 
-  jquery原理?源碼?符合可以替換嗎?重寫API方法設(shè)計? 
-  Echarts的基礎(chǔ)使用上的擴展功能? 
-  ES6語法: 原理,會不會報錯。 
字符串可不可以解構(gòu)賦值? 可以,(簡單的字符串是 類似數(shù)組的對象)
解構(gòu)賦值的用途:
1》交換變量的值 var x,y ; 利用數(shù)組解構(gòu)的方法進行交換: [x,y] = [y,x]
2》 從函數(shù)返回多個值 :返回數(shù)組、對象
function fun(){return [1,2,3] } var [x,y,z] = fun() console.log(a)//1 復制代碼3》提取json數(shù)據(jù)
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”作為一個類似于數(shù)組的值進行解構(gòu)賦值 a,b,c,d,e作為數(shù)組的幾個下標值 復制代碼const {length:len} = "Hello" console.log(len); //5const{length} = "Hello World" console.log(length);//12 對于屬性解構(gòu)賦值,字符串類似于數(shù)組的對象,都有一個length屬性 復制代碼函數(shù)參數(shù)解構(gòu)賦值 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 不存在變量提升 復制代碼暫時性死區(qū):只要塊級作用域中存在let命令,所聲明的該變量是有效的“綁定的”,不再受外部影響。 在let作用域內(nèi)部,var聲明的變量是無效的**在同一個模塊內(nèi)部 : var重復聲明變量,后邊覆蓋前邊但是若有重復的let聲明的變量,會報錯** {console.log(a);// undefined ,在let之前的區(qū)域為“暫時性死區(qū)”let a = 100;console.log(a);//100 } 復制代碼- ES6塊級作用域
ES5中,有兩種 全局作用域 + 局部作用域 ;內(nèi)部作用域會覆蓋外部作用域,用于技術(shù)的循環(huán)變量泄漏為全局變量(循環(huán)變量結(jié)束,變量依然存在,內(nèi)存占用)。
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塊級作用域,暫時性死區(qū),不可重復聲明, const對象
- 全局對象屬性 全局對象即為最頂層對象。
1)瀏覽器環(huán)境 ---window對象
2)Node.js ----global對象
3)Javascript ---所有全局變量都是全局對象的屬性
ES6中規(guī)定的:屬于全局對象的屬性:var ,function聲明的全局對象 不屬于全局對象的屬性:let const class 命令聲明的全局對象
一、談談vue中的MVVM模式
MVVM全稱:Model-View-ViewModel
Vue是以數(shù)據(jù)為驅(qū)動的,Vue自身將DOM 和數(shù)據(jù)進行綁定,一旦創(chuàng)建綁定,DOM和數(shù)據(jù)將保持同步, ViewModel是Vue的核心,實例,是某個id所指代的元素。
DOMListeners 和DataBindings 是實現(xiàn)雙向綁定的關(guān)鍵。監(jiān)控變化。同步變化。
二, v-show 和v-if指令的共同點和不同點?
v-show :通過display 的 none 或block
v-if: 通過銷毀和重建DOM
三, keep-alive作用
keep-alive: 動態(tài)包裹組件,保留組件或避免重新渲染,頻繁操作對象,從緩存中快速渲染
四, 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), 跳轉(zhuǎn)前進行判斷攔截
2》組件內(nèi)的鉤子
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 格式保存結(jié)果圖像
最適合圖像密集型的游戲,其中的許多對象會被頻繁重繪
SVG: XML描述的2D語言,被繪制的圖形是對象,屬性變化,那么瀏覽器能夠自動重現(xiàn)圖形
不依賴分辨率
支持事件處理器
最適合帶有大型渲染區(qū)域的應用程序(比如谷歌地圖)
復雜度高會減慢渲染速度(任何過度使用 DOM 的應用都不快)
不適合游戲應用
- 其他的語言使用?
轉(zhuǎn)載于:https://juejin.im/post/5c3c477c51882525a67c58fd
創(chuàng)作挑戰(zhàn)賽新人創(chuàng)作獎勵來咯,堅持創(chuàng)作打卡瓜分現(xiàn)金大獎總結(jié)
 
                            
                        - 上一篇: 撩课-Web大前端每天5道面试题-Day
- 下一篇: 12036火车票小工具,希望大家都能顺利
