我想報(bào)培訓(xùn)班學(xué)習(xí)。本來(lái)準(zhǔn)備學(xué)java做后端，但感覺(jué)前端入門(mén)簡(jiǎn)單一點(diǎn)。有沒(méi)有過(guò)來(lái)人給點(diǎn)意見(jiàn)？

相對(duì)來(lái)說(shuō)，學(xué)java的后期發(fā)展更好，但是前端更適合新手，入門(mén)簡(jiǎn)單一點(diǎn)。千鋒教育就有線上免費(fèi)Java線上公開(kāi)課。 java開(kāi)發(fā)的邏輯性太強(qiáng)，以后做開(kāi)發(fā)工作的時(shí)候很累，長(zhǎng)期做的話會(huì)吃不消，又是零基礎(chǔ)的話難度會(huì)更大，之前沒(méi)有編程基礎(chǔ)，學(xué)習(xí)起來(lái)是很吃力。而web前端偏向設(shè)計(jì)、交互和產(chǎn)品方向，需要更加貼合用戶，隨著你經(jīng)驗(yàn)的豐富，你的技術(shù)水平會(huì)越來(lái)越熟練。對(duì)于初學(xué)者而言相對(duì)來(lái)說(shuō)前端會(huì)比較簡(jiǎn)單一點(diǎn)，前端前期好發(fā)展，過(guò)3年左右吧，會(huì)到一個(gè)十字路口，后面進(jìn)步需要的知識(shí)的量級(jí)呈指數(shù)上升，后端比較穩(wěn)步，呈線性發(fā)展。一個(gè)人在這個(gè)行業(yè)能夠取得多大成就，還是看個(gè)人的綜合能力。如果想了解更多相關(guān)知識(shí)，建議到千鋒教育了解一下。千鋒教育目前在18個(gè)城市擁有22個(gè)校區(qū)，年培養(yǎng)優(yōu)質(zhì)人才20000余人，與國(guó)內(nèi)20000余家企業(yè)建立人才輸送合作關(guān)系，院校合作超600所。

“只有客戶發(fā)展了，才有我們的生存與發(fā)展！”這是創(chuàng)新互聯(lián)的服務(wù)宗旨！把網(wǎng)站當(dāng)作互聯(lián)網(wǎng)產(chǎn)品，產(chǎn)品思維更注重全局思維、需求分析和迭代思維，在網(wǎng)站建設(shè)中就是為了建設(shè)一個(gè)不僅審美在線，而且實(shí)用性極高的網(wǎng)站。創(chuàng)新互聯(lián)對(duì)成都做網(wǎng)站、網(wǎng)站建設(shè)、外貿(mào)營(yíng)銷(xiāo)網(wǎng)站建設(shè)、網(wǎng)站制作、網(wǎng)站開(kāi)發(fā)、網(wǎng)頁(yè)設(shè)計(jì)、網(wǎng)站優(yōu)化、網(wǎng)絡(luò)推廣、探索永無(wú)止境。

如何正確學(xué)習(xí)JavaScript

JavaScript作為網(wǎng)站前端的核心知識(shí)是非常重要的，但是如何學(xué)習(xí)JavaScript是很多初學(xué)者面對(duì)的一個(gè)難題，下面我說(shuō)一下個(gè)人對(duì)于如何學(xué)習(xí)JavaScript的一點(diǎn)心得，希望能幫到大家。

1、首先學(xué)習(xí)基礎(chǔ)，尤其是JavaScript與其他語(yǔ)言不同的基礎(chǔ)知識(shí)。

學(xué)習(xí)每個(gè)編程語(yǔ)言可能都要從基礎(chǔ)的變量函數(shù)結(jié)構(gòu)等學(xué)起，JavaScript相對(duì)于其他的編程語(yǔ)言在基礎(chǔ)上有一些比較有特點(diǎn)的地方，這些東西是尤其需要我們注意的，比如說(shuō)自調(diào)函數(shù)、比如說(shuō)變量值為空不是null而是undefined的等，這些東西都是和主流的編程的語(yǔ)言如c++、java等是有區(qū)別的，所以想要學(xué)好JavaScript，這些基礎(chǔ)的知識(shí)一定要把握好學(xué)習(xí)好才行。

