FED

基于前后端分离的模版探索在做前后端分离时，第一个关注到的问题就是渲染，也就是View这个层面的工作。在传统的开发模式中，浏览器端与服务器端是由不同的前后端两个团队开发，但是模版却又在这两者中间的模糊地带。因此模版上面总不可避免的越来越多复杂逻辑，最终难以维护。而我们选择了NodeJS，作为一个前后端的中间层。试图藉由NodeJS，来疏理View层面的工作。...

为了解决传统Web开发模式带来的各种问题，我们进行了许多尝试，但由于前/后端的物理鸿沟，尝试的方案都大同小异。痛定思痛，今天我们重新思考了“前后端”的定义，引入前端同学都熟悉的NodeJS，试图探索一条全新的前后端分离模式。随着不同终端(Pad/Mobile/PC)的兴起，对开发人员的要求越来越高，纯浏览器端的响应式已经不能满足用户体验的高要求，我们往往需要针对不同的终端开发定制的版本。为了提升开发效率，前后端分离的需求越来越被重视，后端负责业务/数据接口，前端负责展现/交互逻辑，同一份数据接口，我们可以定制开发多个版本。...

如果你能把所有代码写进一个文件，并且能很好的管理、协调、多人开发。那么可以跳过这期（请务必带我飞）。我们接着完善上期的代码，给代码分家。node并没有启动入口，更没有固定的项目结构，文件配置。这些全部要靠自己动手，靠约定，正所谓约定由于配置。因为作者书读的少，只会MVC结构，姑且按照MVC结构来分。...

YUICompressor是来自雅虎（Yahoo）前端技术团队研发的一种压缩CSS、JS的技术。这种技术不是简单的去除空格和换行符，尤其是在javascript里尤为明显，它是把同名函数替换为简单的函数名比如“a、b、c、d”等，这种压缩后的代码不具有可读性，但对资源的加载很重要，因为它很可观的减小了资源的体积。比如jquery官方的jquery1.9.1版本，原始体积为271KB，压缩后的体积为104KB。...

如果没有了解过sublime和emmet，先去参考阅读sublimetext3插件：Emmet（原ZenCoding）。emmet的简写语法，使前端输入html、css的过程简化了不少。比如输入!（英文感叹号），就可以输出一个标准的html5文档结构。如此便捷的操作方式，当然也支持自定义语法规则。使用sublimetext的可以打开插件设置页面：...

犀利的zencoding改名为emmet了。它的sublimetext3插件和之前的sublimetext2一样。点击sublimetext3的图标，打开编辑器。（貌似废话了）按键“ctrl+shift+p”，或者单击菜单->工具->命令面板。...

用户设置：用户设置里用到了monaco字体。按键设置：其中按键配置，为了适应以前用的notepad++，所以ctrl+q设置为了行注释，原来的注释是切换录制宏，对我来说没用。...

我们这一期做一个简易的http服务器。先建一个文件夹，就算是一个空的项目了。然后新建app.js和package.json文件。这样一个简易项目的基本文件就建好了。通过命令行工具，在项目路径下输入：...

Node是什么？Node是一个服务器端JavaScript解释器，它将改变服务器应该如何工作的概念。它的目标是帮助程序员构建高度可伸缩的应用程序，编写能够处理数万条同时连接到一个（只有一个）物理机的连接代码。以上是比较官方的解释。简单来说，就相当于一个开发平台，不过这个平台及其简陋，官方没有ide（其实也不太需要），它不像php需要容器来运行，所有的开发、调试、管理、发布等工具都是民间的自己动手的产物，所以也诠释了为什么它的目标是帮助程序员构建高度可伸缩的应用程序。...

Node需要的环境可以说及其简单，也可以说及其复杂。为什么这么说呢？如果里只需要运行环境那么到Node官网下载一个包就行了。里面自带npm管理工具，这是包管理工具，以后会频繁的使用它的功能。这时候Node的基本环境已经齐备了，尽管没有ide，没有测试，没有代码管理，没有其他的编译环境（C、C++、Python等）。安装步骤不管是windows还是mac都是下一步的事，这里就不多说了。...

sublimetext3已经支持命令行安装packagecontrol插件了。复制以下代码：打开sublimetext3，按ctrl+~或者菜单View>ShowConsole打开命令窗口，粘贴以上代码并回车即可。https://sublime.wbond.net/installation#st3...

以前一直使用notepad++，其中的查找、替换功能，以及直观的设置和简洁的操作在所有编辑器里是首屈一指的，并且它是免费的。暂停使用notepad++的原因是，它的插件无法下载了。以往，notepad++的插件托管在sourceforge.net。...

在支持FormData的浏览器完全使用AJAX（即XMLHttpRequest）和input的files属性共同完成上传文件，否则就模拟表单提交来上传文件。支持写的文章和脚本现在看起来都比较稚嫩，现在重新整理、约束，更好的API和便捷使用方法。插件名称：jquery-upload。...

window.history表示window对象的历史记录，是由用户主动产生，并且接受javascript脚本控制的全局对象。window对象通过history对象提供对览器历史记录的访问能力。它暴露了一些非常有用的方法和属性，让你在历史记录中自由前进和后退。在历史记录中后退，可以这么做：...

上一篇文章说到了webstorm的主题与配色，这次来说说webstorm的配置。webstorm的配置分为项目配置和全局配置，在打开一个项目的时候，会在项目根目录生成.idea的隐藏文件夹，这个文件夹里保存的就是项目配置，而全局配置保存在文档目录，全局配置都可以导出。webstorm的配置非常的多，想要查找某个方面的配置，打开设置搜索关键词即可。如：...

以前介绍过Sublimetext3系列的文章，着重介绍了Sublimetext3如何下载、安装、插件、配置等内容。Sublimetext3的轻量和富扩展，为前端开发带来了很多的便捷，加快了代码的书写速度，尤其是配上emmet，那书写速度堪称光速。现在，要隆重介绍的前端开发工具webstorm，为什么说它是前端开发工具，而不是前端开发编辑器呢？它具备的功能，不只只是编辑器这么简单，还包含了任务管理、历史管理、版本管理、工程管理、代码检查、代码调试等功能，当然它也有丰富的扩展，能满足前端开发的大部分要求。官方网站称之为是ThesmartestJavaScriptIDE，下面几篇文章会慢慢的说到它的强大之处，你会觉得他是世界上最好的javascript开发工具确实是不为过。...

改写为：如果不返回404，那么指向本机的域名，如果没有配置规则，那么就会指向第一个配置的站点。在用户目录下新建静态站点输入然后切换到nginx配置目录...

例1：我一边听歌，一边阅读10次课文。在我们的大脑里，现在已经分配了11个并行任务（一起做）：这11个任务是可以同时进行的。例2：我打开书本，然后阅读10次课文。在我们的大脑里，现在已经分配了11个串行任务（跟着做）：...

上一篇文章已经安装了mongodb，本文来简要说明下如何配置mongodb的账户，以及安全性、备份还原等。在安装完毕，需要临时启动来指定数据库保存目录，以及创建管理员账户。...

MongoDB是一个开源、强性能、高稳定的弹性文档数据库。强性能高稳定弹性易用mysql...