學習:快速構建出一個體驗較好的UI系統(先談Node.js)

近期領導要求說簡單做個頁面,提升運作效率和會議質量,招人沒麼快,只能在開啓招聘的同時,我們自己來了。於是乎,我就承擔了產品經理的職責,寫寫產品規範,畫畫頁面原型,加上近期研究的Python,如果搞搞前端技術棧,就妥妥地成爲一個全棧工程師了。

想當年自己做前中後端的B/S頁面開發時,用的是SSH(Structs+Spring+Hiberate)那一套,前端使用的是JSP,偶爾有用到Ajax和JavaScript。同事笑着對我說,我使用的JSP已經淪爲後端or中端了,看來很久不做技術,轉做管理,尤其是業務項目管理確實離一線和技術前沿遠了些,看來,自己還是需要些時間與時俱進的。畢竟,瞭解行業趨勢也是一個成功項目經理的衡量點。


想要快速構建出一個體驗良好的UI 系統,web技術首當其衝。Web天生爲交互而生,利用Javascript,可以比較方便實現各種交互;用CSS語言進行UI 佈局,可以對UI進行精確調控,而且是可見的。

Web前端技術近年來異常繁榮,催生了很多實用的框架和庫,藉助node.js和vue.js等類似的響應式前端框架/類庫,開發者能夠把精力集中在模型的構建上,這個和很多開發庫的理念類似,這樣也就使得web技術構建UI界面變得高效。

傳統的JS是運行在瀏覽器上,因爲瀏覽器內核分爲兩個部分:渲染引擎和JavaScript。渲染引擎負責渲染HTML和CSS;JavaScript引擎負責運行JavaScript。近年來技術的不斷髮展,Chrome使用的JavaScript引擎已經來到是V8版本,它速度非常快且性能好,同時由2009年5月Ryan Dahl開發的Node.js隨之誕生。Node.js實質是封裝了Chrome V8引擎(底層是 V8 引擎)。

Node.js 是幹什麼的?

簡言之,Node.js和JVM同等地位,是JS的運行環境,這個評價不可謂不高,Java虛擬機跨平臺特性我依然記得,神一般的存在。Node.js真正爲前端人員走向後端開啓了一條新的道路。

Node.js 是一個依賴於Chrome V8引擎進行代碼解釋的JavaScript運行環境,它運行在服務端。它使用了一個事件驅動、非阻塞式 I/O 的模型,使其輕量、可伸縮又高效,高併發,適於實時數據交互應用。

Node.js讓JavaScript運行在服務器端,它讓 JavaScript成爲與PHP/Python/Perl/Ruby等服務端語言平起平坐的腳本語言。


Node.js的優勢

- Node對一些特殊用例進行優化,提供替代的API,使得V8在非瀏覽器環境下運行得更好。V8引擎執行Javascript的速度非常快,性能非常好。

- Node是一個基於Chrome JavaScript運行時建立的平臺, 用於方便地搭建響應速度快、易於擴展的網絡應用。

- Node 使用事件驅動, 非阻塞I/O 模型而得以輕量和高效,非常適合在分佈式設備上運行數據密集型的實時應用。

- webpack是基於 Node.js的前端項目部署打包工具,webpack打包的核心思想就是單頁面富應用(SPA)

- grunt是基於 Node.js的前端JavaScript語言項目構建工具,即腳手架。一句話:構建項目自動化。官網:https://www.gruntjs.net/

- Express 是一個保持最小規模的靈活的 Node.js Web應用程序開發框架,爲Web和移動應用程序提供一組強大的功能

Nodejs安裝可參考:https://www.jianshu.com/p/13f45e24b1de

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章