2、關(guān)于學(xué)習(xí)JavaScript的進(jìn)階

JavaScript進(jìn)階知識(shí)更是有很多難理解的東西和不同于其他語(yǔ)言的東西，這些東西都是深入學(xué)習(xí)JavaScript的難點(diǎn)，簡(jiǎn)單的說(shuō)一下JavaScript是基于對(duì)象的瀏覽器腳本語(yǔ)言，但是為了使JavaScript也能夠支持面向?qū)ο缶幊?，人們就使用了很多的方法?lái)模擬面向?qū)ο蟮牡奶攸c(diǎn)，這些就變成了JavaScript的一些難點(diǎn)，比如說(shuō)JavaScript的繼承要借助原型、比如JavaScript的類(lèi)需要使用構(gòu)造函數(shù)來(lái)構(gòu)造一個(gè)對(duì)象等，這些東西都是和其他支持面向?qū)ο蟮恼Z(yǔ)言是不同的，所以就導(dǎo)致了一些難點(diǎn)。關(guān)于進(jìn)階學(xué)習(xí)JavaScript，還有JavaScript一些深入的知識(shí)需要去理解比如原型鏈和閉包、比如收函數(shù)的作用域執(zhí)行流程和上下文，這些東西都是JavaScript比較深入的知識(shí)、

最后說(shuō)明，JavaScript作為前端的核心語(yǔ)言絕對(duì)沒(méi)有沒(méi)有想象的那么簡(jiǎn)單，要想學(xué)好JavaScript除了以上提到的知識(shí)和注意點(diǎn)，還需要的就是多動(dòng)手和實(shí)踐，我們都知道網(wǎng)頁(yè)上的所有特效都是借助JavaScript來(lái)實(shí)現(xiàn)，那么我們就需要在學(xué)習(xí)JavaScript的過(guò)程中多使用原生的JavaScript代碼實(shí)現(xiàn)一些特效，當(dāng)然學(xué)習(xí)使用jQuery等JavaScript類(lèi)庫(kù)進(jìn)行開(kāi)發(fā)也十分的重要，但是這絕對(duì)不能是取代我們學(xué)習(xí)JavaScript的方法。

WEB前端面試題

第二章 面試題基礎(chǔ)篇

2.1 HTML面試題

面試題：行內(nèi)元素有哪些？塊級(jí)元素有哪些？ 空(void)元素有那些？

面試題：頁(yè)面導(dǎo)入樣式時(shí)，使用link和@import有什么區(qū)別？

面試題：title與h1的區(qū)別、b與strong的區(qū)別、i與em的區(qū)別？

面試題：img標(biāo)簽的title和alt有什么區(qū)別？

面試題：png、jpg、gif 這些圖片格式解釋一下，分別什么時(shí)候用？

2.2 CSS面試題

面試題：css背景紋路

面試題：介紹一下CSS的盒子模型

面試題：CSS選擇符有哪些？哪些屬性可以繼承？

面試題：CSS優(yōu)先級(jí)算法如何計(jì)算？

面試題：用CSS畫(huà)一個(gè)三角形

面試題：一個(gè)盒子不給寬度和高度如何水平垂直居中？

面試題：display有哪些值？說(shuō)明他們的作用。

面試題：對(duì)BFC規(guī)范(塊級(jí)格式化上下文：block formatting context)的理解？

面試題：清除浮動(dòng)有哪些方式？

面試題：在網(wǎng)頁(yè)中的應(yīng)該使用奇數(shù)還是偶數(shù)的字體？為什么呢？

面試題：寫(xiě)一個(gè)左中右布局占滿屏幕，其中左、右倆塊固定寬200，中間自適應(yīng)寬，要求先加載中間塊，請(qǐng)寫(xiě)出結(jié)構(gòu)及樣式。

面試題：什么是CSS reset？

面試題：css sprite是什么,有什么優(yōu)缺點(diǎn)

面試題：display: none;與visibility: hidden;的區(qū)別

面試題：position有哪些值?有什么作用? 【特別多公司問(wèn)】

面試題：line-height和height有什么區(qū)別？

面試題：opacity 和 rgba區(qū)別

2.3 JavaScript基礎(chǔ)面試題

面試題：延遲加載JS有哪些方式？

面試題：JS數(shù)據(jù)類(lèi)型有哪些？

面試題：null和undefined的區(qū)別

面試題：JS數(shù)據(jù)類(lèi)型考題

面試題：==和===有什么不同

面試題：JS微任務(wù)和宏任務(wù)

面試題：JS作用域考題

面試題：JS對(duì)象考題

面試題：JS作用域+this指向+原型 考題

面試題：JS判斷變量是不是數(shù)組，你能寫(xiě)出哪些方法？

面試題：slice是干嘛的、splice是否會(huì)改變?cè)瓟?shù)組

面試題：JS數(shù)組去重

面試題：找出多維數(shù)組最大值

面試題：給字符串新增方法實(shí)現(xiàn)功能

面試題：找出字符串出現(xiàn)最多次數(shù)的字符以及次數(shù)

2.4 真正移動(dòng)端 —— H5/C3面試題

面試題：什么是語(yǔ)義化標(biāo)簽

面試題：::before 和 :after中雙冒號(hào)和單冒號(hào) 有什么區(qū)別？解釋一下這2個(gè)偽元素的作用。

面試題：如何關(guān)閉iOS鍵盤(pán)首字母自動(dòng)大寫(xiě)

面試題：怎么讓Chrome支持小于12px 的文字？

面試題：rem和em有什么樣區(qū)別

面試題：ios系統(tǒng)中元素被觸摸時(shí)產(chǎn)生的半透明灰色遮罩怎么去掉

面試題：webkit表單輸入框placeholder的顏色值能改變嗎？

面試題：禁止ios 長(zhǎng)按時(shí)不觸發(fā)系統(tǒng)的菜單，禁止iosandroid長(zhǎng)按時(shí)下載圖片

面試題：禁止ios和android用戶選中文字

面試題：自適應(yīng) [淘寶無(wú)線適配]

面試題：響應(yīng)式

第三章 面試題進(jìn)階篇

3.1 JavaScript進(jìn)階面試題

面試題：new操作符具體做了什么

面試題：閉包 【必須會(huì)】

面試題：原型鏈 【必須會(huì)】

面試題： JS繼承有哪些方式

面試題：說(shuō)一下call、apply、bind區(qū)別

面試題：sort背后原理是什么？

面試題：深拷貝和淺拷貝

面試題：localstorage、sessionstorage、cookie的區(qū)別

3.2 ES6面試題

面試題：var、let、const區(qū)別

面試題：作用域考題

面試題：將下列對(duì)象進(jìn)行合并

面試題：箭頭函數(shù)和普通函數(shù)有什么區(qū)別？

面試題：Promise有幾種狀態(tài)

面試題：find和filter的區(qū)別 【大廠】

面試題：some和every的區(qū)別 【大廠】

3.3 webpack面試題

面試題：webpack插件

3.4 Git面試題

面試題：git常用命令

面試題：解決沖突

面試題：GitFlow

第四章 面試題框架篇

4.1 區(qū)分初中高級(jí)的 —— Vue面試題

面試題：Vue2.x 生命周期有哪些？

1.系統(tǒng)自帶八個(gè)

2.當(dāng)一旦進(jìn)入到某個(gè)組件會(huì)執(zhí)行哪些生命周期

3.$el和$data在哪個(gè)階段有

