说起前端框架，我也是醉了。现在去面试或者和同行聊天，动不动就这个框架碉堡了，那个框架好犀利。当然不是贬低框架，只是有一种杀鸡焉用牛刀的感觉。网站技术是为业务而存在的，除此毫无意义，框架也是一样。在技术选型和架构设计当中，脱离网站业务发展的实际，一味的追求时髦新技术，可能会适得其反，将网站发展引入崎岖小道。就好像一个日均pv只有几百的小型电商网站，却要大喊“某宝就是这么搞的”，然后搭建应用服务器集群，...
NativeScript是一款使用JavaScript语言来构建跨平台原生移动应用的开源框架，支持iOS、Android和Windows Phone。且NativeScript的使用没有过多繁杂的要求，只需使用自己已经掌握的JavaScript和CSS技能就能开发出真正具有原生用户体验的移动应用。作为免费开源项目的NativeScript，它的源码已经托管至Github上，让开发者可以没有任何门槛约束的随意使用。除了无需学习新的编程语言，使用大家所熟识的JavaScript编码及CSS打造应用样式...
介绍使用过JavaScript框架（如AngularJS, Backbone 或者Ember）的人都很熟悉在UI（用户界面，前端）中mvc的工作机理。这些框架实现了MVC，使得在一个单页面中实现根据需要变化视图时更加轻松，而模型-视图-控制器（mvc）的核心概念就是：处理传入请求的控制器、显示信息的视图、表示业务规则和数据访问的模型。因此，当需要创建这样一个需要在单个页面中实现切换出不同内容的应用时，我们通常选择使用上述框架之一。但是,如果我们仅...
本文实例讲述了JS运动框架之分享侧边栏动画实现方法。分享给大家供大家参考。具体实现方法如下：代码如下:<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> *{ margin:0px; padding:0px; } #div1{ width:319px; height: 340px; ...
本文实例讲述了JS运动基础框架。分享给大家供大家参考。具体分析如下： 这里需要注意： 1. 在开始运动时关闭已有的定时器 2. 把运动和停止隔开代码如下:<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> #div1{ width: 200px; height: 200px; background: red; ...
快速开发而又容易扩展，高性能且鲁棒性强。Node.js的出现让所有网络应用开发者的这些梦想成为现实。但是，有如其他新的开发语言技术一样，从头开始使用Node.js的最基本功能来编写代码构建应用是一个非常划不来的耗时的事情。这个问题的解决方案非常简单且已经经受起时间的考验：使用一个已经提前打造好的开发框架。因此才会有如此多的如Express.js，Koa，Sails.js等框架的概念提出来并加以实现。 这些开发框架的角色非常简单。就是...
最近看到了一篇文章，是介绍一种新的js框架，名为zepto.js，他适用于移动设备已经桌面浏览器除了ie系列的。。 他兼容jquery的API，所以学起来或用起来并不吃力。他比jquery的优势在于 1.他够小，只有21k左右。。功能俱全。 2.增加了移动设备的触摸等事件，不需要再次引入其他手机框架如jquery mobile。 3.虽然不兼容ie但是提供了一个兼容方法：代码如下: <script> document.write(<script src= + (__proto__ in {} ? zepto : jquer...
大家一听这名字就知道，有了这套框架 网上的效果基本都是可以实现的。实际上之前的运动框架还是有局限性的，就是不能让好几个值一块运动。 那这个问题怎么解决呢？ 我们先来看看之前的运动框架function getStyle(obj, name) {if (obj.currentStyle) {return obj.currentStyle[name];} else {return getComputedStyle(obj, null)[name];} }function startMove(obj, attr, iTarget) {clearInterval(obj.time);obj.time = setInterval...
在 Node.js 如火如荼发展的今天，我们已经可以用它来做各种各样的事情。前段时间UP主参加了极客松活动，在这次活动中我们意在做出一款让“低头族”能够更多交流的游戏，核心功能便是 Lan Party 概念的实时多人互动。极客松比赛只有短得可怜的36个小时，要求一切都敏捷迅速。在这样的前提下初期的准备显得有些“水到渠成”。跨平台应用的 solution 我们选择了node-webkit，它足够简单且符合我们的要求。 按照需求，我们的开发可以按...
最近，国内开始流行另一种流氓行为：使用框架（Frame），将你的网页嵌入它的网页中。 比如，有一家网站号称自己是”口碑聚合门户”，提供全国各个网上论坛的精华内容。但是，其实它就是用框架抓取他人的网页，然后在上面加上自己的广告和站标，这同盗版书商有何不同？！防止方法，在代码如下: </body>之前加入这段代码：代码如下: <script type="text/javascript"> if ( top.location !== self.location ) { top.location = sel...
下面，我们将会介绍 2014 年最火的 21 款JavaScript 框架，专为前端开发者准备的哦：）众所周知， JavaScript 框架是 JavaScript编程语言最棒的特性之一。JavaScript 框架是预先编写好的 JavaScript 库，为基于 JavaScript 的应用提供更简单的开发方式。这些 JavaScript框架提供大量的函数，帮助你改善网站任务。现在网络上有着各种各样繁杂的JavaScript 框架，这里我们列举 2014年最火的 21 款JavaScript 框架。这些框架将为 web开...
上周通过搭建CMS系统接触到了sails框架，知道一些ORM的概念。这周开始深入后台数据交互，发现twenty框架的数据结构在sails上又设计了一番（比如node、category），不得不说师哥就是厉害。不过复杂度也提高了。而我在DTree项目中的任务就是使用sails来进行业务流程和数据库的交互。这周接下来的时间就是使用sails了。 sails简介sails如同ruby on rails一样，也是一种为了使web开发变得简单的框架。就我这段时间的了解，其完全继承Ex...
1.indexOf和lastIndexOf方法： 因为IE7在数组对象上使用indexOf会报错，所以需要重写一个兼容性的。代码如下: Array.prototype.lastIndexOf(item,index){var n = this.length,i = (index==null||index>n-1)?n-1:index;if(i < 0) i = n+i;for(;i>=0;i--)if(this[i] === item) //全等判断，indexOf，lastIndexOfreturn i;return -1; }2.shuffle方法：对数组进行洗牌。代码如下: function shuffle(target){var i = target.length, j...
1.repeat方法：将一个字符串重复自身n次。比如：repeat("chaojidan",2) -> chaojidanchaojidan 方法1：代码如下: function repeat(str,n){return Array.prototype.join.call({length:n+1},str); //在类数组{length:n+1}上下文下执行join方法，并传入str。也就是用str来分隔类数组的选项，类数组是空，所以就有n个str分隔n+1个""，得到的结果就是n个str连接。 }方法2：代码如下: function repeat(str,n){var s = str ,total = "...
1.命名空间：js里面的命名空间就是使用对象的属性来扩展的。比如，用户定义一个A对象，A对象下面有B属性和C属性，同时B属性和C属性又是对象。因此A={B:{},C:{}}，这时用户就可以在B对象和C对象中定义一样的方法，属性了。因此B和C就属于不同的命名空间。我们调用B，C对象里面的方法，就可以通过A.B.like()，A.C.like()调用了。当然A属于window对象中的属性。但是有一种情况，比如:boke.jsp页面引入了jquery.js以及prototype.js（他...