什么是前端開(kāi)發(fā)者?

一個(gè)前端開(kāi)發(fā)者, 要會(huì)使用Web技術(shù)(如：HTML,CSS,DOM和JavaScript)設(shè)計(jì)和開(kāi)發(fā)網(wǎng)站應(yīng)用. 網(wǎng)站應(yīng)用, 或運(yùn)行于 Web平臺(tái) 之上, 或用于編譯非Web平臺(tái)環(huán)境的輸入(如：NativeScript).

一般而言, 一個(gè)人可以通過(guò)學(xué)習(xí) HTML,CSS,JavaScript進(jìn)入前端開(kāi)發(fā)領(lǐng)域, 這些代碼運(yùn)行在 Web瀏覽器, 無(wú)殼為瀏覽器, Web視圖之中, 或用于編譯本地運(yùn)行環(huán)境的輸入. 后文將詳細(xì)介紹這四個(gè)運(yùn)行場(chǎng)景.

Web瀏覽器是用于檢索, 呈現(xiàn)和遍歷萬(wàn)維網(wǎng)(WWW)信息的軟件. 一般而言, 瀏覽器可以運(yùn)行在臺(tái)式機(jī), 筆記本電腦, 平板電腦或手機(jī). 截止到目前, 通過(guò)瀏覽器可以找到任何事物(如: 冰箱, 汽車(chē)等).

最普遍的Web瀏覽器如下:

• Chrome
• Internet Explorer
• Firefox
• Safari

無(wú)殼瀏覽器是指沒(méi)有圖形用戶(hù)界面的Web瀏覽器, 可以通過(guò)命令行接口控制達(dá)到網(wǎng)頁(yè)自動(dòng)化的目的(如: 功能測(cè)試, 單元測(cè)試等). 把無(wú)殼瀏覽器當(dāng)做可以從命令行運(yùn)行的瀏覽器, 它依然可以檢索和遍歷網(wǎng)頁(yè).

最普遍的無(wú)殼瀏覽器如下:

• PhantomJS
• slimerjs
• trifleJS

Web視圖是本地 OS 運(yùn)行網(wǎng)頁(yè)的方式. 把Web視圖當(dāng)做瀏覽中的 iframe 或者單個(gè)的 Tab, 是嵌入到運(yùn)行在設(shè)備上的本地應(yīng)用程序.

Web視圖開(kāi)發(fā)最普遍的解決方案如下:

• Cordova (用于本地手機(jī)/平板應(yīng)用)
• NW.js (即 Node-Webkit, 用于桌面應(yīng)用)
• Electron (用于桌面應(yīng)用)

最后需要了解的是, 前端開(kāi)發(fā)者不僅可以使用Web瀏覽器環(huán)境進(jìn)行開(kāi)發(fā), 也可以在不受瀏覽器引擎影響的工藝代碼環(huán)境進(jìn)行開(kāi)發(fā). 到現(xiàn)在, 開(kāi)發(fā)環(huán)境正在脫離Web引擎, 使用Web技術(shù)(如: CSS 和 JavaScript)去創(chuàng)建真正的本地應(yīng)用.

此類(lèi)環(huán)境的示例如下:

• NativeScript
• React Native

譯者補(bǔ)充:

• 達(dá)到什么樣的標(biāo)準(zhǔn)才能是大公司要的前端
• 寫(xiě)給初學(xué)前端工程師的一封信
• 前端路上的旅行
• React Native專(zhuān)題