前端工程師考試技能題庫(kù)
一谷魚(yú)vegfish
豬媽媽1964
知識(shí)要點(diǎn)：web工作原理、HTML4及HTML5、常見(jiàn)標(biāo)簽、相對(duì)路徑與絕對(duì)路徑、HTML5標(biāo)簽布局知識(shí)要點(diǎn)：CSS基本語(yǔ)法、基本選擇器、復(fù)合選擇器、背景圖片、盒子模型、精靈圖、常見(jiàn)網(wǎng)頁(yè)布局、浮動(dòng)定位、Flex布局、響應(yīng)式布局、移動(dòng)端適配、網(wǎng)頁(yè)動(dòng)畫(huà)、CSS3新特性、Less預(yù)處理器基礎(chǔ)知識(shí)要點(diǎn)：ECMA基本語(yǔ)法、數(shù)據(jù)類(lèi)型、運(yùn)算符、分支結(jié)構(gòu)、循環(huán)結(jié)構(gòu)、函數(shù)、常見(jiàn)內(nèi)置對(duì)象的屬性和方法、Array、Math、Date、知識(shí)要點(diǎn)：DOM模型、節(jié)點(diǎn)類(lèi)型、節(jié)點(diǎn)的基本操作、JS操作樣式表、克隆節(jié)點(diǎn)、獲取坐標(biāo)位置、獲取元素尺寸、節(jié)點(diǎn)的各種屬性和方法。知識(shí)要點(diǎn)：History、Location、Navigate、定時(shí)器、線程、事件循環(huán)、web工作原理、性能優(yōu)化、事件對(duì)象、正則表達(dá)式、jQuery框架框架基本語(yǔ)法知識(shí)要點(diǎn)：vue基本語(yǔ)法、雙向綁定、組件傳值、條件渲染、列表渲染、事件處理、表單綁定、自定義事件、插槽、過(guò)渡、動(dòng)畫(huà)、動(dòng)態(tài)路由、嵌套路由、編程式導(dǎo)航、導(dǎo)航守衛(wèi)、路由懶加載、腳手架、生命周期、vuex、axios、ts、案例知識(shí)要點(diǎn)：將知識(shí)點(diǎn)融會(huì)貫通到案例中?；菊Z(yǔ)法知識(shí)要點(diǎn)：react簡(jiǎn)介、jsx語(yǔ)法、元素渲染、組件和props、state、生命周期、表單、條件渲染、組合繼承、hooks、性能優(yōu)化、案例知識(shí)要點(diǎn)：將知識(shí)點(diǎn)融會(huì)貫通到案例中新增內(nèi)容：微信小程序及uni-app框架知識(shí)要點(diǎn)：小程序框架（配置/程序與頁(yè)面注冊(cè)/路由），開(kāi)發(fā)者工具小程序框架組件學(xué)習(xí)（基礎(chǔ)/視圖/表單/地圖/媒體/導(dǎo)航/開(kāi)發(fā)能力）小程序框架組件學(xué)習(xí)（地圖/媒體/導(dǎo)航/開(kāi)發(fā)能力）小程序API（基礎(chǔ)/路由/界面/網(wǎng)絡(luò)/數(shù)據(jù)緩存/位置服務(wù)）小程序API（設(shè)備/媒體/開(kāi)放接口/授權(quán)/登錄/支付）服務(wù)器與數(shù)據(jù)庫(kù)及框架Node原生模塊、跨域、安全校驗(yàn)、數(shù)據(jù)加密、數(shù)據(jù)庫(kù)基本操作、express框架、koa框架 項(xiàng)目周/WebPack
么么1009
今天小編要跟大家分享的文章是關(guān)于轉(zhuǎn)行做Web前端工程師要學(xué)習(xí)的入門(mén)知識(shí)匯總。想要學(xué)習(xí)Web前端知識(shí)的小伙伴們來(lái)和小編一起看一看吧，希望本篇文章能夠?qū)Υ蠹矣兴鶐椭?。一、前端工程師的主要職?zé)：前端工程師在不同的公司有不同的功能，但性質(zhì)相似。1、網(wǎng)站設(shè)計(jì)與網(wǎng)頁(yè)界面開(kāi)發(fā)2、做網(wǎng)站界面開(kāi)發(fā)3、Web界面開(kāi)發(fā)，前端數(shù)據(jù)綁定，前臺(tái)邏輯4、設(shè)計(jì)、開(kāi)發(fā)、數(shù)據(jù)二、Web前端開(kāi)發(fā)中需要掌握的技術(shù)：1、學(xué)習(xí)HTML，這是最簡(jiǎn)單，最基本的是要掌握div，formtable、Ulli、P、跨度、字體這些標(biāo)簽，這些都是最前端的學(xué)習(xí)都是需要不斷的學(xué)習(xí)，學(xué)一天停一停相當(dāng)于白學(xué)。2、學(xué)習(xí)CSS，CSS這里說(shuō)的不包括CSS3Web前端開(kāi)發(fā)里面我們看到的，一個(gè)可以使用HTML或CSS+CSS+DIV的界面布局，所以CSS是用來(lái)協(xié)助HTML布局和顯示，我們稱(chēng)之為“CSS樣式”，為什么說(shuō)DIV+CSS?因?yàn)槲艺f(shuō)div是HTML主要用于布局的，所以div是這個(gè)東西的核心!CSS必須配合。CSS必須掌握浮、位置、寬度和高度，以及最大值和最小值，以100%，溢出，邊緣、填充等。這些都是與布局相關(guān)的樣式。3、JS。你覺(jué)得還過(guò)的去，看看JS是可怕的，事實(shí)上，JS入門(mén)很簡(jiǎn)單，不需要很多東西，只要根據(jù)ID或名稱(chēng)DOM或”風(fēng)格，或價(jià)值，然后以一個(gè)ID或名稱(chēng)元標(biāo)簽，或額外的數(shù)據(jù)，在HTML，這是對(duì)數(shù)據(jù)的操作有關(guān)系，那么數(shù)據(jù)邏輯的影響，無(wú)非是一個(gè)跳躍，彈框，隱藏什么，這一切都是結(jié)合其他應(yīng)用，代碼一點(diǎn)都不難，將這些基本的JS。百度其他好。然后多看一些，不是什么問(wèn)題。4、學(xué)習(xí)jQuery，相當(dāng)于封裝一組JS插件的JS。其目的是操作更方便，編寫(xiě)更少的代碼，jQuery條目也非常簡(jiǎn)單。這些都是切入點(diǎn)，要學(xué)會(huì)像JS，只是改變了JQ代碼。剩下的就跟百度一樣。5、最好是指出背景語(yǔ)言，如java，php，為什么?因?yàn)槲覀兪乔芭_(tái)接口數(shù)據(jù)，從后臺(tái)到點(diǎn)，如果后臺(tái)代碼，你知道如何與后臺(tái)數(shù)據(jù)交互是最好的，它節(jié)省了時(shí)間，也可以使前端代碼更加規(guī)范。否則，可能是因?yàn)槟慊貋?lái)了，無(wú)法忍受的數(shù)據(jù)，然后前端代碼再次重寫(xiě)，這將是可怕的。6、研究CSS3+HTML5以上6點(diǎn)，基本上是一個(gè)Web前端開(kāi)發(fā)工程師掌握的技術(shù)，我也試著講述一下自己的經(jīng)驗(yàn)，但是我們不認(rèn)為上面的6點(diǎn)只是我說(shuō)的那么簡(jiǎn)單，沒(méi)有，他們正在使用，這是在這樣的一個(gè)火中，因?yàn)閳?jiān)強(qiáng)!我說(shuō)的就是這么簡(jiǎn)單，你覺(jué)得原因很難祛除，萬(wàn)事開(kāi)頭難，我說(shuō)的是方法和技巧的入門(mén)，需要了解的東西。除了告訴你一個(gè)秘密，不要以為代碼很難敲，現(xiàn)在什么語(yǔ)言都有自動(dòng)提示代碼功能，只需要輸入一個(gè)字符，兩個(gè)字符，后面的代碼就會(huì)彈出，讓你選擇!你害怕什么?所以不要害怕你糟糕的英語(yǔ)。三、Web前端開(kāi)發(fā)中需要用到的工具：有一個(gè)ediplus，這是這是一個(gè)字體顏色的記事本等，我用這個(gè)，因?yàn)槲矣X(jué)得DW占用太多的內(nèi)存，使電腦卡，所以我用寫(xiě)ediplus代碼，代碼有沒(méi)有自動(dòng)提示，我不知道，你可以百度是否有插件。Eclipse可以寫(xiě)java，php和上面的各種代碼!zendstudio是專(zhuān)寫(xiě)PHP，但上述2個(gè)工具是比較專(zhuān)業(yè)的，這是由我們的專(zhuān)業(yè)開(kāi)發(fā)人員使用，所以你可以看到，PS圖像處理軟件是沒(méi)有必要的。四、Web前端開(kāi)發(fā)展望：Web前端開(kāi)發(fā)的前景是非常好的。我們不在乎我們做什么網(wǎng)站或者我們?cè)谧鍪裁错?xiàng)目。現(xiàn)在我們都在關(guān)注用戶體驗(yàn)。人們說(shuō)，如果你的網(wǎng)站界面看起來(lái)不錯(cuò)，你的網(wǎng)站和項(xiàng)目將成功3/4。所以現(xiàn)在很多人說(shuō)Web前端的開(kāi)發(fā)前景略好于后端開(kāi)發(fā)。但我做一個(gè)比較，前端開(kāi)發(fā)技術(shù)的學(xué)習(xí)上，后端開(kāi)發(fā)技術(shù)開(kāi)發(fā)技術(shù)還了解到，前、后端開(kāi)發(fā)薪酬肯定是遠(yuǎn)遠(yuǎn)高于前面，但后面的開(kāi)發(fā)技術(shù)在一定程度上會(huì)有一個(gè)很大的瓶頸，因此早期的中級(jí)程序員，前端開(kāi)發(fā)后端開(kāi)發(fā)更好，那么高級(jí)程序員。以上就是小編今天為大家分享的關(guān)于轉(zhuǎn)行做Web前端工程師要學(xué)習(xí)的入門(mén)知識(shí)匯總的文章，希望本篇文章能夠?qū)φ趶氖耊eb前端工作的小伙伴們有所幫助，想要了解更多Web前端知識(shí)記得關(guān)注北大青鳥(niǎo)Web培訓(xùn)官網(wǎng)。最后祝愿小伙伴們工作順利，成為一名優(yōu)秀的Web前端工程師。
杜小樣丶
?先呢,所謂的插槽就是?個(gè)占位符,將?定義組件的內(nèi)容展示出來(lái).我們知道?定義的組件??如果寫(xiě)內(nèi)容的話,??是不會(huì)顯 示出來(lái)的,如果我們想讓?定義組件??的內(nèi)容顯示出來(lái),我們就需要使? slot 的插槽. ?插槽分別具名插槽和匿名插槽、以及作?域插槽. 我們?的?較多的具名插槽和匿名插槽,具名插槽需要所有 slot 標(biāo)簽上指定 name 屬性,?在對(duì)應(yīng)標(biāo)簽上添加# 屬性指定名字. 在項(xiàng)?中我們?般在進(jìn)?組件封裝的時(shí)候會(huì)使?插槽,以上就是我對(duì)插槽的理解. 作用域插槽 是把子組件里的數(shù)據(jù)傳到父組件的插槽里使用 什么是跨域 跨域是瀏覽器的跨域 不符合 域名 協(xié)議 端口號(hào)一樣（同源策略） 的請(qǐng)求都會(huì)出現(xiàn)跨域的問(wèn)題 跨域的解決方法 最多的情況是后端處理跨域 前端的跨域 服務(wù)器代理 jsonp vue 中是 proxy 代理實(shí)現(xiàn)跨域 vue 的跨域 用 proxy 實(shí)現(xiàn) 攔截器有兩種 一個(gè)是請(qǐng)求攔截一個(gè)是響應(yīng)攔截 攔截器不需要手動(dòng)調(diào)用而是每次發(fā)送 http 請(qǐng)求的時(shí)候都會(huì)自動(dòng)觸發(fā) 我們一般在請(qǐng)求攔截中 放全局的 loading 和 token 在響應(yīng)攔截中關(guān)閉全局的 loading 和對(duì) token 進(jìn)行過(guò)期處理 還可以處理錯(cuò)誤編碼字典 ?先呢 jquery 他是? js 封裝的?個(gè)類(lèi)庫(kù),主要是為了?便操作 dom 元素,? vue 他是?個(gè)框架,并且呢,他會(huì)從真實(shí) dom 構(gòu)建出?個(gè) 虛擬的 dom 樹(shù),通過(guò) di!算法渲染只發(fā)?改變的 dom 元素,其他的相同的 dom 元素不?在重新渲染. ?使? jquery 去改變 dom 元素 的時(shí)候,即使有相同的 dom 元素也會(huì)重新渲染, jq 重點(diǎn)操作 dom，而 vue 重點(diǎn)操作數(shù)據(jù)。以上就是我對(duì) vue 和 jquery 區(qū)別的理解. 在 vue2 中 vue 實(shí)例的 data 數(shù)據(jù)是響應(yīng)式 的 就是數(shù)據(jù)變了 視圖也會(huì)跟著變，如果給某一個(gè) data 新添加了一個(gè)字段 這個(gè)新添加的字段因?yàn)?js 的限制不響應(yīng)，需要使用 this.$set 方法代替原本的普通添加方法 就能實(shí)現(xiàn)響應(yīng)，這個(gè)方法的三個(gè)參數(shù) 是給誰(shuí)添加 添加的字段 初始值 如果不是在組件中 用這個(gè)方法 那么就用 根實(shí)例對(duì)象data可以是對(duì)象也可以是函數(shù)（根實(shí)例是單例），不會(huì)產(chǎn)生數(shù)據(jù)污染情況 如果不是一個(gè)函數(shù)，每個(gè)組件實(shí)例的data都是同一個(gè)引用數(shù)據(jù)，當(dāng)該組件作為公共組件共享使用，一個(gè)地方的data更改，所有的data一起改變，如果data是一個(gè)函數(shù)，每個(gè)實(shí)例的data都在閉包中，就不會(huì)各自影響了。 query可以使用name和path而params只能使用name 使用params傳參刷新后不會(huì)保存，而query傳參刷新后可以保存 Params在地址欄中不會(huì)顯示，query會(huì)顯示 Params可以和動(dòng)態(tài)路由一起使用，query不可以 同步更改mutations 異部更改action,action中通過(guò)commit觸發(fā)mutations進(jìn)行state數(shù)據(jù)更改 頁(yè)面中觸發(fā)action中函數(shù)
優(yōu)質(zhì)工程師考試問(wèn)答知識(shí)庫(kù)