1. 編輯器裏邊推薦sublime,這是通過自己的簡單配置,能夠順手使用的一(yī)款,界面炫酷,主題漂亮,體(tǐ)驗給力。
2. 另外(wài)vim,emacs,textmate入門曲線比較陡,不建議使用。
3. 另外(wài)簡單點的:notepad++,editplus,選那個區别不大(dà)。notepad++有黑色主題,editplus啓動還是那麽快。
4. webstorm,phpstorm,intellijdea,随便選一(yī)款,都差不多。分(fēn)别支持不同的後台語言而已。
而web前端開(kāi)發乃及其它的相關開(kāi)發,推薦sublime text, webstorm(jetbrains公司系列産品)這兩個的原因在于,有個技術叫emmet, emmet documentation,而這兩個對他的支持是:
sublime text 是所有編輯器裏邊支持emmet比較好的的唯一(yī)一(yī)款。
webstorm是所有編輯器裏邊唯一(yī)内置emmet的一(yī)款,并且将emmet的精神往前推動的一(yī)款。
然後還是那句話(huà):編程的核心是代碼,代碼的靈魂是算法或數據結構,所以你懂得,随便選一(yī)款得了。
phpstorm,idea包括所有webstorm的功能。隻是phpstorm是針對phper的,idea是針對javaer,webstorm針對前端er。
在網絡上,經常看見有同學在提問,h5前端與web前端的區别。今天我(wǒ)們就來好好談一(yī)下(xià),他們之間究竟哪裏不同?
1.開(kāi)發頁面時,主要使用的技術不同。web前端在開(kāi)發交互式頁面時,主流的前端技術都會用到,像html、css、javascript、html 5、jquery、json
這些最基礎的技術都會涉及到。h5前端在開(kāi)發頁面時,大(dà)部分(fēn)是通過html語言來設計頁面。
2.涵蓋範圍不同。上面已經提到,web前端開(kāi)發會使用到當下(xià)主流的前端技術及框架。而h5前端是主要通過html标記語言來進行開(kāi)發。我(wǒ)們也可以說h5前端是涵蓋在web前端開(kāi)發裏面。
實際上,在現實生(shēng)活中(zhōng),我(wǒ)們并沒有把這兩者分(fēn)的這麽清楚。因爲在真正的項目開(kāi)發過程中(zhōng),會涵蓋到前端各種主流的技術。所以,大(dà)家隻需要明白(bái)h5前端是包含在web前端中(zhōng)的就足夠了。
web前端最開(kāi)始的前端網頁主要僅供讀者浏覽的靜态網頁,而現在的web前端是與網站前/後台系統的頁面相關。web前端對于網站來說,指網站的前台部分(fēn)包括網站的表現層和結構層。因此前端技術一(yī)般分(fēn)爲前端設計和前端開(kāi)發,前端設計一(yī)般可以理解爲網站的視覺設計,前端開(kāi)發則是網站的前台代碼實現。
web前端開(kāi)發是利用各種web技術進行客戶端産品的開(kāi)發,完成客戶端程序的開(kāi)發。在開(kāi)發過程中(zhōng)要考慮到多樣式兼容性的問題,因爲ie、火(huǒ)狐、chrome等各大(dà)浏覽器内核不一(yī),使用到新特性的時候需要給樣式加上最基礎的兼容前綴,所以最好的做法還是盡量避免使用新樣式屬性來完成預期的效果。web前端開(kāi)發結合後台開(kāi)發技術模拟整體(tǐ)效果,進行豐富互聯網的web開(kāi)發,緻力于通過技術改善用戶體(tǐ)驗。
web前端開(kāi)發主要是使用html、css、javascript技術,将美工(gōng)提供的美工(gōng)圖轉化爲網頁。在前端的開(kāi)發中(zhōng),在頁面的布局時,html将元素進行定義,css對展示的元素進行定位,再通過javascript實現相應的效果和交互。web前端開(kāi)發前,需要将需求确定好,結合概念進行開(kāi)發,可達到事半功倍的效果,在應用web開(kāi)發技術時也會得心應手。
web前端開(kāi)發的主要職能就是把網站的界面更好的呈現給用戶。在目前的物(wù)聯網時代的發展裏,web app和html5迅速崛起,web前端的開(kāi)發也不僅僅是局限性的做做電(diàn)腦網頁設計之類的。