4.如果使用keep-alive會(huì)多倆個(gè)生命周期

5.如果加入keep-alive第一次進(jìn)入組件會(huì)執(zhí)行哪些生命周期

6.如果加入keep-alive第二次或者第N進(jìn)入該組件會(huì)執(zhí)行哪些生命周期

面試題：談?wù)勀銓?duì)keep-alive的了解

面試題：v-if和v-show區(qū)別

面試題：v-if和v-for優(yōu)先級(jí) 2.x

面試題：ref是什么？

面試題：nextTick是什么？

面試題：Vue中如何做樣式穿透

面試題：scoped原理

面試題：Vuex是單向數(shù)據(jù)流還是雙向數(shù)據(jù)流？

面試題：講一下MVVM

面試題：雙向綁定原理

面試題：什么是虛擬DOM

面試題：key是干什么？

面試題：diff算法

面試題：Vue組件傳值

面試題：props和data優(yōu)先級(jí)誰(shuí)高？

面試題：computed、methods、watch有什么區(qū)別？

面試題：Vuex

面試題：Vue路由

面試題：Vue項(xiàng)目打包后出現(xiàn)空白頁(yè)

4.2 微信小程序面試題

面試題：如何自定義頭部？

面試題：如何自定義底部？

4.3 uni-app面試題

面試題：生命周期

面試題：條件編譯

第五章 面試題性能優(yōu)化篇

馬上就2021年了，在前端行業(yè)中如何提高自己的競(jìng)爭(zhēng)力？

第一，獲取相關(guān)信息。

可以通過(guò)瀏覽招聘信息或者詢問(wèn)身邊從事前端工作的朋友來(lái)對(duì)HTML5大前端以及前端開(kāi)發(fā)的工作內(nèi)容進(jìn)行一個(gè)初步了解。一般來(lái)說(shuō)，前端開(kāi)發(fā)工程師的工作包括：使用HTML、CSS、JavaScript等專(zhuān)業(yè)技術(shù)和工具將UI設(shè)計(jì)稿實(shí)現(xiàn)為用戶PC端、移動(dòng)端網(wǎng)頁(yè)等網(wǎng)站產(chǎn)品，同時(shí)處理相關(guān)端口的視覺(jué)和交互問(wèn)題等。

第二，打好學(xué)習(xí)基礎(chǔ)很重要。

Web前端入門(mén)學(xué)習(xí)的基礎(chǔ)內(nèi)容有HTML5和CSS3，其中包括PC端網(wǎng)站布局、Weapon頁(yè)面布局兩方面。JS交互設(shè)計(jì)是重點(diǎn)學(xué)習(xí)部分，這部分需要熟練掌握J(rèn)avaScript基礎(chǔ)語(yǔ)法、JavaScript進(jìn)階、JavaScript高級(jí)編程、Conquer經(jīng)典案例等內(nèi)容。再有前端框架也是重點(diǎn)知識(shí)點(diǎn)，現(xiàn)在比較主流的框架有Cue、React、Angular，熟練運(yùn)用框架可以提升開(kāi)發(fā)效率。

第三，理論結(jié)合實(shí)踐。

緊跟潮流發(fā)展也很關(guān)鍵，現(xiàn)在微信小程序和小游戲越來(lái)越流行，掌握相關(guān)技術(shù)點(diǎn)可以在崗位競(jìng)爭(zhēng)中更具優(yōu)勢(shì)。比如熟悉React Native技術(shù)對(duì)于小程序開(kāi)發(fā)很有必要，它可以實(shí)現(xiàn)熟練開(kāi)發(fā)出匹配項(xiàng)目需求的功能。

第四，找對(duì)適合自己的學(xué)習(xí)方式至關(guān)重要。

根據(jù)企業(yè)的要求，規(guī)劃一條科學(xué)合理的學(xué)習(xí)路線圖。請(qǐng)你看下面學(xué)習(xí)路線圖，完全是針對(duì)企業(yè)定制化人才需求規(guī)劃。避免小白踩坑。

