JavaScript -- IT技术博客大学习 -- 共学习共进步！

• iframe异步加载技术及性能

iframe异步加载技术及性能。怎样实现无阻塞的加载。

• 探究 Node.js 中的 drain 事件

最近在用 Node.js 写一些网络请求相关的代码时，频繁在一些开源代码中看到 drain 事件的使用，于是我也依葫芦画瓢写到了自己的代码里面。实际放到线上测试的时候发现，在一些情况下，drain 事件真的会被触发，那到底什么时候会触发 drain 事件呢？drain 事件能用来做什么呢？本着打破砂锅问到底的精神，我决定探究一番。

• JavaScript 封装问题

为什么会用这样一个题目呢，这是要说封装的什么问题，本文并不讲高深的封装理论，只是解决一个小问题。

• 前后端分离的思考与实践（二）

过去的AJAX、Client-side MVC、SPA、Two-way Data Binding 等技术的出现，都是试图要解决当时的前端开发遇到的瓶颈。而NodeJS中间层的出现，也是在试图解决现今前端被侷限在浏览器端的一个限制。这边文章专注于前后端模版共享，也希望能抛砖引玉，与大家一起讨论如何在NodeJS中间层这个架构下，我们可以怎样的改善我们的工作流程，怎样的跟后端配合，来把前端这个工作做得更好。

• 前后端分离的思考与实践（一）

为了解决传统Web开发模式带来的各种问题，我们进行了许多尝试，但由于前/后端的物理鸿沟，尝试的方案都大同小异。痛定思痛，今天我们重新思考了“前后端”的定义，引入前端同学都熟悉的NodeJS，试图探索一条全新的前后端分离模式。

• 让我们写快速的JavaScript,JS性能优化小窍门

JavaScript已经是目前最流行的语言了，它能做很多事情 – 网站界面，服务器端，游戏，操作系统，机器人等等很多很多。不过，说实话，即使它这么疯狂流行，它的性能还没有达到它的极限。是的，它在改进，但是等到它在各个方面赶上本地应用之前，在做一个HYBIRD混合应用时，你还不得不使用一些伎俩来优化它的性能。

• “NodeJS在大搜车” 之应用部署篇

今天这篇文章主要讲讲咱们大搜车如何部署NodeJS，可能还是有些基础，不过希望对不太清楚的同学有所帮助。

• “NodeJS在大搜车” 之 MVC基础结构

经常会有同学来问我前端是否适合向NodeJS方向发展，其实大多数时候我是拒绝的，为什么呢？其实前端接触一下NodeJS这个东西本身我是不排斥的，毕竟是基于JS，能够掌握一门手艺，拓展一下自己的技术视野，然后写一些读写文件，grunt插件之类的工具，也是极好的。我所谓的拒绝，主要是基于很多同学并非如此考虑，很多同学想借NodeJS轻轻松松的把魔爪伸向纯服务端开发，NodeJS本身对于前端来说是极其容易掌握的，照着文档写一个服务器也是极其简单的，很多同学觉得自己一下子跨进了服务端开发的大门，然而，真是如此么

• JavaScript中的继承方式

js里常用的如下两种继承方式： 1、原型链继承（对象间的继承）； 2、类式继承（构造函数间的继承）；由于js不像java那样是真正面向对象的语言，js是基于对象的，它没有类的概念。所以，要想实现继承，可以用js的原型prototype机制或者用apply和call方法去实现。

• 前端编码风格规范（3）—— JavaScript 规范

JavaScript 规范。

• 前端编码规范（2）—— HTML 规范

一般情况下，建议使用能通过标准规范验证的 HTML 代码，除非在性能优化和控制文件大小上不得不做出让步。使用诸如 W3C HTML validator 这样的工具来进行检测。规范化的 HTML 是显现技术要求与局限的显著质量基线，它促进了 HTML 被更好地运用。

• 前端编码规范（1）—— 一般规范

这是一份旨在增强团队的开发协作，提高代码质量和打造开发基石的编码风格规范，其中包含了 HTML, JavaScript 和 CSS/SCSS 这几个部分。我们知道，当一个团队开始指定并实行编码规范的话，错误就会变得更加显而易见。如果一段特定的代码不符合规范的话，它有可能只是代码风格错误，而也有可能会是 bug。早期指定规范就使得代码审核得以更好的开展，并且可以更精确的地定位到错误。只要开发者们能够保证源代码源文件都严格遵循规范，那接下去所使用的混淆、压缩和编译工具则可投其所好不尽相同。

• 如何在Angular中使用动画

本文主要简单的说明了ngAnimate在Angular项目中的使用，具体可以做出怎样的效果，还需要亲自实践一番。

• 手机网页用Bootstrap还是jQuery Mobile

很多新手纠结这个问题？两个框架都能够支持做手机网页，那么它们的区别是什么呢，适用场景是什么呢？下面我们从这几个方面比较这两个框架：解决问题、功能、适用场景。

• SVG精简压缩工具svgo简介和初体验

SVG文件，尤其从各种变假期导出的SVG，通常包含大量的无用信息，例如编辑器源信息，注释，因此元素，默认或者非最优值，以及其他一些不会影响渲染结果的可以移除或转换的内容。有没有什么工具可以简化这些信息呢，有，不妨试试本文介绍的svgo.

• NodeJS的代码调试和性能调优

如果你一直用着 nodejs，然而一直都在写最基本的小 demo，很少深入的去剖析 nodejs 的性能问题，甚至连如何 debug 代码、如何发现性能问题都不知从哪里下手，那么赶紧往下读吧！

• 近几年前端技术盘点以及 2016 年技术发展方向

本文会从多个角度，解读近几年前端技术的发展，同时也会盘点从 09 年开始到 15 年间前端技术的革新，其中穿插了若干对前端演进的拙见。

• nodejs文件无刷新上传

文件上传是网站最基本的操作之一。这两天研究了NodeJs环境下的文件上传问题，使用到了ExpressJS-4.12.1框架和multiparty工具包。整个上传采用RFC1867协议，即基于HTML表单的文件上传协议。借助这个协议，为表单增加enctype="multipart/form-data"属性，再使用type为file的input控制来选择文件，然后便可用POST方法上传文件。

• JSON.parse()和JSON.stringify()方法总结

JSON对象有两个方法prase()和stringify()，用于字符串与JSON对象之间的互相转换。

• DOM中Property与Attribute的区别

property和attribute的汉语翻译几乎相同，都有“属性”的意义（这里姑且称attribute为“特性”，以方便区分），而他们的取值也经常相同，但有时又会踩坑，发现二者会不相等，不同步。