javascript里面，+代表的是數(shù)字之間的“加”和字符串之間的“連接”作用。
珠海網(wǎng)站制作公司哪家好，找成都創(chuàng)新互聯(lián)公司！從網(wǎng)頁(yè)設(shè)計(jì)、網(wǎng)站建設(shè)、微信開(kāi)發(fā)、APP開(kāi)發(fā)、響應(yīng)式網(wǎng)站開(kāi)發(fā)等網(wǎng)站項(xiàng)目制作，到程序開(kāi)發(fā)，運(yùn)營(yíng)維護(hù)。成都創(chuàng)新互聯(lián)公司從2013年創(chuàng)立到現(xiàn)在10年的時(shí)間，我們擁有了豐富的建站經(jīng)驗(yàn)和運(yùn)維經(jīng)驗(yàn)，來(lái)保證我們的工作的順利進(jìn)行。專(zhuān)注于網(wǎng)站建設(shè)就選成都創(chuàng)新互聯(lián)公司。
這里很明顯，前后都是字符串，起的是連接作用，目的是將這個(gè)變量的值和前后字符串連接在一起，做為jquery對(duì)象的選擇條件，并用選擇器將滿(mǎn)足這個(gè)條件的html標(biāo)簽捕捉到，返回一個(gè)jquery對(duì)象。這是javascript知識(shí)。
1、基礎(chǔ)部分，主要就是html、css、JavaScript。這個(gè)其實(shí)不用多講，這些個(gè)基礎(chǔ)不學(xué)扎實(shí)了啥也干不了，可以直接從html5、css3、ES5來(lái)學(xué)習(xí)。學(xué)習(xí)的方法很多，最方便的方法是像w3cschool、尚學(xué)堂這種邊學(xué)邊練的，類(lèi)似之前微軟的所見(jiàn)即所得，喜歡讀紙質(zhì)書(shū)的可以買(mǎi)幾本書(shū)來(lái)看看。
2、幾個(gè)邊界，與美工相關(guān)、后端開(kāi)發(fā)、設(shè)計(jì)相關(guān)。想做好Web前端，一定搞清楚自己的工作界面在什么地方，這對(duì)你有很大幫助。每個(gè)公司可能都不一樣，所以了解邊界相關(guān)的知識(shí)就很重要。
美工相關(guān)，主要是說(shuō)ps、切圖之類(lèi)的東西，photoshop還是需要會(huì)用的，至于說(shuō)你能不能搞出漂亮的圖片來(lái)那倒不是重點(diǎn)，關(guān)鍵點(diǎn)是體會(huì)美工的工作過(guò)程。如果你在公司兼了這件事，那你就得深入的學(xué)習(xí)了，別不以為然，前端的美術(shù)有修養(yǎng)還是挺重要的。
后端開(kāi)發(fā)，雖說(shuō)一般情況下，前端開(kāi)發(fā)和后端開(kāi)發(fā)是分開(kāi)的，不過(guò)二般情況也很多。這個(gè)時(shí)候就需要你在后端中選擇一條主線(xiàn)，很多人都在比較PHP、Python、Node.js哪種好，其實(shí)都差不多，不過(guò)從市場(chǎng)上的熱度來(lái)說(shuō)視乎Node.js更熱一些，當(dāng)然Node.js對(duì)js熟悉的前端來(lái)說(shuō)也更容易上手。我的建議還是先從Node.js來(lái)吧，如果公司有選擇或者有余力可以學(xué)學(xué)其他兩個(gè)。數(shù)據(jù)庫(kù)似乎mysql和mongodb都可以試試。
3、相關(guān)標(biāo)準(zhǔn)，標(biāo)準(zhǔn)這個(gè)東西很多人都不屑的很。其實(shí)很重要，越大的團(tuán)隊(duì)越重要。還是熟悉熟悉養(yǎng)成好的習(xí)慣為妙。這在初期至少涉及到很多兼容性問(wèn)題，所以W3C的標(biāo)準(zhǔn)是必須了解和掌握的。
4、各種框架類(lèi)庫(kù)，jquery，bootstrap等，現(xiàn)在的框架比較多，但是jquery和bootstrap這樣級(jí)別的必須得熟練掌握，要不很多公司都沒(méi)法干活。一般類(lèi)庫(kù)和框架都有垂直的網(wǎng)站可以學(xué)習(xí)，如bootstrap中文網(wǎng)之類(lèi)的都很不錯(cuò)。
HTML、CSS相關(guān)
html5新特性、語(yǔ)義化
瀏覽器渲染機(jī)制、重繪、重排
網(wǎng)頁(yè)生成過(guò)程：
重排(也稱(chēng)回流): 當(dāng) DOM 的變化影響了元素的幾何信息( DOM 對(duì)象的位置和尺寸大小)，瀏覽器需要重新計(jì)算元素的幾何屬性，將其安放在界面中的正確位置，這個(gè)過(guò)程叫做重排。 觸發(fā)：
重繪： 當(dāng)一個(gè)元素的外觀(guān)發(fā)生改變，但沒(méi)有改變布局,重新把元素外觀(guān)繪制出來(lái)的過(guò)程，叫做重繪。 觸發(fā)：
重排優(yōu)化建議：
transform 不重繪，不回流 是因?yàn)? transform 屬于合成屬性，對(duì)合成屬性進(jìn)行 transition/animate 動(dòng)畫(huà)時(shí)，將會(huì)創(chuàng)建一個(gè)合成層。這使得動(dòng)畫(huà)元素在一個(gè)獨(dú)立的層中進(jìn)行渲染。當(dāng)元素的內(nèi)容沒(méi)有發(fā)生改變，就沒(méi)有必要進(jìn)行重繪。瀏覽器會(huì)通過(guò)重新復(fù)合來(lái)創(chuàng)建動(dòng)畫(huà)幀。
css盒子模型
所有 HTML 元素可以看作盒子，在CSS中， "box model" 這一術(shù)語(yǔ)是用來(lái)設(shè)計(jì)和布局時(shí)使用。 CSS 盒模型本質(zhì)上是一個(gè)盒子，封裝周?chē)? HTML 元素，它包括：邊距，邊框，填充，和實(shí)際內(nèi)容。 盒模型允許我們?cè)谄渌睾椭車(chē)剡吙蛑g的空間放置元素。
css樣式優(yōu)先級(jí)
!importantstyleidclass
什么是BFC？BFC的布局規(guī)則是什么？如何創(chuàng)建BFC？BFC應(yīng)用？
BFC 是 Block Formatting Context 的縮寫(xiě)，即塊格式化上下文。 BFC 是CSS布局的一個(gè)概念，是一個(gè)環(huán)境，里面的元素不會(huì)影響外面的元素。 布局規(guī)則：Box是CSS布局的對(duì)象和基本單位，頁(yè)面是由若干個(gè)Box組成的。元素的類(lèi)型和display屬性，決定了這個(gè)Box的類(lèi)型。不同類(lèi)型的Box會(huì)參與不同的 Formatting Context 。 創(chuàng)建：浮動(dòng)元素 display：inline-block position:absolute 應(yīng)用: 1.分屬于不同的 BFC 時(shí),可以防止 margin 重疊 2.清除內(nèi)部浮動(dòng) 3.自適應(yīng)多欄布局
DOM、BOM對(duì)象
BOM（Browser Object Model） 是指瀏覽器對(duì)象模型，可以對(duì)瀏覽器窗口進(jìn)行訪(fǎng)問(wèn)和操作。使用 BOM，開(kāi)發(fā)者可以移動(dòng)窗口、改變狀態(tài)欄中的文本以及執(zhí)行其他與頁(yè)面內(nèi)容不直接相關(guān)的動(dòng)作。 使 JavaScript 有能力與瀏覽器"對(duì)話(huà)"。 DOM （Document Object Model） 是指文檔對(duì)象模型，通過(guò)它，可以訪(fǎng)問(wèn) HTML 文檔的所有元素。 DOM 是 W3C （萬(wàn)維網(wǎng)聯(lián)盟）的標(biāo)準(zhǔn)。 DOM 定義了訪(fǎng)問(wèn) HTML 和 XML 文檔的標(biāo)準(zhǔn)： "W3C 文檔對(duì)象模型（DOM）是中立于平臺(tái)和語(yǔ)言的接口，它允許程序和腳本動(dòng)態(tài)地訪(fǎng)問(wèn)和更新文檔的內(nèi)容、結(jié)構(gòu)和樣式。" W3C DOM 標(biāo)準(zhǔn)被分為 3 個(gè)不同的部分：
什么是 XML DOM ？ XML DOM 定義了所有 XML 元素的對(duì)象和屬性，以及訪(fǎng)問(wèn)它們的方法。 什么是 HTML DOM？ HTML DOM 定義了所有 HTML 元素的對(duì)象和屬性，以及訪(fǎng)問(wèn)它們的方法。
JS相關(guān)
js數(shù)據(jù)類(lèi)型、typeof、instanceof、類(lèi)型轉(zhuǎn)換
閉包(高頻)
閉包是指有權(quán)訪(fǎng)問(wèn)另一個(gè)函數(shù)作用域中的變量的函數(shù) ——《JavaScript高級(jí)程序設(shè)計(jì)》
當(dāng)函數(shù)可以記住并訪(fǎng)問(wèn)所在的詞法作用域時(shí)，就產(chǎn)生了閉包，
即使函數(shù)是在當(dāng)前詞法作用域之外執(zhí)行 ——《你不知道的JavaScript》
原型、原型鏈(高頻)
原型: 對(duì)象中固有的 __proto__ 屬性，該屬性指向?qū)ο蟮? prototype 原型屬性。
原型鏈: 當(dāng)我們?cè)L問(wèn)一個(gè)對(duì)象的屬性時(shí)，如果這個(gè)對(duì)象內(nèi)部不存在這個(gè)屬性，那么它就會(huì)去它的原型對(duì)象里找這個(gè)屬性，這個(gè)原型對(duì)象又會(huì)有自己的原型，于是就這樣一直找下去，也就是原型鏈的概念。原型鏈的盡頭一般來(lái)說(shuō)都是 Object.prototype 所以這就是我們新建的對(duì)象為什么能夠使用 toString() 等方法的原因。
特點(diǎn): JavaScript 對(duì)象是通過(guò)引用來(lái)傳遞的，我們創(chuàng)建的每個(gè)新對(duì)象實(shí)體中并沒(méi)有一份屬于自己的原型副本。當(dāng)我們修改原型時(shí)，與之相關(guān)的對(duì)象也會(huì)繼承這一改變。
this指向、new關(guān)鍵字
this 對(duì)象是是執(zhí)行上下文中的一個(gè)屬性，它指向最后一次調(diào)用這個(gè)方法的對(duì)象，在全局函數(shù)中， this 等于 window ，而當(dāng)函數(shù)被作為某個(gè)對(duì)象調(diào)用時(shí)，this等于那個(gè)對(duì)象。 在實(shí)際開(kāi)發(fā)中， this 的指向可以通過(guò)四種調(diào)用模式來(lái)判斷。
new
作用域、作用域鏈、變量提升
繼承(含es6)、多種繼承方式
（1）第一種是以 原型鏈的方式來(lái)實(shí)現(xiàn)繼承 ，但是這種實(shí)現(xiàn)方式存在的缺點(diǎn)是，在包含有引用類(lèi)型的數(shù)據(jù)時(shí)，會(huì)被所有的實(shí)例對(duì)象所共享，容易造成修改的混亂。還有就是在創(chuàng)建子類(lèi)型的時(shí)候不能向超類(lèi)型傳遞參數(shù)。
（2）第二種方式是使用 借用構(gòu)造函數(shù) 的方式，這種方式是通過(guò)在子類(lèi)型的函數(shù)中調(diào)用超類(lèi)型的構(gòu)造函數(shù)來(lái)實(shí)現(xiàn)的，這一種方法解決了不能向超類(lèi)型傳遞參數(shù)的缺點(diǎn)，但是它存在的一個(gè)問(wèn)題就是無(wú)法實(shí)現(xiàn)函數(shù)方法的復(fù)用，并且超類(lèi)型原型定義的方法子類(lèi)型也沒(méi)有辦法訪(fǎng)問(wèn)到。
（3）第三種方式是 組合繼承 ，組合繼承是將原型鏈和借用構(gòu)造函數(shù)組合起來(lái)使用的一種方式。通過(guò)借用構(gòu)造函數(shù)的方式來(lái)實(shí)現(xiàn)類(lèi)型的屬性的繼承，通過(guò)將子類(lèi)型的原型設(shè)置為超類(lèi)型的實(shí)例來(lái)實(shí)現(xiàn)方法的繼承。這種方式解決了上面的兩種模式單獨(dú)使用時(shí)的問(wèn)題，但是由于我們是以超類(lèi)型的實(shí)例來(lái)作為子類(lèi)型的原型，所以調(diào)用了兩次超類(lèi)的構(gòu)造函數(shù)，造成了子類(lèi)型的原型中多了很多不必要的屬性。
（4）第四種方式是 原型式繼承 ，原型式繼承的主要思路就是基于已有的對(duì)象來(lái)創(chuàng)建新的對(duì)象，實(shí)現(xiàn)的原理是，向函數(shù)中傳入一個(gè)對(duì)象，然后返回一個(gè)以這個(gè)對(duì)象為原型的對(duì)象。這種繼承的思路主要不是為了實(shí)現(xiàn)創(chuàng)造一種新的類(lèi)型，只是對(duì)某個(gè)對(duì)象實(shí)現(xiàn)一種簡(jiǎn)單繼承，ES5 中定義的 Object.create() 方法就是原型式繼承的實(shí)現(xiàn)。缺點(diǎn)與原型鏈方式相同。
（5）第五種方式是 寄生式繼承 ，寄生式繼承的思路是創(chuàng)建一個(gè)用于封裝繼承過(guò)程的函數(shù)，通過(guò)傳入一個(gè)對(duì)象，然后復(fù)制一個(gè)對(duì)象的副本，然后對(duì)象進(jìn)行擴(kuò)展，最后返回這個(gè)對(duì)象。這個(gè)擴(kuò)展的過(guò)程就可以理解是一種繼承。這種繼承的優(yōu)點(diǎn)就是對(duì)一個(gè)簡(jiǎn)單對(duì)象實(shí)現(xiàn)繼承，如果這個(gè)對(duì)象不是我們的自定義類(lèi)型時(shí)。缺點(diǎn)是沒(méi)有辦法實(shí)現(xiàn)函數(shù)的復(fù)用。
（6）第六種方式是 寄生式組合繼承 ，組合繼承的缺點(diǎn)就是使用超類(lèi)型的實(shí)例做為子類(lèi)型的原型，導(dǎo)致添加了不必要的原型屬性。寄生式組合繼承的方式是使用超類(lèi)型的原型的副本來(lái)作為子類(lèi)型的原型，這樣就避免了創(chuàng)建不必要的屬性。
EventLoop
JS 是單線(xiàn)程的，為了防止一個(gè)函數(shù)執(zhí)行時(shí)間過(guò)長(zhǎng)阻塞后面的代碼，所以會(huì)先將同步代碼壓入執(zhí)行棧中，依次執(zhí)行，將異步代碼推入異步隊(duì)列，異步隊(duì)列又分為宏任務(wù)隊(duì)列和微任務(wù)隊(duì)列，因?yàn)楹耆蝿?wù)隊(duì)列的執(zhí)行時(shí)間較長(zhǎng)，所以微任務(wù)隊(duì)列要優(yōu)先于宏任務(wù)隊(duì)列。微任務(wù)隊(duì)列的代表就是， Promise.then ， MutationObserver ，宏任務(wù)的話(huà)就是 setImmediate setTimeout setInterval
原生ajax
ajax 是一種異步通信的方法,從服務(wù)端獲取數(shù)據(jù),達(dá)到局部刷新頁(yè)面的效果。 過(guò)程：
事件冒泡、捕獲(委托)
event.stopPropagation() 或者 ie下的方法 event.cancelBubble = true; //阻止事件冒泡
ES6
Vue
簡(jiǎn)述MVVM
MVVM 是 Model-View-ViewModel 縮寫(xiě)，也就是把 MVC 中的 Controller 演變成 ViewModel。Model 層代表數(shù)據(jù)模型， View 代表UI組件， ViewModel 是 View 和 Model 層的橋梁，數(shù)據(jù)會(huì)綁定到 viewModel 層并自動(dòng)將數(shù)據(jù)渲染到頁(yè)面中，視圖變化的時(shí)候會(huì)通知 viewModel 層更新數(shù)據(jù)。
談?wù)剬?duì)vue生命周期的理解？
每個(gè) Vue 實(shí)例在創(chuàng)建時(shí)都會(huì)經(jīng)過(guò)一系列的初始化過(guò)程， vue 的生命周期鉤子，就是說(shuō)在達(dá)到某一階段或條件時(shí)去觸發(fā)的函數(shù)，目的就是為了完成一些動(dòng)作或者事件
computed與watch
watch 屬性監(jiān)聽(tīng) 是一個(gè)對(duì)象，鍵是需要觀(guān)察的屬性，值是對(duì)應(yīng)回調(diào)函數(shù)，主要用來(lái)監(jiān)聽(tīng)某些特定數(shù)據(jù)的變化，從而進(jìn)行某些具體的業(yè)務(wù)邏輯操作,監(jiān)聽(tīng)屬性的變化，需要在數(shù)據(jù)變化時(shí)執(zhí)行異步或開(kāi)銷(xiāo)較大的操作時(shí)使用
computed 計(jì)算屬性 屬性的結(jié)果會(huì)被緩存，當(dāng) computed 中的函數(shù)所依賴(lài)的屬性沒(méi)有發(fā)生改變的時(shí)候，那么調(diào)用當(dāng)前函數(shù)的時(shí)候結(jié)果會(huì)從緩存中讀取。除非依賴(lài)的響應(yīng)式屬性變化時(shí)才會(huì)重新計(jì)算，主要當(dāng)做屬性來(lái)使用 computed 中的函數(shù)必須用 return 返回最終的結(jié)果 computed 更高效，優(yōu)先使用
使用場(chǎng)景 computed ：當(dāng)一個(gè)屬性受多個(gè)屬性影響的時(shí)候使用，例：購(gòu)物車(chē)商品結(jié)算功能 watch ：當(dāng)一條數(shù)據(jù)影響多條數(shù)據(jù)的時(shí)候使用，例：搜索數(shù)據(jù)
v-for中key的作用
vue組件的通信方式
父子組件通信
父-子 props ，子-父 $on、$emit` 獲取父子組件實(shí)例 parent、 parent 、children Ref 獲取實(shí)例的方式調(diào)用組件的屬性或者方法 Provide、inject` 官方不推薦使用，但是寫(xiě)組件庫(kù)時(shí)很常用
兄弟組件通信
Event Bus 實(shí)現(xiàn)跨組件通信 Vue.prototype.$bus = new Vue() Vuex
跨級(jí)組件通信
$attrs、$listeners Provide、inject
常用指令
雙向綁定實(shí)現(xiàn)原理
當(dāng)一個(gè) Vue 實(shí)例創(chuàng)建時(shí)，Vue會(huì)遍歷data選項(xiàng)的屬性，用 Object.defineProperty 將它們轉(zhuǎn)為 getter/setter并且在內(nèi)部追蹤相關(guān)依賴(lài)，在屬性被訪(fǎng)問(wèn)和修改時(shí)通知變化。每個(gè)組件實(shí)例都有相應(yīng)的 watcher 程序?qū)嵗?，它?huì)在組件渲染的過(guò)程中把屬性記錄為依賴(lài)，之后當(dāng)依賴(lài)項(xiàng)的 setter 被調(diào)用時(shí)，會(huì)通知 watcher重新計(jì)算，從而致使它關(guān)聯(lián)的組件得以更新。
v-model的實(shí)現(xiàn)以及它的實(shí)現(xiàn)原理嗎？
nextTick的實(shí)現(xiàn)
vnode的理解，compiler和patch的過(guò)程
new Vue后整個(gè)的流程
思考：為什么先注入再提供呢？？
答：1、首先來(lái)自祖輩的數(shù)據(jù)要和當(dāng)前實(shí)例的data,等判重，相結(jié)合，所以注入數(shù)據(jù)的initInjections一定要在 InitState 的上面。2. 從上面注入進(jìn)來(lái)的東西在當(dāng)前組件中轉(zhuǎn)了一下又提供給后代了，所以注入數(shù)據(jù)也一定要在上面。
vm.[Math Processing Error]mount(vm.mount(vm.options.el) ：掛載實(shí)例。
keep-alive的實(shí)現(xiàn)
作用：實(shí)現(xiàn)組件緩存
鉤子函數(shù)：
原理： Vue.js 內(nèi)部將 DOM 節(jié)點(diǎn)抽象成了一個(gè)個(gè)的 VNode 節(jié)點(diǎn)， keep-alive 組件的緩存也是基于 VNode 節(jié)點(diǎn)的而不是直接存儲(chǔ) DOM 結(jié)構(gòu)。它將滿(mǎn)足條件 （pruneCache與pruneCache） 的組件在 cache 對(duì)象中緩存起來(lái)，在需要重新渲染的時(shí)候再將 vnode 節(jié)點(diǎn)從 cache 對(duì)象中取出并渲染。
配置屬性：
include 字符串或正則表達(dá)式。只有名稱(chēng)匹配的組件會(huì)被緩存
exclude 字符串或正則表達(dá)式。任何名稱(chēng)匹配的組件都不會(huì)被緩存
max 數(shù)字、最多可以緩存多少組件實(shí)例
vuex、vue-router實(shí)現(xiàn)原理
vuex 是一個(gè)專(zhuān)門(mén)為vue.js應(yīng)用程序開(kāi)發(fā)的狀態(tài)管理庫(kù)。 核心概念：
你怎么理解Vue中的diff算法?
在js中,渲染真實(shí) DOM 的開(kāi)銷(xiāo)是非常大的, 比如我們修改了某個(gè)數(shù)據(jù),如果直接渲染到真實(shí) DOM , 會(huì)引起整個(gè) dom 樹(shù)的重繪和重排。那么有沒(méi)有可能實(shí)現(xiàn)只更新我們修改的那一小塊dom而不要更新整個(gè) dom 呢？此時(shí)我們就需要先根據(jù)真實(shí) dom 生成虛擬 dom ， 當(dāng)虛擬 dom 某個(gè)節(jié)點(diǎn)的數(shù)據(jù)改變后會(huì)生成有一個(gè)新的 Vnode , 然后新的 Vnode 和舊的 Vnode 作比較，發(fā)現(xiàn)有不一樣的地方就直接修改在真實(shí)DOM上，然后使舊的 Vnode 的值為新的 Vnode 。
diff 的過(guò)程就是調(diào)用 patch 函數(shù)，比較新舊節(jié)點(diǎn)，一邊比較一邊給真實(shí)的 DOM 打補(bǔ)丁。在采取 diff 算法比較新舊節(jié)點(diǎn)的時(shí)候，比較只會(huì)在同層級(jí)進(jìn)行。 在 patch 方法中，首先進(jìn)行樹(shù)級(jí)別的比較 new Vnode 不存在就刪除 old Vnode old Vnode 不存在就增加新的 Vnode 都存在就執(zhí)行diff更新 當(dāng)確定需要執(zhí)行diff算法時(shí)，比較兩個(gè) Vnode ，包括三種類(lèi)型操作：屬性更新，文本更新，子節(jié)點(diǎn)更新 新老節(jié)點(diǎn)均有子節(jié)點(diǎn)，則對(duì)子節(jié)點(diǎn)進(jìn)行 diff 操作，調(diào)用 updatechidren 如果老節(jié)點(diǎn)沒(méi)有子節(jié)點(diǎn)而新節(jié)點(diǎn)有子節(jié)點(diǎn)，先清空老節(jié)點(diǎn)的文本內(nèi)容，然后為其新增子節(jié)點(diǎn) 如果新節(jié)點(diǎn)沒(méi)有子節(jié)點(diǎn)，而老節(jié)點(diǎn)有子節(jié)點(diǎn)的時(shí)候，則移除該節(jié)點(diǎn)的所有子節(jié)點(diǎn) 老新老節(jié)點(diǎn)都沒(méi)有子節(jié)點(diǎn)的時(shí)候，進(jìn)行文本的替換
updateChildren 將 Vnode 的子節(jié)點(diǎn)Vch和oldVnode的子節(jié)點(diǎn)oldCh提取出來(lái)。 oldCh和vCh 各有兩個(gè)頭尾的變量 StartIdx和EndIdx ，它們的2個(gè)變量相互比較，一共有4種比較方式。如果4種比較都沒(méi)匹配，如果設(shè)置了 key ，就會(huì)用 key 進(jìn)行比較，在比較的過(guò)程中，變量會(huì)往中間靠，一旦 StartIdxEndIdx 表明 oldCh和vCh 至少有一個(gè)已經(jīng)遍歷完了，就會(huì)結(jié)束比較。
你都做過(guò)哪些Vue的性能優(yōu)化？
你知道Vue3有哪些新特性嗎？它們會(huì)帶來(lái)什么影響？
更小巧、更快速 支持自定義渲染器 支持搖樹(shù)優(yōu)化：一種在打包時(shí)去除無(wú)用代碼的優(yōu)化手段 支持Fragments和跨組件渲染
模板語(yǔ)法99%保持不變 原生支持基于class的組件，并且無(wú)需借助任何編譯及各種stage階段的特性 在設(shè)計(jì)時(shí)也考慮TypeScript的類(lèi)型推斷特性 重寫(xiě)虛擬DOM 可以期待更多的編譯時(shí)提示來(lái)減少運(yùn)行時(shí)的開(kāi)銷(xiāo) 優(yōu)化插槽生成 可以單獨(dú)渲染父組件和子組件 靜態(tài)樹(shù)提升 降低渲染成本 基于Proxy的觀(guān)察者機(jī)制 節(jié)省內(nèi)存開(kāi)銷(xiāo)
檢測(cè)機(jī)制 更加全面、精準(zhǔn)、高效,更具可調(diào)試式的響應(yīng)跟蹤
實(shí)現(xiàn)雙向綁定 Proxy 與 Object.defineProperty 相比優(yōu)劣如何?
React
1、react中key的作用，有key沒(méi)key有什么區(qū)別，比較同一層級(jí)節(jié)點(diǎn)什么意思？
2、你對(duì)虛擬dom和diff算法的理解，實(shí)現(xiàn)render函數(shù)
虛擬DOM 本質(zhì)上是 JavaScript 對(duì)象,是對(duì) 真實(shí)DOM 的抽象表現(xiàn)。 狀態(tài)變更時(shí)，記錄新樹(shù)和舊樹(shù)的差異 最后把差異更新到真正的 dom 中 render函數(shù):
3、React組件之間通信方式？
Context 提供了一個(gè)無(wú)需為每層組件手動(dòng)添加 props ，就能在組件樹(shù)間進(jìn)行數(shù)據(jù)傳遞的方法.如果你只是想避免層層傳遞一些屬性，組件組合（ component composition ）有時(shí)候是一個(gè)比 context 更好的解決方案。 5. 組件組合缺點(diǎn)：會(huì)使高層組件變得復(fù)雜
4、如何解析jsx
5、生命周期都有哪幾種，分別是在什么階段做哪些事情？為什么要廢棄一些生命周期？
componentWillMount、componentWillReceiveProps、componentWillUpdate在16版本被廢棄，在17版本將被刪除，需要使用UNSAVE_前綴使用，目的是向下兼容。
6、關(guān)于react的優(yōu)化方法
使用return null而不是CSS的display:none來(lái)控制節(jié)點(diǎn)的顯示隱藏。保證同一時(shí)間頁(yè)面的DOM節(jié)點(diǎn)盡可能的少。
不要使用數(shù)組下標(biāo)作為key 利用 shouldComponentUpdate 和 PureComponent 避免過(guò)多 render function ; render 里面盡量減少新建變量和bind函數(shù)，傳遞參數(shù)是盡量減少傳遞參數(shù)的數(shù)量。 盡量將 props 和 state 扁平化，只傳遞 component 需要的 props （傳得太多，或者層次傳得太深，都會(huì)加重 shouldComponentUpdate 里面的數(shù)據(jù)比較負(fù)擔(dān)），慎將 component 當(dāng)作 props 傳入
使用 babel-plugin-import 優(yōu)化業(yè)務(wù)組件的引入，實(shí)現(xiàn)按需加載 使用 SplitChunksPlugin 拆分公共代碼 使用動(dòng)態(tài) import ，懶加載 React 組件
7、綁定this的幾種方式
8、對(duì)fiber的理解
9、setState是同步還是異步的
10、Redux、React-Redux
Redux的實(shí)現(xiàn)流程
用戶(hù)頁(yè)面行為觸發(fā)一個(gè) Action ，然后 Store 調(diào)用 Reducer ，并且傳入兩個(gè)參數(shù)：當(dāng)前 State 和收到的 Action 。 Reducer 會(huì)返回新的 State 。每當(dāng) state 更新之后， view 會(huì)根據(jù) state 觸發(fā)重新渲染。
React-Redux:
Provider ：從最外部封裝了整個(gè)應(yīng)用，并向 connect 模塊傳遞 store 。 Connect ：
11、對(duì)高階組件的理解
高階組件是參數(shù)為組件，返回值為新組件的函數(shù)。 HOC 是純函數(shù)，沒(méi)有副作用。 HOC 在 React 的第三方庫(kù)中很常見(jiàn)，例如 Redux 的 connect 組件。
高階組件的作用：
12、可以用哪些方式創(chuàng)建 React 組件？
React.createClass()、ES6 class 和無(wú)狀態(tài)函數(shù)
13、 React 元素與組件的區(qū)別？
組件是由元素構(gòu)成的。元素?cái)?shù)據(jù)結(jié)構(gòu)是普通對(duì)象，而組件數(shù)據(jù)結(jié)構(gòu)是類(lèi)或純函數(shù)。
Vue與React對(duì)比？
數(shù)據(jù)流：
react 主張函數(shù)式編程，所以推崇純組件，數(shù)據(jù)不可變，單向數(shù)據(jù)流，
vue 的思想是響應(yīng)式的，也就是基于是數(shù)據(jù)可變的，通過(guò)對(duì)每一個(gè)屬性建立Watcher來(lái)監(jiān)聽(tīng)，當(dāng)屬性變化的時(shí)候，響應(yīng)式的更新對(duì)應(yīng)的虛擬dom。
監(jiān)聽(tīng)數(shù)據(jù)變化實(shí)現(xiàn)原理 ：
組件通信的區(qū)別：jsx和.vue模板。
性能優(yōu)化
vuex 和 redux 之間的區(qū)別？
從實(shí)現(xiàn)原理上來(lái)說(shuō)，最大的區(qū)別是兩點(diǎn)：
Redux 使用的是不可變數(shù)據(jù)，而 Vuex 的數(shù)據(jù)是可變的。 Redux 每次都是用新的 state 替換舊的 state ，而 Vuex 是直接修改
Redux 在檢測(cè)數(shù)據(jù)變化的時(shí)候，是通過(guò) diff 的方式比較差異的，而 Vuex 其實(shí)和Vue的原理一樣，是通過(guò) getter/setter 來(lái)比較的(如果看 Vuex 源碼會(huì)知道，其實(shí)他內(nèi)部直接創(chuàng)建一個(gè) Vue 實(shí)例用來(lái)跟蹤數(shù)據(jù)變化)
瀏覽器從輸入url到渲染頁(yè)面，發(fā)生了什么？
網(wǎng)絡(luò)安全、HTTP協(xié)議
TCP UDP 區(qū)別
Http和Https區(qū)別（高頻）
GET和POST區(qū)別（高頻）
理解xss，csrf，ddos攻擊原理以及避免方式
XSS ( Cross-Site Scripting ， 跨站腳本攻擊 )是一種代碼注入攻擊。攻擊者在目標(biāo)網(wǎng)站上注入惡意代碼，當(dāng)被攻擊者登陸網(wǎng)站時(shí)就會(huì)執(zhí)行這些惡意代碼，這些腳本可以讀取 cookie，session tokens ，或者其它敏感的網(wǎng)站信息，對(duì)用戶(hù)進(jìn)行釣魚(yú)欺詐，甚至發(fā)起蠕蟲(chóng)攻擊等。
CSRF （ Cross-site request forgery ） 跨站請(qǐng)求偽造 ：攻擊者誘導(dǎo)受害者進(jìn)入第三方網(wǎng)站，在第三方網(wǎng)站中，向被攻擊網(wǎng)站發(fā)送跨站請(qǐng)求。利用受害者在被攻擊網(wǎng)站已經(jīng)獲取的注冊(cè)憑證，繞過(guò)后臺(tái)的用戶(hù)驗(yàn)證，達(dá)到冒充用戶(hù)對(duì)被攻擊的網(wǎng)站執(zhí)行某項(xiàng)操作的目的。
XSS避免方式：
CSRF 避免方式：
DDoS 又叫分布式拒絕服務(wù)，全稱(chēng) Distributed Denial of Service ，其原理就是利用大量的請(qǐng)求造成資源過(guò)載，導(dǎo)致服務(wù)不可用。
第一階段，Java SE基礎(chǔ)：
Java環(huán)境搭建、Java流程控制語(yǔ)句-for循環(huán)、switch選擇判斷、循環(huán)嵌套、數(shù)組bai拷貝、多維數(shù)組、final關(guān)鍵字、構(gòu)造函數(shù)的調(diào)用、類(lèi)的訪(fǎng)問(wèn)權(quán)限和路徑、面向?qū)ο蟾呒?jí)特性、Java異常處理、Set，Map，List接口及接口實(shí)現(xiàn)類(lèi)、Java線(xiàn)程、同步阻塞、Java
IO流、文件的操作，復(fù)制，讀寫(xiě)，刪除等。
第二階段，JavaWeb：
MySQL安裝、管理、創(chuàng)建數(shù)據(jù)庫(kù)、MySQL
UPDATE 查詢(xún)、Mysql高級(jí)操作、JDBC、JDBC數(shù)據(jù)庫(kù)連接操作，JDBC動(dòng)態(tài)Sql處理、Servlet3.0
網(wǎng)頁(yè)重定向、Servlet3.0 新增的注解支持、AJAX、responseText屬性詳解等。
第三階段，Java高級(jí)框架-SSH：
Struts2
異常處理、Struts2+Log4j集成、Struts2和JSON實(shí)例、Hibernate5、Hibernate集合映射、Hibernate組件映射、Spring4.0、Spring
AOP + AspectJ框架、Spring 與其它Web框架集成、Spring Hibernate支持等。
第四階段，Java高級(jí)框架-SSM：
SpringMVC、Spring MVC生成JSON數(shù)據(jù)、MyBatis、MyBatis 環(huán)境配置及入門(mén)、Mybatis set標(biāo)簽、Mybatis trim標(biāo)簽、Shiro、Shiro快速入門(mén)教程、Shiro Web應(yīng)用等。
第五階段，SpringBoot+VUE全棧框架：
SpringBoot、全局異常處理、過(guò)濾器監(jiān)聽(tīng)器、EHCache緩存、SpringBoot Quartz定時(shí)任務(wù)、Vue、Vue.js 安裝、模板語(yǔ)法、計(jì)算屬性、事件處理器、Vue.js 自定義指令、Vue.js 路由等
第六階段，特色課程：
ActiveM環(huán)境搭建、生產(chǎn)者和消費(fèi)者、消息持久化操作、RSA數(shù)字加密算法、Codebar條形碼生成器、zxing二維碼生成器、HighCharts統(tǒng)計(jì)圖、Echarts統(tǒng)計(jì)圖、網(wǎng)絡(luò)播放器ckplayer、嵌入式網(wǎng)絡(luò)播放器，可以瀏覽器和移動(dòng)端隨意使用
第七階段，互聯(lián)網(wǎng)框架的高級(jí)應(yīng)用1：
分布式服務(wù)框架的理解，Dubbo架構(gòu)設(shè)計(jì)詳解及其核心要點(diǎn)，框架運(yùn)行原理分析、SpringData數(shù)據(jù)訪(fǎng)問(wèn)、Lucene搜索引擎、Lucene的全文搜索服務(wù)器介紹、索引建立方式、Solr海量數(shù)據(jù)搜索引擎、Socket網(wǎng)絡(luò)通信、實(shí)現(xiàn)RMI遠(yuǎn)程對(duì)象通訊、使用JMS消息服務(wù)、Kafka分布式消息系統(tǒng)、Web
Service與Restful WS等
第八階段，互聯(lián)網(wǎng)框架的高級(jí)應(yīng)用2：
Spring
Security安全框架、實(shí)現(xiàn)Web應(yīng)用安全控制、緩存應(yīng)用與EhCache框架、OSCache與JBossCache框架、MyBatis與Hibernate緩存機(jī)制、NoSQL應(yīng)用與SQL調(diào)優(yōu)、MongoDB
NoSQL數(shù)據(jù)庫(kù)、Redis內(nèi)存數(shù)據(jù)庫(kù)、實(shí)現(xiàn)Redis
Session共享、SQL語(yǔ)句的優(yōu)化、實(shí)現(xiàn)數(shù)據(jù)庫(kù)讀寫(xiě)分離、WEB應(yīng)用集群及性能優(yōu)化、Maven項(xiàng)目管理工具、Web服務(wù)器負(fù)載均衡、實(shí)現(xiàn)Nginx與Tomcat集群、使用LoadRunner測(cè)試工具、性能優(yōu)化之內(nèi)存調(diào)優(yōu)、代碼優(yōu)化與重構(gòu)的方法等。
對(duì)java有興趣的小伙伴們，不妨先從java入門(mén)開(kāi)始！B站上有很多的java教學(xué)視頻，從基礎(chǔ)到高級(jí)的都有，還挺不錯(cuò)的，知識(shí)點(diǎn)講的很細(xì)致，還有完整版的學(xué)習(xí)路線(xiàn)圖。也可以自己去看看，下載學(xué)習(xí)試試。
重慶分公司
重慶分公司