第一階段：前端頁(yè)面重構(gòu)

內(nèi)容包含了：（PC端網(wǎng)站布局項(xiàng)目、HTML+CSS基礎(chǔ)項(xiàng)目、WebApp頁(yè)面布局項(xiàng)目）

第二階段：JavaScript高級(jí)程序設(shè)計(jì)

內(nèi)容包含：（原生 JavaScript交互功能開(kāi)發(fā)項(xiàng)目、面向?qū)ο筮M(jìn)階與 ES/ES應(yīng)用項(xiàng)目、JavaScript工具庫(kù)自主研發(fā)項(xiàng)目）

第三階段：PC端全棧項(xiàng)目開(kāi)發(fā)

內(nèi)容包含：（jQuery經(jīng)典交互特效開(kāi)發(fā)、HTTP協(xié)議、Ajax進(jìn)階與PHP/JAVA開(kāi)發(fā)項(xiàng)目、前端工程化與模塊化應(yīng)用項(xiàng)目、PC端網(wǎng)站開(kāi)發(fā)項(xiàng)目、PC端管理信息系統(tǒng)前端開(kāi)發(fā)項(xiàng)目）

第四階段：移動(dòng)端項(xiàng)目開(kāi)發(fā)

內(nèi)容包含：（Touch端項(xiàng)目、微信場(chǎng)景項(xiàng)目、應(yīng)用 Angular+Ionic開(kāi)發(fā) WebApp項(xiàng)目、應(yīng)用 Vue.js開(kāi)發(fā) WebApp項(xiàng)目、應(yīng)用 React.js開(kāi)發(fā) WebApp項(xiàng)目）

第五階段：混合（Hybrid,ReactNative）開(kāi)發(fā)

內(nèi)容包含：（微信小程序開(kāi)發(fā)、React Native、各類(lèi)混合應(yīng)用開(kāi)發(fā)）

第六階段：NodeJS全棧開(kāi)發(fā)

內(nèi)容包括：（WebApp后端系統(tǒng)開(kāi)發(fā)、一、NodeJS基礎(chǔ)與NodeJS核心模塊二、Express三、noSQL數(shù)據(jù)庫(kù)）

第七階段：大數(shù)據(jù)可視化

內(nèi)容包含：（大數(shù)據(jù)可視化化基礎(chǔ)與實(shí)戰(zhàn)、一、數(shù)據(jù)可視化入門(mén)、二、D.js詳解、三、其他JS庫(kù)）

第五，學(xué)習(xí)web前端注意事項(xiàng)。

1.不要以看書(shū)學(xué)習(xí)為主，學(xué)習(xí)編程不是數(shù)學(xué)語(yǔ)文那么容易，你看看例題就會(huì)了，更需要的是別人的講解，你自己看書(shū)上那些專(zhuān)業(yè)的文字，只是憑你自己意識(shí)理解的那樣來(lái)，但是一般情況下我們都理解不了，畢竟我們不是出書(shū)的人，最好的方式就是找視頻進(jìn)行學(xué)習(xí)，找好的視頻進(jìn)行學(xué)習(xí)，然后在配上別人的解答，再加上自我的主動(dòng)學(xué)習(xí)。

2.當(dāng)你學(xué)習(xí)的時(shí)候，可能會(huì)出現(xiàn)學(xué)了就忘記不住的情況，我見(jiàn)過(guò)很多這樣的情況，包括自己曾經(jīng)學(xué)習(xí)的時(shí)候也是這樣。打個(gè)比方：比方說(shuō)我們?cè)趯W(xué)習(xí)英語(yǔ)的時(shí)候，一天學(xué)習(xí)20個(gè)單詞，但是過(guò)了一周之后，我肯定會(huì)忘記之前學(xué)過(guò)的單詞。那么記住這些單詞最好的辦法就是應(yīng)用于對(duì)話當(dāng)中。我們學(xué)習(xí)web前端也是這樣，同一個(gè)標(biāo)簽或者屬性，或者是JavaScript的語(yǔ)法，只有你不斷的見(jiàn)到它，并且應(yīng)用它，讓它都認(rèn)識(shí)你了，這樣你就扎實(shí)的掌握了，所以實(shí)際應(yīng)用非常重要。

