模块加载，其实就是把js分成很多个模块，便于开发和维护。因此加载很多js模块的时候，需要动态的加载，以便提高用户体验。 在介绍模块加载库之前，先介绍一个方法。 动态加载js方法：代码如下: function loadJs(url , callback){var node = document.createElement("script"); node[window.addEventListener ? "onload":"onreadystatechange"] = function(){ if(window.addEventListener || /loaded|complete/i....
Kit作为一个UI库，我并没有打算让大家都来学习我的Kit的Core，背熟我的API，这种跟风的学习方式一点意义都没有，今天jQuery热，大家都是学jQ，明天SeaJs火了，大家都去炒SeaJs，所以我在KitJs里面，专门为jQ的用户准备了一个语法糖（Suger.js），完全模拟jQ的API，除了实现，接口都一样，也方便大家直接拿来主义的改造Kit的组件。当然，作为一个纯技术Fan来说，深入理解一门技术是如何实现的，远比拿来主义更有趣的多^_^。当然了，...
从今天这章开始，我将会着重介绍KitJs的事件管理的内容，尽量用浅显的语言给大家揭露主流的js框架是如何在内部实现自己独立的事件管理功能的。 （一）普通的Dom事件 我们一般可以通过支持在HTML写上事件 <a onclick=”alert(1)”>测试</a> 或者取到dom对象后绑定 document.getElementById(‘a).onclick=function(){alert(1)} 或者二级事件 document.getElementById(‘a).addEventListener(‘click,function(){alert(1)},flase) 或...
Kitjs，（http://xueduany.github.com/KitJs），是我2011年底，离开淘宝UED之后，自己搞起的一套HTML5的前端widget库，原本的用途主攻手机端HTML页面交互组件使用，正如其字面意思Kit一样，愿景是做一个娇小，实用，既可以直接拿来用，也可以很方便做2次开发的一套组件。后来由于项目的越做越大，组件数的膨胀，也加入PC端浏览器（IE6+，FF，chrome核心系列等等）的支持，不再仅限于原来手机开发领域，开始正式迈向全平台。所以近期...
如果是从内部架构与理念划分，目前JavaScript框架可以划分为5类。 第1种 出现的是以命名空间为导向的类库或框架，如创建一个数组用new Array()，生成一个对象用new Object()，完全的Java风格，因此我们就可以以某一对象为根，不断为它添加对象属性或二级对象属性来组织代码，金字塔般地垒叠起来。代表作如早期的YUI与EXT。 第2种 出现的是以类工厂为导向的框架，如著名的Prototype，还有mootools、Base2、Ten。它们基本上除了最基本...
StrongLoop是一个基于Nodejs的强大框架，几乎包含了移动开发全栈所需要的所有功能。2013年成立，很少的员工，一个技术驱动，执行力强大的团队。也是在13年我开始接触StrongLoop，当时是为了做nodejs方面的技术选型，看了许多框架，LoopBack是我觉得最酷的一个。我还记得当时是觉得LoopBack的文档太差（主要是跟在线的版本不一样），不知道能活多久所以才放弃了它。时隔一年回来看到这个绿油油的框架，这一年可真是突飞猛进呢。全栈...
本文实例讲述了javascript实现iframe框架延时加载的方法。分享给大家供大家参考。具体实现方法如下： 有的时候我们希望页面的一些东西实现延时加载，这样可以不影响网站打开速度，下面我来给大家介绍javascript实现iframe框架延时加载方法吧。 需要加载区域HTML代码:代码如下:<div id="indexlogin"></div> 下面代码放在底部代码如下:<span id="tmpjsnews"><script type="text/javascript" src="你调用的js" language="javascript">...
本文实例讲述了在Javscript调用iframe框架页面中函数的方法，这个调用方法其实非常的简单，有了这个方法我们就可以实现iframe之间传值或修改值了，操作起来都非常的简单。分享给大家供大家参考。具体实现方法如下： 访问iframe里面的函数：代码如下:document.getElementById(commentIframe).contentWindow.hasLogined(); commentIframe为iframe的id. 要在 window.onload里面执行 例子如下： 1.html代码如下:<a href="#" onclick="w...
常用代码： <iframe src="http://www.baidu.com" marginwidth="0" marginheight="0" border="0"scrolling="no" frameborder="0"width="350" height="270"></iframe><iframe src="//www.gxlcms.com/plugins/like.php?href=YOUR_URL"scrolling="no" frameborder="0"style="border:none; width:450px; height:80px"></iframe>javascript访问frame,iframe框架和href的定向 一.frame 1．父框架到子框架的引用 知道了上述原理，从父框架引...
Node.js框架是可以帮助你建立网站应用服务的javascript框架。它可以帮助你更快地开发Web应用 Node.js 是基于Chrome的JavaScript运行环境。可方便地构建快速、可扩展的网络应用。节点。 当涉及到Web应用程序的开发，你就需要JS框架，加快你的开发过程。 Node.js有非常多不同类型的框架，如MVC框架，REST API和generators，全栈框架，大量的服务器库，它完全能够提供Web服务，无需使用Apache等外部软件。 Node.js使用谷歌的V8 JavaSc...
开发工具 1.WebStorm，毫无疑问非他莫属，跨平台，强大的代码提示，支持Nodejs调试，此外还支持vi编辑模式，这点我很喜欢。 2.做些小型项目用Sublime Text。 3.Browserify：将你的nodejs模块应用到浏览器中 4.nvm:nodejs版本管理工具，你可能会用到多个nodejs版本（如v0.11.x支持generator的nodejs和stable的v0.10.x版本），用它可以方便切换 测试&自动化 1.mocha：一个简单、灵活有趣的 JavaScript 测试框架（类似的还有should，s...
选择正确的库创建一个JS APP没有好的工具是很有难度的，jQuery只是操作DOM的库，没有提供任何创建APP的基础，这就是为什么我们要一个类似CanJS的专门的库。 CanJS 是一个轻量级的MVC库，提供你创建一个JS APP所需的工具。CanJS 是一个轻量级的MVC库，提供你创建一个JS APP所需的工具。 它提供有MVC (Model-View-Control) 模式的基本框架，模板动态绑定， route的支持且 内存安全。同时支持 jQuery, Zepto, Mootools, YUI, Dojo，有...
前言 使用Node做前后端分离的开发模式带来了一些性能及开发流程上的优势, 但同时也面临不少挑战。在淘宝复杂的业务及技术架构下，后端必须依赖Java搭建基础架构，同时提供相关业务接口供前端使用。Node在整个环境中最重要的工作之一就是代理这些业务接口，以方便前端(Node端和浏览器端)整合数据做页面渲染。如何做好代理工作，使得前后端开发分离之后，仍然可以在流程上无缝衔接，是我们需要考虑的问题。本文将就该问题做相关探讨，...
随着JavaScript程序变得越来越复杂，往往需要一个团队协作开发，这时代码的模块化和组织规范就变得异常重要了。MVC模式就是代码组织的经典模式。 （……MVC介绍。） （1）Model Model表示数据层，也就是程序需要的数据源，通常使用JSON格式表示。 （2）View View表示表现层，也就是用户界面，对于网页来说，就是用户看到的网页HTML代码。 （3）Controller Controller表示控制层，用来对原始数据（Model）进行加工，传送到View。 由...
今天遇到个问题，后面在框架中，当判断登录失效后要返回登录页面，但登录页面却在框架内打开，我想让它直接跳出框架打开（这里不是打开新窗口），终于在网上找到了办法，分享给大家： echo "<script language=\"javascript\">alert(登录已失效或没有登录，请登录！);location.href=login.php;</script>"; 原内容是上边这样的，要想让它跳出框架打开登录页，需要使用下面的方法： echo "<script language=\"javascript\">alert(登录...