學(xué)前端學(xué)htmlcssjs？

前端是由很多內(nèi)容組成的一個(gè)系統(tǒng)的合稱，你說的這些是學(xué)習(xí)前端的基礎(chǔ)，這里我把前端的體系做下整理，方便你的學(xué)習(xí)，如果有不對(duì)的地方歡迎補(bǔ)充。

假如我只想做一個(gè)普通的網(wǎng)站

html+css+js是構(gòu)成一個(gè)普通網(wǎng)站的三個(gè)重要部分，有了這三個(gè)部分，理論上你可以做成絕大多數(shù)的網(wǎng)站，因?yàn)楹罄m(xù)的高端技術(shù)全部都是基于這三個(gè)，無論多高端，最后還是會(huì)轉(zhuǎn)成這三種。

js的兼容性好煩，好多名稱太長很難記怎么辦

這時(shí)候就要用到j(luò)s中最有名的庫jQuery了，jQuery就是為了解決js在不同瀏覽器的兼容性、為了解決js名稱長操作繁瑣而誕生的，比如

document.getElementById(app)

用jQuery來操作就是

$("#app")

怎么樣，是不是很方便

寫一個(gè)復(fù)雜的網(wǎng)站，css很多怎么辦，好不容易做完了，老板說要把紅色全部改成綠色怎么辦

這種情況下就誕生了css編譯器，常見的有sass、less、stylus等，css的編譯器的好處就是可以設(shè)置變量，可以嵌套書寫，css再多寫完結(jié)構(gòu)也很清晰。這幾種編譯器大同小異，選一種學(xué)習(xí)即可，我平常使用的是less。

js我都會(huì)了，為什么別人寫的我看不懂

現(xiàn)在看到越來越多的js中含有箭頭符號(hào)、let、promise這些在js教程中都沒看到的東西，這就是js的下一個(gè)版本--javascript ECMAScript 6.0（簡稱es6）。es6中加入了很多新特性，想要做出復(fù)雜交互效果的網(wǎng)站，一定要學(xué)習(xí)這個(gè)。

別人寫的css都那么酷炫，我做的為啥很普通

你看到的酷炫效果基本上都用了css3，這是css的最新版本，加入了動(dòng)畫、偽類、漸變等多種特效，主流瀏覽器都支持，不過ie嘛，最起碼得ie10才支持的比較完善。

前后端分離怎么弄，這些用jQuery寫起來好頭疼

前后端分離是現(xiàn)在常見的一種形式，數(shù)據(jù)交互全部通過api來完成，其他東西都由前端來寫，以前這個(gè)是通過jQuery來完成的，不過項(xiàng)目稍微復(fù)雜點(diǎn)，用jQuery太吃力，而且沒有整體性。這兩年多出很多新框架，例如Vue、React、angular等，他們都大同小異，只使用js語言就能完成一個(gè)龐大的項(xiàng)目，學(xué)習(xí)前記得先學(xué)es6，不然有可能看不懂。

前端項(xiàng)目怎么打包成app

常見的框架基本上都有自己配套的生態(tài)，比如React的React Native，Vue的weex。

前端項(xiàng)目怎么做成桌面端軟件

nw.js

和electron是這方面兩個(gè)很專業(yè)的工具，尤其是electron，atom和visual studio code都是基于electron的哦