3.學(xué)習(xí)方法決定了你學(xué)web前端的效率以及你可以走多遠(yuǎn)，學(xué)習(xí)編程非常依賴一個(gè)好的學(xué)習(xí)方法，有太多人因?yàn)閷W(xué)習(xí)方法不對(duì)最終導(dǎo)致放棄，所以讓各位一定注意自己的學(xué)習(xí)方法，每個(gè)人的學(xué)習(xí)方法不一樣，但是大多數(shù)人錯(cuò)誤的學(xué)習(xí)方法都是相同的，所以這方面一定要找。

零基礎(chǔ)也能學(xué)習(xí)Java嗎？需要學(xué)習(xí)多久呢？

零基礎(chǔ)也能學(xué)習(xí)java的。任何人學(xué)任何東西都是0基礎(chǔ)，在學(xué)習(xí)的過(guò)程中查漏補(bǔ)缺，逐漸的成為熟手，高手，專(zhuān)家。

其實(shí)零基礎(chǔ)學(xué)java從來(lái)都不可怕，可怕的是沒(méi)有鑿山開(kāi)路的決心。如果你的內(nèi)心真的對(duì)IT行業(yè)感興趣，對(duì)Java語(yǔ)言感興趣，那么你就多鼓勵(lì)自己，或者你可以根據(jù)多種渠道來(lái)自學(xué)有關(guān)Java方面的知識(shí)，可以通過(guò)網(wǎng)絡(luò)看有關(guān)Java方向的基礎(chǔ)視頻，但這條路走起來(lái)會(huì)比較艱辛。

因?yàn)榫W(wǎng)絡(luò)上的信息是沒(méi)有經(jīng)過(guò)專(zhuān)業(yè)人士篩選和進(jìn)行系統(tǒng)整理的。對(duì)于零基礎(chǔ)的學(xué)員來(lái)說(shuō)，瀏覽繁多的信息會(huì)變得非常吃力，也有接收不完整或者錯(cuò)誤知識(shí)的風(fēng)險(xiǎn)。因?yàn)橛?jì)算機(jī)講究一個(gè)邏輯思維能力，說(shuō)白了就是做事要講究條理性，能夠舉一反三。

通過(guò)自學(xué)的方式，這或許會(huì)走更多的彎路，但堅(jiān)持下去，依然會(huì)有極少一部人到達(dá)終點(diǎn)。至于何時(shí)到達(dá)，取決于你花的時(shí)間，走路的速度，道路的長(zhǎng)度等因素。

所以，我覺(jué)得對(duì)于零基礎(chǔ)的學(xué)生想好學(xué)java來(lái)參加專(zhuān)業(yè)的培訓(xùn)還是很有必要的。

當(dāng)然，我首先還是要聲明，我也是做培訓(xùn)的，在你決定培訓(xùn)前，我希望你明白一個(gè)道理：培訓(xùn)也只是帶你入門(mén)，切莫押寶在培訓(xùn)機(jī)構(gòu)身上，想要在這個(gè)行業(yè)走的更高，更遠(yuǎn)，還需要不斷的學(xué)習(xí)，提升。

培訓(xùn)機(jī)構(gòu)主要提供良好學(xué)習(xí)環(huán)境和氛圍，以及入門(mén)的基礎(chǔ)教學(xué)，契合市場(chǎng)和企業(yè)的技術(shù)需求，比較適合那些自學(xué)時(shí)自制能力較差的學(xué)生，以及那些大學(xué)沒(méi)好好學(xué)習(xí)，或者想要進(jìn)入這一行的人。

