学习:快速构建出一个体验较好的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

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