㈠ 如何使用node.js web开发
第二步：安装nodejs 载完双击 node-v0.吧.依陆-x吧陆.msi始安装nodejs默认安装C:\Program Files\nodejs面 第三步：安装相关环境 打C:\Program Files\nodejs目录发现面自带npm,直接用npm安装相环境既 进入node.js command prompt 命令窗口 进入nodejs 安装目录 C:\Program Files\nodejs 键入命令：cd C:\Program Files\nodejs 既 现始安装相关环境 键入命令：npm install express 车等待安装express........ 键入命令：npm install jade 车等待安装jade........ 键入命令：npm install mysql车等待安装mysql........ ........安装组件取决于环境搭建需求 默认情况述组件都安装C:\Program Files\nodejs\node_moles文件夹 nodejs相关组件自查找路径 第四步：创建工程 现已经express express命令安装全局才起作用! 所express安装候要用 npm install express -g 或者直接修改全局路径: npm config set prefix "C:\Program Files\nodejs" npm config set cache "C:\Program Files\nodejs\cache" (先建cache目录) 键入:express myapp (myapp随意起工程名称) 发现 C:\Program Files\nodejs\myapp 目录 默认情况：自创建 几文件做解释相信发经验同都能眼明 复制node_molesmyapp面 环境搭建完工面做demo测试 myapp新建helloworld.js var http = require("http"); http.createServer(function(request, response) { response.writeHead(贰00, {"Content-Type": "text/plain"}); response.write("Hello World"); response.end(); }).listen(吧吧吧吧); console.log("nodejs start listen 吧吧吧吧 port!"); 进入node.js command prompt 命令窗口,进入C:\Program Files\nodejs\myapp目录 键入node helloworld.j
㈡ 为何Web前端开发不抛弃HTML和CSS，用纯JavaScript 开发
简单的web网页开发，HTML+CSS 学习比较容易，门槛低，HTML的语义可以让屏幕阅读器方便的读取页面的内容，搜索引擎不需要转义js直接抓取html里面的内容。复杂的web开发，web app，RIA。html只是作为结构存在，可以认为它是一套组件库，相对于情况一，一个页面的代码里肯定就没几行html，都被写到了js里面（当然最终得到的还是满满的html）。
当整屏幕的input输入框的时候，难道就那么不稀罕html提供给你的表单功能而硬要自己做一个？游戏开发，canvas就直接用js。
㈢ web前端开发是什么
web前端是指网站的前端开发，相对于后端而言，主要是给用户呈现网站等界面。
web前端属于IT行业中热门的岗位，相比较于其他的IT技术来说，是比较简单的。前端主要负责实现网站或者APP页面，涉及的代码量比后端开发小，但薪资和发展都不差，课程是目前前沿的前端技能叫web全栈工程师。
web全栈工程师5.0课程包括：
①计算机基础以及PS基础
②前端开发基础（HTML5开发、JavaScript基础到高级、jQuery网页特效、Bootstrap框架）
③移动开发
④前端高级开发（ECMAScript6、Veu.js框架开发、webpack、前端页面优化、React框架开发、AngularJS 2.0框架开发等）
⑤小程序开发
⑥全栈开发（MySQL数据库、Python编程语言、Django框架等）
⑦就业拓展（网站SEO与前端安全技术）
互联网行业目前还是最热门的行业之一，学习IT技能之后足够优秀是有机会进入腾讯、阿里、网易等互联网大厂高薪就业的，发展前景非常好，普通人也可以学习。
想要系统学习，你可以考察对比一下开设有相关专业的热门学校，好的学校拥有根据当下企业需求自主研发课程的能力，能够在校期间取得大专或本科学历，中博软件学院、南京课工场、南京北大青鸟等开设相关专业的学校都是不错的，建议实地考察对比一下。
祝你学有所成，望采纳。
㈣ Web前端新手应该知道的JavaScript开发技巧有哪些
今天小编要跟大家分享的文章是关于Web前端新手应该知道的JavaScript开发技巧有哪些?熟悉Web前端的小伙伴都知道，Javascript
的很多扩展的特性是的它变得更加的犀利，同时也给予程序员机会创建更漂亮并且更让用户喜欢的网站。
尽管很多的开发人员都乐于颂扬javascript，但是仍旧有人看到它的阴暗面。
使用很多javascript代码的Web页面会加载很慢，过多的使用javascript使得网页丑陋和拖沓。很快如何有效地使用
javascript成为一个非常火热的话题。
今天小编就为Web前端新手准备了这篇JavaScript开发技巧，希望能够对你有所帮助，下面我们一起来看一看吧!
1、尽可能的保持代码简洁
可能大家都听到过了N遍这个代码简洁问题了。作为一个开发人员你可能在你的代码开发过程中使用了很多次，但千万不要在js开发中忘记这点。
§尽量在开发模式中添加注释和空格，这样保持代码的可读性
§在发布到产品环境前请将空格和注释都删除，并且尽量缩写变量和方法名
§使用第三方工具帮助你实现压缩javascript。
2、思考后再修改prototypes
添加新的属性到对象prototype中是导致脚本出错的常见原因。
yourObject.prototype.anotherFunction='Hello'
yourObject.prototype.anotherMethod=function(){...}
在上面代码中，所有的变量都会被影响，因为他们都继承于yourObject。这样的使用会导致意想不到的行为。所以建议在使用完后删除类似的修改。
yourObject.prototype.anotherFunction='Hello'
yourObject.prototype.anotherMethod=function(){};
test.anotherMethod();
deleteyourObject.prototype.anotherFunction='Hello'
deleteyourObject.prototype.anotherMethod=function(){};
3、DebugJavascript代码
即使最好的开发人员都会犯错。为了最大化的减少类似错误，请在你的debugger中运行你的代码，确认你没有遇到任何细微的错误。
4、避免Eval
你的JS在没有eval方法的时候也可以很好的工作。eval允许访问javascript编译器。如果一个字符串作为参数传递到
eval，那么它的结果可以被执行。
这会很大的降低代码的性能。尽量避免在产品环境中使用eval。
5、最小化DOM访问
DOM是最复杂的API，会使得代码执行过程变慢。有时候Web页面可能没有加载或者加载不完整。最好避免DOM。
6、在使用javascript类库之前先学习javascript
互联网充斥着很多的javascript类库，很多程序员都往往使用js类库而不理解负面影响。强烈建议你在使用第三方类库之前学习基本的JS
代码，否则，你就准备着倒霉吧。
7、不要用“SetTimeOut”和“Setinterval”方法来作为“Eval”的备选
setTimeOut("document.getID('value')",3000);
在以上代码中document.getID(‘value’)在setTimeOut方法中被作为字符串来处理。这类似于eval
方法，在每个代码执行中来执行一个字符串，因此会降低性能，因此，建议在这些方法中传递一个方法。
setTimeOut(yourFunction,3000);
8、[]比newArray();更好
一个常犯的错误在于使用当需要数组的时候使用一个对象或者该使用对象的时候使用一个数组。但是使用原则很简单：
“当属性名称是小的连续整数，你应该使用数组。否则，使用一个对象”_DouglasCrockford,JavaScript:Good
Parts的作者.
建议：
vara=[ƇA',ƈB'];
避免：
vara=newArray();
a[0]="1A";
a[1]="2B";
9、尽量不要多次使用var
在初始每一个变量的时候，程序员都习惯使用var关键字。相反，建议你使用逗号来避免多余的关键字，并且减少代码体积。如下：
varvariableOne='string1',
variableTwo='string2',
variableThree='string3'
10、不要忽略分号“;”
这往往是大家花费数个小时进行debug的原因之一。
我很确信你肯定也在其它的文章中阅读过以上相关的内容，但是大家可能往往都忽略了很多基本的规则。你是不是也曾经忽略过分号。是不是也遇到过eval
关键字问题导致性能问题?
以上就是小编今天为大家分享的关于Web前端新手应该知道的JavaScript
开发技巧有哪些?的文章，希望本篇文章能够对刚刚接触Web前端行业的新手们有所帮助。想要了解更多Web前端知识记得关注北大青鸟Web前端培训官网!
*声明：内容与图片均来源于网络(部分内容有修改)，版权归原作者所有，如来源信息有误或侵犯权益，请联系我们删除或授权事宜。
㈤ 让你的 Node.js Web 应用程序更快的 10 个技巧
由于其事件驱动和异步特性，Node.js 已经飞速发展。但是，在现代网络中，仅仅快速是不够的。如果您计划使用 Node.js 开发您的下一个 Web 应用程序，您必须采取一切可能的步骤来确保您的应用程序比平时更快。本文介绍了 10 个技巧，这些技巧可以极大地加快基于 Node 的 Web 应用程序的速度。所以，让我们一一看看。
在构建 Web 应用程序时，有时您需要进行多个内部 API 调用来获取各种数据。例如，考虑一个用户仪表板。在渲染仪表板时，您可以执行以下假设调用：
为了检索这些详细信息，您可以为每个函数创建一个单独的中间件并附加到仪表板路由。但是这种方法的问题是一个函数必须等待前一个函数完成。另一种选择是并行执行这些调用。
众所周知，由于 Node.js 的异步特性，它在并行运行多个函数方面非常高效。我们应该利用这一点。由于我上面提到的功能不相互依赖，我们可以并行运行它们。这将减少中间件的数量并大大提高速度。
为了使事情并行化，我们可以使用 async.js，这是一个有助于驯服异步 JavaScript 的 Node 模块。这是一个片段，展示了如何使用 async.js 并行运行不同的函数：
如果您想了解有关 async.js 的更多信息，请务必查看该项目的GitHub页面。
按照设计，Node.js 是单线程的。由于这个事实，同步代码可能会锁定整个应用程序。例如，大多数文件系统 API 都有其同步对应物。以下代码段显示了如何同步和异步完成文件读取操作：
但是如果您执行长时间运行和阻塞操作，您的主线程将被阻塞，直到操作完成。这会大大降低您的应用程序的性能。因此，请确保您始终在代码中使用异步 API，至少在性能关键部分。在选择第三方模块时也要小心。即使您采取一切预防措施来避免同步代码，外部库也可能会进行同步调用，从而影响您的应用程序的性能。
如果您正在获取一些不经常更改的数据，您可以将其缓存以提高性能。例如，使用以下代码片段获取最新帖子以显示在视图上：
如果你发博文不是太频繁，可以缓存posts数组，间隔后清空缓存。例如，我们可以使用redis模块来实现这一点。为此，您需要在服务器上安装 Redis。然后您可以使用调用的客户端node_redis来存储键/值对。以下片段显示了我们如何缓存帖子：
因此，首先我们检查帖子是否存在于 Redis 缓存中。如果是这样，我们从缓存中传递posts数组。否则，我们从数据库中检索内容，然后将其缓存。此外，在一段时间后，我们可以清除 Redis 缓存，以便获取新内容。
开启 gzip 压缩会极大地影响 webapp 的性能。当与 gzip 兼容的浏览器请求某些资源时，服务器可以在将响应发送到浏览器之前对其进行压缩。如果您不使用 gzip 压缩静态资源，浏览器可能需要更长时间才能获取它。
在 Express 应用程序中，您可以使用内置的express.static()中间件来提供静态内容。此外，您可以使用compression中间件来压缩和提供静态内容。这是一个显示如何执行此操作的片段：
随着 AngularJS、Ember、Meteor 等许多强大的客户端 MVC/MVVM 框架的出现，创建单页应用程序变得非常容易。基本上，您只需公开向客户端发送 JSON 响应的 API，而不是在服务器端呈现。在客户端，您可以使用框架来使用 JSON 并在 UI 上显示。从服务器发送 JSON 可以节省带宽，从而提高速度，因为您不会在每个请求中发送布局标记。相反，您只需发送纯 JSON，然后在客户端呈现。
看看我的这个教程，它描述了如何使用 Express 4 公开 RESTful API。我还写了另一个教程，展示了如何使用 AngularJS 与这些 API 交互。
在典型的 Express Web 应用程序中，会话数据默认存储在内存中。当您在会话中存储太多数据时，会增加服务器的大量开销。因此，您可以切换到其他类型的存储来保留会话数据，或者尝试最小化会话中存储的数据量。
例如，当用户登录到您的应用程序时，您可以只将他们存储id在会话中，而不是存储整个对象。随后，对于每个请求，您都可以从id. 您可能还想使用 MongoDB 或 Redis 来存储会话数据。
假设您有一个博客应用程序，它在主页上显示最新帖子。你可能会写这样的东西来使用 Mongoose 获取数据：
但问题是find()Mongoose 中的函数会获取对象的所有字段，并且对象中可能有几个字段在Post主页上不需要。例如，comments是一个这样的字段，它包含特定帖子的一组评论。由于我们没有显示评论，我们可能会在获取时将其排除。这肯定会提高速度。我们可以这样优化上面的查询：
并非所有浏览器都支持对集合进行不同的操作，例如map、rece和。forEach为了克服浏览器兼容性问题，我们一直在前端使用一些客户端库。但是使用 Node.js，您可以确切地知道 Google 的 V8 JavaScript 引擎支持哪些操作。因此，您可以直接使用这些内置函数在服务器端操作集合。
Nginx是一个小巧轻便的 Web 服务器，可用于减少 Node.js 服务器上的负载。您可以配置 nginx 以提供静态内容，而不是从 Node 提供静态文件。您还可以设置 nginx 以使用 gzip 压缩响应，以便整体响应大小较小。因此，如果您正在运行生产应用程序，您可能希望使用 nginx 来提高速度。
最后，通过将多个 JS 文件压缩并合并为一个，可以极大地提高您的 Web 应用程序速度。当浏览器遇到一个
㈥ Web前端开发知识点之JavaScript的介绍与语法
今天小编要跟大家分享的文章是关于Web前端开发知识点之JavaScript的介绍与语法。正在学习web前端相关知识的小伙伴们来和小编一起看一看吧，希望本篇文章能够对大家有所帮助。
一、JavaScript介绍
JavaScript是一门客户端脚本语言，是适应动态网页制作的需要而诞生的一种编程语言。这门语言可用于HTML和web，更可广泛用于服务器、PC、笔记本电脑、平板电脑和智能手机等设备。
在HTML基础上，使用Javascript可以开发交互式Web网页，可以增强用户和HTML页面的交互过程，可以控制HTML元素让页面有一些动态的效果，增强用户的体验。
JavaScript使有规律地重复的HTML文段简化，减少下载时间。
二、JavaScript语法
①与HTML的结合方式
JavaScript与HTML的结合方式有两种，一种是内部JavaScript，一种是外部JavaScript，定义的方式与CSS类似。
内部JavaScript需要定义一对
外部JavaScript也需要定义一对
注意：JavaScript可以定义在HTML页面的任何地方，但是定义的位置会影响执行的顺序。而且可以在HTML文档中放入不限数量的脚本。通常的做法是把函数放入
②注释
JavaScript的注释与java相同，一种是“//”单行注释，一种是“/**/”多行注释。例如
//这是单行注释
/*
这是多行注释
这是多行注释*/
③数据类型
JavaScript的数据类型包括两大类：原始数据类型和引用数据类型。
原始数据类型包括：
·number数字：包括整数、小数和NaN(notanumber不是数字的数字类型)
·string字符串
·boolean布尔型：包括true和false
·null：一个对象为空的占位符
·undefined：未定义
引用数据类型就是指对象类型。
④变量
所谓变量就是一小块存储数据的内存空间。java语言是强类型语言，在开辟变量存储空间时就定义了存储数据的类型，而且只能存储固定类型的数据;JavaScript是弱类型语言，在开辟变量存储空间时不定义存储数据的类型，可以存储任意类型的数据。
声明变量用var关键字，例如：
vara=3;
我们可以使用typeof运算符获取变量的类型。
⑤运算符
JavaScript中的运算符与java中的基本一致，大家可以参考这个链接复习一下，接下来我再说说JavaScript里比较特殊的运算符。
在说运算符之前先说一个注意事项：在JavaScript中如果运算数不是运算符所要求的的类型，那么JavaScript引擎会自动将运算数进行类型转换。
因此在JavaScript中1=="1"的结果是true，那么我想让他的结果是false该怎么办呢?所以JavaScript引入了新的运算符全等于(===)，此时1==="1"的结果就是false了。
⑥流程控制语句
JavaScript中流程控制语句包括if...else...、switch、while、do...while...、for等，语法规则与java中完全一致，点击上方关键词可查看java语法规则。
⑦特殊语法(不建议)
JavaScript语句以;结尾，如果一行只有一条语句则;可以省略。
变量定义是使用var关键字，也可以不使用。
以上就是小编今天为大家分享的关于Web前端开发知识点之JavaScript的介绍与语法的文章，希望本篇文章能够对正在从事web前端工作和学习的小伙伴们有所帮助，想要了解更多web前端知识记得关注北大青鸟web培训官网，最后祝愿小伙伴们工作顺利，成为一名优秀的web前端工程师。
文章来源：原创凯哥的故事凯哥的故事
㈦ 如何利用React.js开发出强大Web应用
关于React.js，首先需要留意的就是它在默认情况下允许大家保证动态站点能够始终拥有强大的稳定性，这意味着我们能够充分运用各类灵活的交互设计效果而不必担心给站点运行带来影响。这绝对是一项伟大的壮举，事实上我们甚至很难在利用React.js进行应用程序开发时造成任何故障。
在利用React.js开发强大Web应用时，另外还有几项提示必须加以强调——这些提示绝对值得一试而且极具实用性，特别是对于那些刚刚上手这套框架的朋友来说。它们将帮助大家更好地处理未来开发工作中可能面对的各种问题。再有，大家还能够以远超想象的速度实现应用开发。
原型设计
如果大家打算利用React.js创建一款应用程序，那么各位无需完成整套工具设置即可在自己的浏览器当中轻松便捷地搞定原型设计。是的，其实际操作过程与我们的表述同样简单。举例来说，如果大家决定利用可选JSX语法自行编写组件，其编写方式以及代码内容看起来几乎与HTML如出一辙。
作为开发第一步，我们首先需要制作一份简单的文档，其中同时包含React.js与JSX转换工具。以下列代码作为范例：
<script src="http://fb.me/react-0.13.0.js"></script> <script src="http://fb.me/JSXTransformer-0.13.0.js"></script> </head> <body> <script type="text/jsx"> /** @jsx React.DOM */ </script> </body> </html>
组件结构
React.js当中的应用程序必须通过已经在层级结构当中布置完成的组件加以构成。如果大家希望在开发工作当中轻松使用应用程序的每个组成部分，那么必须首先拿出时间弄清楚其在层级结构中的具体作用并以此为基础勾勒应用原型。这意味着，每个组件都负责解决一项特定任务。而在某些复杂组件当中，我们还需要将其拆分成数个简单组件，从而确保一次只解决一个问题。这也是我们充分发挥React.js强大能力的必要前提。
属性与状态
React.js当中的数据主要分为两种类型：
·属性：这类数据会在不同组件之间往来传递
·状态：这类数据会始终被保存在某组件当中
组件的属性（即往来于不同组件间的信息）不可修改与变更，但组件的状态却能够随时加以调整（即组件内部的信息）。这代表着React.js中的一切都具备与之对应的真实源。
因此，当我们利用React.js创建一款应用程序时，必须要在Web应用开发中做出一项决策——各组件拥有怎样的数据，这些数据的主来源又是什么。一旦解决了这个问题，大家就能够轻松完成应用创建的其它工作。
在这种情况下，我们只需要考量三种数据类型：
网络数据
用户输入数据
预测数据
具体来参考以下示意图：
其中网络数据将由网络及线路组件所获取。其通常代表着大量数据，而且为了不影响应用的运行速度，大家需要在外部对其加以处理，而后再把结果交付至我们创建的应用。
组件通信机制
在这里，数据被设计为自上而下贯穿整个组件结构，但大家有时候也需要以自下而上的方式逆向交付数据以实现应用程序交互性。在这种情况下，我们就需要利用特定的技术手段实现这种“数据逆流”。下面来看几种实现此类目标的方式：
·大家可以选择使用回调属性的方式，这是最理想也最简单的解决方案，因为此时组件只需要同其直接上游对象进行数据共享。React.js能够自动对每个实例者组件方法绑定，因此维护工作不会占用我们大量精力。下面来看具体示例：
return ; } }); var Child = React.createClass({ render: function() { return Click me; } });
·如果大家希望实现的是其它抵达通知机制，那么可以利用单一系统实现发布/订阅。这种方式非常灵活而且同样易于维护。只需使用PubSubJS这类库，大家就能够随意对某一组件的生命周期方法进行绑定与解绑。
相关代码示例如下：
var Parent = React.createClass({ handleMyEvent: function(e) {...}, componentWillMount: function() { window.addEventListener("my-event", this.handleMyEvent, false); }, componentWillUnmount: function() { window.removeEventListener("my-event", this.handleMyEvent, false); }, render: function() {...} }); var Grandchild = React.createClass({ handleClick: function(e) { var customEvent = new CustomEvent("my-event", { detail: { ... }, bubbles: true }); React.findDOMNode(this.refs.link).dispatchEvent(customEvent); }, render: function() { return Click me; } });
组件生命周期
组件永远拥有着与其API紧密关联的生命周期。在这种情况下，其生命周期包括启动、更新与卸载三种状态。而这些功能已经被内置在组件的定义当中。举例来说：
componentWillMount与componentWillUnmount 方法都被用于添加或者移除事件侦听机制。当然还有其它多种方法能够帮助我们实现对组件状态及属性的控制。
一旦我们建立起一套浏览器内运行环境，接下来就可以将UI方案拆分为多个简单组件。接下来的任务是弄清应用程序运行需要具备哪些数据，这些数据将处于何种位置且如何与应用进行共享。当这些问题得到解决，大家将能够获得可进行试用体验的已创建应用。
利用React.js，我们能够非常轻松地开发出强大且稳定的Web应用程序。这主要是因为大家需要使用的全部功能都能够由该框架自行提供，而且其在初始设计之时就充分考虑到创建高复杂性应用程序的种种需要。
㈧ 如何选择Node.js Web开发框架
首先，我们必须要弄清楚的是，我们需要的是——
程序 or 框架？
程序是已经成型的应用，你需要的是为它搭建环境、添加配置，然后就可以运行起来；框架则是应用的骨架，你需要为它添加数据模型、业务逻辑，它才能成为应用，开始提供服务。
事实上，对于Web开发来说，程序和框架的区别正越来越模糊，比如几乎妇孺皆知的Wordpress，它是一个博客程序，但它丰富的插件以及高度的 自定义能够支持很大程度上的二次开发，在这点上它比起一些PHP框架也并不逊色。我个人认为，如果重心在于提供服务而不是掌握技术，有WordPress 这样的程序是没有必要使用框架的。
可惜的是，由于Nodejs还很年轻，目前还没有WordPress这样的程序，因此目前在Node.js开发里，如果想做出自己想要的作品，框架是必然的选择。如果是某些特定类型的应用，可以尝试一些开源的程序，比如要用Nodejs做博客，有Hexo、Ghost等。
回到顶部
Node.js Web框架有哪些？
Node.js里的Web框架分为API框架和Web应用框架。前者能够开发出RESTful的API，后者也能开发出RESTful API，但还包括模板、渲染等为前端所准备的功能。
API框架的使用场景是为跨平台应用提供统一的数据模型，而渲染由前端/客户端自行解决。目前比较知名的API框架有
restify（文档、Github、NPM）
ActionHero.js（官网、Github、NPM）
LoopBack（官网、Github、NPM）
Frisby（官网、Github、NPM）
Fortune.js（官网、Github、NPM）
Web应用框架顾名思义，就是为了打造Web应用所开发的框架。这里有两种风格的Web应用框架。
一个是Sinatra风格，另一个是Rails风格。Sinatra和Rails都是Ruby语言的Web框架，后者的影响力更大也更为知名。这里简单的解释一下两种风格是什么意思。
Sinatra风格是指高度可配置，注重开发的自由度。代表性的Nodejs Web框架有：
Express（官网、Github、NPM）TJ大神开发，Node.js官方推荐
hapi（官网、Github、NPM）
koa.js（官网、Github、NPM）
flaliron（官网、Github、NPM）
total.js（官网、Github、NPM）
locomotive（官网、Github、NPM）
Rails风格则是指不重复自己和约定优于配置，以及严格遵循MVC结构开发。代表性的框架有：
Sails.js（官网、Github、NPM）
geddy（官网、Github、NPM）
CompoundJS（官网、Github、NPM） 原railswayjs
这两种风格无所谓谁优谁劣，全凭使用者的偏好。
而在这两种Web框架之外，还有更大型的框架，即全栈框架，其中的代表是MEAN。
回到顶部
MEAN？
MEAN指MongoDB+Express+Angular.js+Node.js，这一组合包括运行环境、数据库、Web框架和前端引擎。被称为 全栈框架（Full-stack framework）。这其中除了Node.js之外，每一个都是可替换的，目标是创建从前端到后端，全部使用javascript的Web应用。
由于这一框架的完善性，有人将其称为LAMP的接班人。LAMP即PHP的典型运行环境，Linux+Apache+MySql+PHP，被大量的用于各种虚拟主机上。
MEAN看似庞大，但事实上要构建完整的现代化Web应用，特别是SPA（单页面应用），这几个组件都是难以缺少的，并且，其中每一项几乎都是目前 情况下的最佳选择，因此用于学习和重头开始打造新的Web应用是非常合适的。但由于实际业务的独特性，很可能要替换其中的组件，比如用Mysql来替换 MongoDB，因此，学习其中的原理和架构，打造自己的类MEAN框架也是一种选择。
作为个人和小团队来说，全栈框架MEAN基本上足够了，但目前大多数全栈框架还包含一项特性，那就是实时，拥有实时功能的框架我们又称为实时框架。
回到顶部
实时框架好吗？
实时框架（Real-time framework）指包含了webSocket的双向通信功能，能够在服务器和客户端做到实时通信的框架。
服务端和客户端自由通信的需求一直都在，但由于HTTP协议本身的局限性，因此催生了Comet等变通的方法，但即使这样也离实时相距甚远。而当 Node.js兴起后，另一个HTML5技术webSocket也渐渐成熟，人们突然发现，实时通信一下子变得触手可及，于是webSocket技术在 Node.js中得到大量的应用，其中最为知名的模块就是socket.io，而各种全栈框架也纷纷加入实时特性来应对更广阔的开发需求。
目前有代表性的实时框架有：
Meteor（官网、Github、NPM）
MEAN.io（官网、Github、NPM）
Derby（官网、Github、NPM）
SocketStream（官网、Github、NPM）
不过说实话，目前能看到的实时通信的应用场景其实不多，其中大多集中于聊天室、to-do、实时图表、在线游戏等领域。其他领域使用实时特性不但没必要，而且是对服务器资源的浪费。因此目前是否要采用实时框架，要看具体的项目而定。
以上基本就是Node.js Web框架的现状了，相信看到这里，对于选择何种框架读者已经心里有数了吧。最后再介绍一个容易搞混的概念，和解释一下我的选择。
回到顶部
YEOMAN？
第一次见到这个词，我还以为它和MEAN有什么联系。事实上，它们是截然不同的两个东西。YEOMAN由YO（脚手架）、grunt（构建工具）、bower（包管理器），它代表的是一种工作流，与框架开发的思维方式完全不同。具体的介绍可见这里。
YEOMAN能够和框架达到类似的目的，都是为构建一个Web应用做好准备，但是要不要采用YEOMAN，则是见仁见智。我个人的看法是，学习 YEOMAN本身就需要不少时间，并且有一定的学习门槛。至少在目前，使用框架开发还是相对经济的，而如果以后YEOMAN这种模式推广开来，再来学习也 不迟，更何况有一定的Node.js项目经验之后再来学习YEOMAN要轻松很多。
事实上，我还是很认可YEOMAN这种Generator+package Manager的模式的，这是因为Node.js本身崇尚微模块的 概念，即无论是多么小的功能，都将它们模块化，甚至大的模块也要拆分成小的模块，然后通过搭积木的方式来构建应用。这样能够彻底的解耦，对于不容易调试的 Javascript来说，也有助于定位和修复应用中的问题。Generator就是这种理念催生下的产物，通过选择不同的配置和选项，将积木搭起来。不 过对于这种模式目前大家也还处于实验当中，不急于进行实际应用。
回到顶部
为什么我选择了Hackathon Starter？
在我的个人项目中，使用的是Hackathon Starter，一个Node.js Web应用脚手架。
我使用它的原因是，要求高度可配置，同时又讨厌写一些配置的代码，因此它对于我来说是很好的选择。一些全栈框架对我来说，封装过多，将原生的 Node.js/Express API隐藏掉了，要使用还需要一定的学习成本。而Express这样的框架又太过简洁，在实际的项目中使用还需要大量的插件和配置，而这些在 Hackathon Starter中都已经帮我们做好了，同时还有一些示例代码以供学习，对于新人来说非常友好，可以避免过多的挫折感。
㈨ 如何选择Node.js Web开发框架
关键还是看你的应用场景。是需要一个单体的应用还是微服务化？需要怎样的认证和授权？数据库偏好？下面说说我的浅见。
刚开始试玩 Node.js，学习 Express、Koa
如果只是想试试并学习 Node.js 开发后端服务，建议从 Express 开始，因为它够简单，而且是很多其他框架的基础，扩展也容易。如果你对 JavaScript 的 promise 和 async 熟悉，那也可以从 Koa 开始。
开发内容管理站点、简单的后台管理用 Keystone，不介意使用 mongodb 的用 Meteor
如果你要开发一个不太复杂的内容管理应用，比如一些经常更新内容、图片的站点，用户权限等后台管理等，那么 KeystoneJS 比较合适，因为它已经内置了很多这些功能。Meteor 当然也适合。
企业应用首选 Egg
Feathers 和 Egg 都适合开发企业应用。有日志、安全、多进程通信的解决方案，非常便利。Feathers 中文文档少，使用 Express 和 JWT，偏重实时交互；Egg 由阿里开发，使用 Koa，感觉更适合国内的企业应用开发。
实时 web app 使用 Meteor
如果你要开发一个涉及聊天、物联网功能的实时应用，那么 Meteor 和 Feathers 很适合。
构建微服务 REST API 首选 hapi
如果你要开发简单的几个微服务后端，那么 hapi 和 restify 合适。如果是大型的复杂应用，甚至是在现有微服务上构建，那么 LoopBack 可能是个好选择，它可以把很多服务 glue 到一起。还可以结合 StrongLoop 的 API 网关一起使用。
静态网站生成首选 Gatsby，不使用 react 的话用 Hexo。
最后，建议选择的时候不要太纠结，差不多就行了。因为在项目开始时不可能想得面面俱到，关键是大的方向，快点出 MVP。根据多年来的经验，一个项目要不是很快夭折，要不就是活到被重写的那一天。用哪一个真的不是太重要，赶紧先选一个干起来吧。