一個前端開發(fā)者, 要會使用Web技術(shù)(如:HTML,CSS,DOM和JavaScript)設(shè)計和開發(fā)網(wǎng)站應(yīng)用. 網(wǎng)站應(yīng)用, 或運行于 Web平臺 之上, 或用于編譯非Web平臺環(huán)境的輸入(如:NativeScript).
圖片來源:https://www.upwork.com/hiring/development/front-end-developer/
一般而言, 一個人可以通過學(xué)習(xí) HTML,CSS,JavaScript進入前端開發(fā)領(lǐng)域, 這些代碼運行在 Web瀏覽器, 無殼為瀏覽器, Web視圖之中, 或用于編譯本地運行環(huán)境的輸入. 后文將詳細介紹這四個運行場景.
Web瀏覽器是用于檢索, 呈現(xiàn)和遍歷萬維網(wǎng)(WWW)信息的軟件. 一般而言, 瀏覽器可以運行在臺式機, 筆記本電腦, 平板電腦或手機. 但是近來, 幾乎在任何事物上都能夠發(fā)現(xiàn)瀏覽器(如: 冰箱上, 汽車?yán)锏?.
最普遍的Web瀏覽器如下:
無殼瀏覽器是指沒有圖形用戶界面的Web瀏覽器, 可以通過命令行接口控制達到網(wǎng)頁自動化的目的(如: 功能測試, 單元測試等). 把無殼瀏覽器當(dāng)做可以從命令行運行的瀏覽器, 它依然可以檢索和遍歷網(wǎng)頁.
最普遍的無殼瀏覽器如下:
Webviews 被本地 OS 用來運行網(wǎng)頁. 把Web視圖當(dāng)做Web瀏覽器中的iframe或者單個的Tab, 其嵌入于運行在設(shè)備上的本地應(yīng)用程序中(如:iOS, android, windows).
Web視圖開發(fā)最普遍的解決方案如下:
最后, 前端開發(fā)者從 Web 瀏覽器開發(fā)環(huán)境中學(xué)到的東西也可以用于不受瀏覽器引擎驅(qū)動的環(huán)境下. 目前, 脫離 Web 引擎,使用 Web 技術(shù)(如: CSS 和 JavaScript)去創(chuàng)建真正的本地應(yīng)用的開發(fā)環(huán)境正在出現(xiàn).
此類環(huán)境的示例如下:
譯者補充: