2015年10月_vuturn

转载也谈基于NodeJS的全栈式开发

基于NodeJS的前后端分离前言为了解决传统Web开发模式带来的各种问题，我们进行了许多尝试，但由于前/后端的物理鸿沟，尝试的方案都大同小异。痛定思痛，今天我们重新思考了“前后端”的定义，引入前端同学都熟悉的NodeJS，试图探索一条全新的前后端分离模式。随着不同终端(Pad/Mobile/PC)的兴起，对开发人员的要求越来越高，纯浏览器端的响应式已经不能满足用户体

2015-10-29 10:58:29 1586

转载移动浏览器流量超APP两倍，胜利终究属于谁？

自从Facebook创始人马克扎克伯格2012年放言“豪赌HTML5是Facebook犯下的最大错误”后，业界关于移动优先的企业战略就开始向APP倾斜，一家互联网公司，不管你的业务是否需要APP，如果没有APP上架，你都不好意思跟人打招呼。　　但是2015年以来，随着HTML5和移动web设计的逐渐成熟，以及APP产品成本飙升投资回报率持续下降，业界关于“回归”web的论调开始抬

2015-10-29 10:11:14 971 1

转载前端优化带来的思考，浅谈前端工程化

重复优化的思考这段时间对项目做了一次整体的优化，全站有了20%左右的提升（本来载入速度已经1.2S左右了，优化度很低），算一算已经做了四轮的全站性能优化了，回顾几次的优化手段，基本上几个字就能说清楚：传输层面：减少请求数，降低请求量执行层面：减少重绘&回流传输层面的从来都是优化的核心点，而这个层面的优化要对浏览器有一个基本的认识，比如：① 网页自上而下的解析渲

2015-10-29 09:31:12 1295

应用程序，无论其大小，都是由一些单个对象所组成。所有这些对象需要一种方式来实现相互通信，而这种通信在一定程度上不降低可维护性，也不损坏那种安全的改变部分应用程序而不会破坏其余部分的能力。随着应用程序的增长，将添加越来越多的对象。然后在代码重构期间，对象将被删除或重新整理。当对象互相知道太多信息并且直接通信时，这将会导致不良的紧耦合问题。当对象间紧耦合时，很难改变单个对象的同时不影响其他的多个对象。

2015-10-25 16:17:38 587

转载解密jQuery事件核心 - 委托设计（二）

从上章就能得出几个信息：事件信息都存储在数据缓存中对于没有特殊事件特有监听方法和普通事件都用addEventListener来添加事件了。而又特有监听方法的特殊事件，则用了另一种方式来添加事件。本章分析的重点：通过addEventListener触发事件后，回调句柄如何处理？具体来说就是，如何委派事件的，用到哪些机制，我们如果用到项目上是否能借鉴？

2015-10-17 11:28:40 750

转载解密jQuery事件核心 - 绑定设计（一）

说起jQuery的事件，不得不提一下Dean Edwards大神 addEvent库，很多流行的类库的基本思想从他那儿借来的jQuery的事件处理机制吸取了JavaScript专家Dean Edwards编写的事件处理函数的精华，使得jQuery处理事件绑定的时候相当的可靠。在预留退路(graceful degradation)，循序渐进以及非入侵式编程思想方面，jQuery也做的

2015-10-13 19:49:19 828

转载 jQuery 2.0.3 源码分析事件体系结构

那么jQuery事件处理机制能帮我们处理那些问题？毋容置疑首先要解决浏览器事件兼容问题可以在一个事件类型上添加多个事件处理函数，可以一次添加多个事件类型的事件处理函数提供了常用事件的便捷方法支持自定义事件扩展了组合事件提供了统一的事件封装、绑定、执行、销毁机制……为了更深入的理解幕后的实现,所以先整理整体的结构思路,从1.7后就去除了live绑定,所以现在的整个事件的API

2015-10-12 11:34:33 458

原创 javascript设计模式之策略(Strategy)模式

策略模式支持我们在运行的时候选择算法。代码的客户端可以使用同一个接口来工作，但是它却根据客户端正在试图执行任务的上下文，从多个算法中选择用于处理特定任务的算法。使用策略模式的其中一个例子是解决表单验证的问题。可以创建一个具有validate()方法的验证器对象。无论表单的具体类型是什么，该方法都将会被调用，并且返回相同的结果，一个未接验证的数据列表以及任意的错误信息。但是根据具体的

2015-10-12 10:39:31 559

转载 jQuery 2.0.3 源码分析事件绑定 - bind/live/delegate/on

事件(Event)是JavaScript应用跳动的心脏，通过使用JavaScript ，你可以监听特定事件的发生，并规定让某些事件发生以对这些事件做出响应事件的基础就不重复讲解了，本来是定位源码分析实现的，所以需要有一定的基础才行为了下一步更好的理解内部的实现,所以首先得清楚的认识到事件接口的划分网上资料遍地都是,但是作为一个jQuery系列的源码分析,我还是很有必要在重

2015-10-09 21:55:39 518 1

原创 javascript设计模式之Decorator（装饰者）模式

Decorator是一种结构型设计模式，用于促进代码复用，是一种可行的对象子类化的替代方案。Decorator提供了将行为动态添加到系统现有类的能力。其想法是，装饰者本身对于类原有的基本功能来说并不是必要的；否则，它就可以合并到超类本身。装饰者可以用于修改现有的系统，希望在系统中为对象添加额外的功能，而不需要大量修改使用它们的底层代码。开发人员使用装饰者的一个原因是，应用程序可能包含需要大量不

2015-10-08 16:30:08 966

vuturn的专栏