總之，零基礎(chǔ)是可以學(xué)java的，這些基礎(chǔ)的東西并沒(méi)有什么技術(shù)性的難度，可以說(shuō)就是一些需要死記硬背的東西而已。

剛開(kāi)始可能很難自己動(dòng)手寫(xiě)代碼，基本都是需要看著別人的代碼然后自己照葫蘆畫(huà)瓢的抄寫(xiě)，不然就不會(huì)寫(xiě)，所有初學(xué)者開(kāi)始都是這樣，所以是很正常的，這個(gè)就需要平時(shí)多寫(xiě)多練，一點(diǎn)一點(diǎn)累積，知識(shí)點(diǎn)積累的多了，邏輯通順了，之后自然而然的就會(huì)動(dòng)手寫(xiě)出自己的代碼了，這就是一個(gè)多寫(xiě)多練的問(wèn)題。

至于學(xué)習(xí)時(shí)間多久，這個(gè)也是因人而異，不同的基礎(chǔ)，不同的學(xué)習(xí)方式，學(xué)習(xí)時(shí)間長(zhǎng)短自然不同哦。一般通過(guò)培訓(xùn)學(xué)習(xí)的話，學(xué)習(xí)也就五六個(gè)月的樣子，不過(guò)適合大學(xué)生哦。

零基礎(chǔ)JavaScript學(xué)習(xí)路徑？

開(kāi)發(fā)環(huán)境越簡(jiǎn)單越好，一定不要在這個(gè)環(huán)節(jié)浪費(fèi)時(shí)間。

首先說(shuō)編輯器的選擇，sublime text、vs code、atom、webstorm，還有HBuilder。新手入門(mén)的時(shí)候總想找一個(gè)最好的編輯器，其實(shí)這編輯器就和游戲里面選英雄一樣，沒(méi)有最厲害的，只有最適合你的，如果還是拿不定注意，就選vs code吧，我感覺(jué)這個(gè)對(duì)新手挺友好的。

瀏覽器就用chrome，然后就可以開(kāi)始擼代碼了。

關(guān)于JavaScript版本，我建議還是從ES5開(kāi)始學(xué)，有一定基礎(chǔ)之后再來(lái)看ES2015+的新特性。

基本語(yǔ)法

學(xué)編程語(yǔ)言和學(xué)自然語(yǔ)言有很多相似的地方，我們得從最基本的單詞和語(yǔ)法開(kāi)始學(xué)。

變量：如何聲明變量，如何給變量賦值。

數(shù)據(jù)類(lèi)型：什么是數(shù)據(jù)類(lèi)型，數(shù)字與字符串有什么區(qū)別。

運(yùn)算符與表達(dá)式：常用的運(yùn)算符有哪些？“=”、“==”與“===”的區(qū)別等等。

分支語(yǔ)句：if、switch

循環(huán)語(yǔ)句：for、while

函數(shù)：什么是函數(shù)，什么是參數(shù)，什么是返回值。

這些基本語(yǔ)法一定要非常熟悉，要不然后續(xù)的學(xué)習(xí)會(huì)舉步維艱。

對(duì)象

對(duì)象是一個(gè)非常重要的概念，一定要靈活掌握：

對(duì)象：屬性的無(wú)序集合，當(dāng)屬性值為函數(shù)的時(shí)候，我們叫這個(gè)函數(shù)為對(duì)象的方法。

數(shù)組：元素的有序集合。了解數(shù)組的常用方法

日期對(duì)象：獲取年月日時(shí)分秒

數(shù)學(xué)對(duì)象：獲取隨機(jī)數(shù)

了解其他對(duì)象：正則表達(dá)式、包裝對(duì)象，其實(shí)函數(shù)也是對(duì)象，不過(guò)這些簡(jiǎn)單了解一下就行。

