FED

这是一款集成了格式化（美化）html、css、js三种文件类型的插件。插件依赖于nodejs，因此需要事先安装nodejs，然后才可以正常运行。插件安装完成后，快捷键ctrl+shift+H完成当前文件的美化操作。插件对html、css文件的美化不是非常满意，但还可以，后面将说明如何修改css美化脚本，此为后话。...

在写代码的时候，尤其是写脚本，最需要注释了。目前脚本、样式的注释格式都有一个已经成文的约定规范（这些约定规范最初是YUICompressor制定的，详见参考资料）了，如下：其中说到这里说到的压缩工具有YUICompressor、GoogleClosureCompiler、gulp-uglify、grunt-contrib-uglify等，这些压缩工具都支持以上的压缩约定。常常把文件的关键信息放在第2种注释内容里，如文件名称、版本号、作者等。...

作为函数式编程来说，流程控制和函数库是必不可少的（应该吧）。下面我们介绍两个常用的库。lodash：完整的api请参阅，https://lodash.com/docs。这里我们只演示几个简单的例子。安装...

Nginx+Node.js+Java的软件栈部署实践关于前后端分享的思考，我们已经有五篇文章阐述思路与设计。本文介绍淘宝网收藏夹将Node.js引入传统技术栈的具体实践。淘宝网线上应用的传统软件栈结构为Nginx+Velocity+Java，即：...

基于前后端分离的多终端适配近年来各站点基于Web的多终端适配进行得如火如荼，行业间也发展出依赖各种技术的解决方案。有如基于浏览器原生CSS3MediaQuery的响应式设计、基于云端智能重排的「云适配」方案等。本文则主要探讨在前后端分离基础下的多终端适配方案。关于前后端分离...

前后端分离模式下的安全解决方案在前后端分离的开发模式中，从开发的角色和职能上来讲，一个最明显的变化就是：以往传统中，只负责浏览器环境中开发的前端同学，需要涉猎到服务端层面，编写服务端代码。而摆在面前的一个基础性问题就是如何保障Web安全？本文就在前后端分离模式的架构下，针对前端在Web开发中，所遇到的安全问题以及应对措施和注意事项，并提出解决方案。...

使用Node做前后端分离的开发模式带来了一些性能及开发流程上的优势(见《前后端分离的思考与实践一》),但同时也面临不少挑战。在淘宝复杂的业务及技术架构下，后端必须依赖Java搭建基础架构，同时提供相关业务接口供前端使用。Node在整个环境中最重要的工作之一就是代理这些业务接口，以方便前端(Node端和浏览器端)整合数据做页面渲染。如何做好代理工作，使得前后端开发分离之后，仍然可以在流程上无缝衔接，是我们需要考虑的问题。本文将就该问题做相关探讨，并提出解决方案。...

基于前后端分离的模版探索在做前后端分离时，第一个关注到的问题就是渲染，也就是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。...