摘要： HTML骨架头部 主内容区域 侧边栏页脚1.背景模拟（使用背景图片实现等高）：背景模拟主要依靠一张图片，然后将其平铺，使页面在视觉上，产生等高效果，如图背景模拟实现很简单，直接利用了background-repeat属性,使背景图片以Y轴方向重复。图片： css： background-repeat:repeat-y;关于背景图片，这个需更具你的实际项目需求，值得注意的是背景图片切图时必须以两列的形式，否这达不到等高效果。*{ margin:0; padding:0;}#header,#footer{ width:960px;/*设置头部，页脚宽度*/ height:30px;... 阅读全文

摘要： 当一个网站或者一个Web应用推出新功能时，为了让用户了解你的站点（或应用）如何操作，往往都会在站点（应用）中添加一个分步指引的效果。然而这样的效果，对于不懂原生JS的同学来说，是件很头痛的事情。 下面为大家介绍一些可帮助你实现分步指引效果的jQuery插件，你可以根据自己需求定制，它们都具有一个时尚的外观，而且简单易用。1. Intro.jsIntro.js 使用一种引导式的方式来一步步介绍你网站和项目新特性。支持键盘+鼠标的导航方式。2. aSimpleTouraSimpleTour 使用JSON数据进行存储配置和内容。一个浮动窗帮助管理重点元素的浏览、工具提示（可以定位）。3. Pageg 阅读全文

摘要： JSON及XML的Java序列化、反序列化（转换）在WebService、Ajax数据传递中，用得比较多。如：在用ExtJS、jQuery、mootools以及一些WebService时，你可以需要用到JSON、XML，给前端传递JSON或XML数据。这个时候你就可以用下面的这些技术帮助你转换Java对象，这些技术都可以轻易完成。比你手动拼接字符前要方便、省事得多。JSON的传递数据相对XML要更快些，且性能更好，但XML的可读性更清晰。至于用JSON，还是XML就看你的需求了。json-lib框架，可以完成Java对象到JSON的相互转换，以及简单转换XML。在线博文：For cnblogs 阅读全文

摘要： UCDChina导航前端团队阿里巴巴 UED -- 我们设计的界面，并没有几十亿的流量，但每天来自上百个国家的百万商人在使用着。阿里巴巴中国站UED -- 阿里巴巴中国站UED成立于1999年，全称是用户体验设计部（User Experience Design Department），是阿里巴巴集团最资深的部门之一。支付宝前端开发 -- 支付宝前端开发车间。淘宝UED -- 淘宝网用户体验团队。淘宝MED -- MED(Marketing Experience Design). 是淘宝营销体验设计部门，为淘宝网的营销产品做体验设计。口碑UED -- UED(User Experience De 阅读全文

摘要： 1. require和define的区别The require() function is used to run immediate functionalities, while define() is used to define modules for use in multiple locations.require()——用于一次性定义的语句或模块，或立即执行的语句或模块define()—— 用于可以重用的模块，可以放在不同的地方2. 管理依赖文件的载入顺序——Managing the Order of Dependent FilesRequireJS uses Asynchrono 阅读全文

摘要： meta是用来在HTML文档中模拟HTTP协议的响应头报文。meta标签用于网页的＜head＞与＜/head＞中，meta标签的用处很多。 meta的属性有两种：name和http-equiv。name属性name属性主要用于描述网页，对应于content（网页内容），以便于搜索引擎机器人查 找、分类（目前几乎所有的搜索引擎都使用网上机器人自动查找meta值来给网页分类）。这其中最重要的是description（站点在搜索引擎上的描 述）和keywords（分类关键词），所以应该给每页加一个meta值。比较常用的有以下几个： 1、＜metaname="Generator"c 阅读全文

摘要： 发生JS库冲突的主要原因：与jQuery库一样，许多JS库都使用‘$’符号作为其代号。因此在一个页面中引入多个JS库，并且使用‘$’作为代号时，程序不能识别其代表哪个库（这个是我自己的解释，但更深的原因就必须深入到jQuery的源码中去分析了，因此本文暂不深入讨论）。 解决方案： 解决JS库冲突总共可以分为以下几种方法： ①让渡‘$’标示符，使用jQuery作为jQuery对象的标示符（别名）。 ②使用别名替代‘$’和jQuery标识符，如下面的$j（名字可以任取）。var $j=jQuery.noConflict();$j("#div").hide(); ③使用匿名... 阅读全文

摘要： RequireJS是一个非常小巧的JavaScript模块载入框架，是AMD规范最好的实现者之一。最新版本的RequireJS压缩后只有14K，堪称非常轻量。它还同时可以和其他的框架协同工作，使用RequireJS必将使您的前端代码质量得以提升。一、AMD 介绍前端开发在近一两年发展的非常快，JavaScript作为主流的开发语言得到了前所未有的热捧。大量的前端框架出现了，这些框架都在尝试着解决一 些前端开发中的共性问题，但是实现又不尽相同。在这个背景下，CommonJS社区诞生了，为了让前端框架发展的更加成熟，CommonJS鼓励开发人员 一起在社区里为一些完成特定功能的框架制定规范。AMD 阅读全文

摘要： Grunt是构建Web开发的一个系统，但它创建比较困难。在这个指南中，你将学会如何配置Grunt创建一个现代的Web项目。当你完成教程中的配置之后，你的Gruntfile将具有：从源目录中向目标目录复制文件；删除构建文件；编译Stylus文件和给他们添加前缀；编译CoffeeScript；压缩CSS和JavaScript文件；编译Jade；当文件修改后自动构建源文件；运行开发者服务器Grunt具有一个中文版本官网，如果你对Grunt感兴趣，可以点击这里查阅相关中文文档。开始如果你还没有开始使用Grunt，你需要先安装“Node.js”和“NPM”。你还需要通过在命令端中输入命令npm inst 阅读全文

摘要： 触摸事件三种在规范中列出并获得跨移动设备广泛实现的基本触摸事件：1.touchstart：手指放在一个DOM元素上。2.touchmove：手指拖曳一个DOM元素。3.touchend：手指从一个DOM元素上移开。每个触摸事件都包括了三个触摸列表：1.touches：当前位于屏幕上的所有手指的一个列表。2.targetTouches：位于当前DOM元素上的手指的一个列表。3.changedTouches：涉及当前事件的手指的一个列表。例如，在一个touchend事件中，这就会是移开的手指。这些列表由包含了触摸信息的对象组成：1.identifier：一个数值，唯一标识触摸会话（touch se 阅读全文