每個(gè)對(duì)象都有很多方法，這些方法知道在哪里查就行了，千萬(wàn)不要去背，就像我們學(xué)英語(yǔ)，必要的單詞要背，但是大部分單詞知道用詞典查就行了。

DOM

DOM的樹(shù)狀結(jié)構(gòu)

節(jié)點(diǎn)：元素節(jié)點(diǎn)、文本節(jié)點(diǎn)、屬性節(jié)點(diǎn)

節(jié)點(diǎn)關(guān)系：同級(jí)、父子級(jí)等等

獲取節(jié)點(diǎn)：querySelector、querySelectorAll等等

節(jié)點(diǎn)操作：增刪改查

事件綁定：事件流和事件委托應(yīng)該了解一下

DOM提供的方法也很多，仍然不要過(guò)多的投入精力，新手自學(xué)總是會(huì)被這些大量的方法困擾，我們要做的是對(duì)DOM有一個(gè)概括性的了解，至于那些雜亂的接口，后續(xù)我們完全可以用jQuery或框架代替。

（如果對(duì)DOM感興趣，可以在技能掌握得稍微全面一些之后，再回來(lái)深入學(xué)習(xí)也是可以的，但是前期投入大量時(shí)間，確實(shí)會(huì)影響學(xué)習(xí)效率）

jQuery

jQuery是必須要會(huì)的，但是jQuery上手確實(shí)很簡(jiǎn)單，用兩天時(shí)間了解一下jQuery的用法，然后就可以利用jQuery實(shí)現(xiàn)各種頁(yè)面效果了，前期肯定會(huì)磕磕絆絆，但是jQuery的資料有很多，一邊學(xué)一邊做就行。jQuery熟練了之后，就可以開(kāi)始著手學(xué)習(xí)JavaScript進(jìn)階一點(diǎn)的內(nèi)容了：

原始類(lèi)型與引用類(lèi)型的區(qū)別

各種類(lèi)型轉(zhuǎn)換和類(lèi)型檢測(cè)

閉包：函數(shù)套函數(shù)，怎么套自己都不蒙就行了。

原型：構(gòu)造函數(shù)、原型屬性、基于原型的繼承是怎么實(shí)現(xiàn)的。

this：可以開(kāi)個(gè)坑好好研究研究

了解node

node現(xiàn)在可以說(shuō)是前端必學(xué)的了，但是不是學(xué)用node做后臺(tái)，而是用node生態(tài)下的各種工具，順便借node了解一下后臺(tái)。

使用node開(kāi)一個(gè)靜態(tài)服務(wù)器

使用npm下載第三方模塊

webpack

babel

最好能用express寫(xiě)一個(gè)簡(jiǎn)單的后臺(tái)程序（一個(gè)server.js就夠了），處理一些請(qǐng)求，這樣我們學(xué)習(xí)ajax的時(shí)候就可以自己寫(xiě)后臺(tái)接口了，當(dāng)然這需要有http協(xié)議的基礎(chǔ)知識(shí)。

ES2+新特性

變量和常量：為什么要拋棄var？

結(jié)構(gòu)賦值

箭頭函數(shù)

模塊化

class

編譯

像promise，async/await函數(shù)等等這些，看自己能力了，有興趣看看，不看也不影響后面學(xué)習(xí)，但是，就算現(xiàn)在不學(xué)，這個(gè)后續(xù)也是要補(bǔ)的。

框架

react、vue選一，零基礎(chǔ)的初學(xué)者強(qiáng)烈推薦vue，如果技術(shù)型前端，推薦react。

分享文章：javascript進(jìn)階,javascript進(jìn)階書(shū)籍推薦
網(wǎng)站網(wǎng)址：http://m.rwnh.cn/article34/dsdhhse.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供建站公司、品牌網(wǎng)站設(shè)計(jì)、網(wǎng)站內(nèi)鏈、域名注冊(cè)、App設(shè)計(jì)、微信公眾號(hào)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)