NodeJS&&前端思考

做大型软件（工程化）：

1.测试相关 tdd / bdd 测试覆盖率

2.规范化 standard、各种 lint、hint

3.构建相关 gulp、grunt、webpack，大量插件

　　

　　

　　

　　

4.生成器 yo 等

　　　工程脚手架，生成项目基本框架

5.包管理工具 npm 足够简单易用

MEAN架构：

MEAN 是目前最潮的全栈 JavaScript 架构。MEAN 是一个 JavaScript 平台的现代 Web 开发框架总称，它是 MongoDB Express AngularJS Node.js 四个框架的第一个字母组合。它与传统 LAMP 一样是一种全套开发工具的简称。

M:替代MongoDB的有MySQL等

E:替代Express 的有KOA

A:替代AngularJS的有React、Vue

NodeJS异步流程控制：

JavaScript 流程控制的演进过程，分以下 5 部分：

  • 回调函数Callbacks
  • 异步JavaScript
  • Promise / a+ 规范
  • 生成器Generators/ yield ( es6 )
  • Async/ await ( es7 )

  • 目前所有版本都支持 Promise / a+ 规范
  • 目前 Node.js 4.0 支持 Generators/ yield
  • 目前不支持 es7 里的 Async/await，但可以通过 babel 实现

整体来说，对异步流程控制解决的还是比较好的。

Node.js 最新技术栈之 Promise 篇https://cnodejs.org/topic/560dbc826a1ed28204a1e7de

Node.js 相关工具

  • grunt/gulp/fis/webpack
  • bower/spm/npm
  • tdd/bdd cucumber/mocha
  • standard
  • babel/typescript/coffee

前端开发四阶段

  • Html/css/js（基础）
  • jQuery、jQuery-ui，Extjs（曾经流行）
  • Backbone（mvc），Angularjs、Vuejs（当前流行）
  • React组件化（未来趋势）、Vuejs

Vuejs 综合 Angular 和 React 的优点，应该是下一个流行趋势。

跨平台移动平台开发：

HyBrid、ReactNative、HBuilder

PC 端加壳，一样是延续浏览器做文章，不过这次把页面生成各个 PC 平台的可执行文件。

  • node-webkit is renamed （ NW.js ）
  • Electron  - Build cross platform desktop apps with web technologies

 

静态 API，所以目前是直接提供 json 和部分（json-server https://github.com/typicode/json-server/ ）

读 http://blog.csdn.net/wangji5850/article/details/51131688 总结

时间： 2024-07-29 09:09:14

NodeJS&&前端思考的相关文章

关于NodeJS的思考

对于NodeJS来说传统程序员比较陌生,初看以为是什么前端框架,其实并不是前端框架.传统的Javascript只能跑在浏览器中,但是一位叫Ryan Dahl的开发者灵感一来,为什么Javascript不能运行在服务端呢?然后经过思考后他决定将Javascript带到后端,在苦苦寻觅中发现谷歌的V8引擎来运行Javascript是很高效的,但是仅仅有浏览器端Javascript是不能构建出强大后端应用的,所以他移除了不必要的浏览器端的特征后又为Javascript添加入了更强大的API,这个API

Nodejs前端服务器压缩图片

Nodejs作为前端服务器,自然能承担处理图片的能力, 使用GM for nodejs 作为图片处理器,调用ImageMagick处理图片 使用ImageMagick var imageMagick = gm.subClass({ imageMagick: true }); 然后就像文档中使用gm那样使用ImageMagick即可 (举个例子) imageMagick("img.png").resize(300, 100).autoOrient().write('/path', cal

nodejs前端跨域访问

XMLHttpRequest cannot load http://localhost:3000/. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'null' is therefore not allowed access. 上面是我学习nodejs中碰到的一个异常,下面有代码以及解决方案. 1)js文件代码 var http=require('http');var qu

Docker+Jenkins持续集成环境（2）使用docker+jenkins构建nodejs前端项目

前文使用Docker搭建Jenkins+Docker持续集成环境我们已经搭建了基于docker+jenkins的持续集成环境,并构建了基于maven的项目.这一节,我们继续扩展功能,增加对Nodejs的支持,实现nodejs项目构建.并打包成docker镜像和自动部署. 1. 配置Nodejs环境 1.1 安装nodejs插件 打开系统管理——管理插件——可选插件,搜索NodeJS,选择NodeJS Plugin安装 1.2 配置nodejs 版本 系统管理 —— 全局工具配置 —— NodeJ

前端思考

思考:为什么网页中的定义的任何对象.变量和函数,都是以window作为其Global对象 1.任何对象可以是以window作为其全局变量,是因为我们在创建对象的时候,我们可以给属性赋上window对象 类的定义:对事物的描述 对象的定义:对具有具体属性(变量)和函数(方法)的承载体 定义对象: 例如: 对象名= new 类名() 2.变量如何以window作为其全局 变量对象:相当于给变量赋上window对象 var win = window 理解:添加监听window.addEventList

nodejs前端接口调试

和UI无关的逻辑用browser 调有时不太方便,配置 node 命令行调试环境方法如下: cnpm install @babel/core @babel/cli @babel/register @babel/polyfill cross-fetch/polyfill 因为node 作为commonjs 的环境缺少一些browser 的全局变量(如fetch 等),因此需要装一些 polyfill. 启动 nodejs 前 preload 一些模块:node -r @babel/register

.Net Core 在Linux服务器下部署程序--(4). 前端ReactWeb应用部署

确认第二步中的软件已经安装完成 Nodejs前端Web服务器 Zip与UnZip压缩包软禁 nrm前端包源管理器 PM2前端Web程序守护进程 创建部署文件夹 如果已经执行过( 3. 租户平台后端程序部署 ),忽略此步骤 如果没有执行过第3篇,此处简单叙述下,详情看第3篇文档( 3. 租户平台后端程序部署 ) 进入usr文件夹 : cd /usr 创建publish文件夹 : sudo mkdir publish 进入publish文件夹 : cd publish/ 创建tenant租户平台程序

网页浮动工具条

1.自动判断浏览器宽度. 当浏览器窗口小于1024时,工具条会自动隐藏 支持浏览器窗口拖拽 2.当拖动浏览器窗口大小时,工具条位置也会相应调整,始终保持贴在网页主体内容右侧. 用到的javascript代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

css3动画由浅入深总结

回到顶部 一:过渡动画---Transitions 一:过渡动画---Transitions 含义:在css3中,Transitions功能通过将元素的某个属性从一个属性值在指定的时间内平滑过渡到另一个属性值来实现动画功能. Transitions属性的使用方法如下所示: transition: property | duration  | timing-function | delay transition-property: 表示对那个属性进行平滑过渡. transition-duratio