摘要： 本篇是我jQuery系列文章网摘第三篇，简述jQuery创建新的元素,希望持续关注下面的文章:旧的创建元素的方法是：document.getElementById("testDiv").innerHTML="";但是这种做法是错误的：原因在于页面加载时改变了页面的结构，在IE6中，如果网络变慢或者页面内容太大就会出现终止操作的错误，也就是说不要在页面加载时改变页面的Dom模型.可以使用CreateElement等等.jQuery创建对象更加简单,比如创建一个Div元素：$("动态创建的div")jQuery中当HTML字符串是没有属性 阅读全文

摘要： 此页图解git中的最常用命令。如果你稍微理解git的工作原理，这篇文章能够让你理解的更透彻。基本用法上面的四条命令在工作目录、暂存目录(也叫做索引)和仓库之间复制文件。● git addfiles把当前文件放入暂存区域。●git commit给暂存区域生成快照并提交。●git reset --files用来撤销最后一次git addfiles，你也可以用git reset撤销所有暂存区域文件。●git checkout --files把文件从暂存区域复制到工作目录，用来丢弃本地修改。你可以用git reset -p,git checkout -p, orgit add -p进入交互模式。也可以 阅读全文

摘要： Git 分支管理是一门艺术1、要确保：团队成员从主分支(master)获得的都是处于可发布状态的代码，而从开发分支(develop)应该总能够获得最新开发进展的代码。2、“辅助分支”，大体包括如下几类：“管理功能开发”的分支、“帮助构建可发布代码”的分支、“可以便捷的修复发布版本关键BUG”的分支，等等。3、GIT，在技术层面上，绝对是一个无中心的分布式版本控制系统，但在管理层面上，我建议你保持一个中心版本库。4、我建议，一个中心版本库(我们叫它origin)至少包括两个分支，即“主分支(master)”和“开发分支(develop)”5、在一个团队开发协作中，我建议，要有“辅助分支”的概念。 阅读全文

摘要： 我们了解了响应式Web设计的概念、组成要素以及基本的实现思路。今天继续相关话题，我们将从前文介绍过的“弹性布局结构”这方面出发，通过一个具体的实例来深入学习。如今的屏幕分辨率，小至320px(iPhone)，大到2560px甚至更高(大显示器)，变化范围极大。除了使用传统的台式机，用户会越来越多的通过手机、上网本、iPad一类的平板设备来浏览页面。这种情况下，固定宽度的设计方案将会显得越发不合理。页面需要有更好的适应性，其布局结构要做到根据不同的设备及屏幕分辨率进行响应调整。接下来，我们将了解一下怎样通过HTML5和CSS3 Media Queries(媒介查询)相关技术来实现跨设备跨浏览器的 阅读全文

摘要： 在设计中经常遇到这几个问题：1.想要网站兼容手机、平板电脑、pc，就得为不同的设备定制不同的版本。2.想要网站的某些页面在宽屏显示器下一行显示更多的内容，又得为宽屏定制一个版本。3.很多人并不是在全屏的情况下浏览我们的页面，如果让页面随着浏览器宽度改变而相应的调整会不会比较好？有没有办法能有效解决这些问题呢？响应式Web设计(Responsive Web design)的理念是页面的设计与开发应当根据设备环境（屏幕尺寸、屏幕定向、系统平台等）以及用户行为（改变窗口大小等）进行相应的响应和调整。具体的实践方式由多方面组成，包括弹性网格和布局、图片、CSS media query的使用等。无论用户 阅读全文

摘要： 智能手机和平板设备的高选用率最终导致了移动web开发人员和设计人员的需求增长，jQuery Mobile框架允许你创建出可与本地化应用开发结果相谐美的移动web体验，其通过web浏览器提供了到应用和网站的即时访问，而不是让用户下载和安装 移动应用。了解如何使用jQuery Mobile的主题化框架来创建品牌定制的移动网站和web应用。jQuery Mobile框架是一个JavaScript库，你可使用它来轻松地创建一个移动版本的网站，把现有的web页面转换成触摸友好的网站和应用。 jQuery Mobile框架影响了在移动和平板设备上访问和发布移动应用的方式，其允许用户通过web浏览器直接连接 阅读全文

摘要： 官网地址：http://bassistance.de/jquery-plugins/jquery-plugin-validationjQuery plugin: Validation 使用说明转载自：http://blog.sina.com.cn/s/blog_608475eb0100h3h1.html一导入js库二、默认校验规则(1)required:true 必输字段(2)remote:"check.php"使用ajax方法调用check.php验证输入值(3)email:true 必须输入正确格式的电子邮件(4)url:true 必须输入正确格式的网址(5)date: 阅读全文

摘要： HTML结构及CSS样式如下：li {float:left; margin-right:10px; } 文本1 文本2 文本3这个时候，在ie6、ie7中文字很可能出现断行（暂没发现其他浏览器出现这个问题）解决问题方法： 1）如果文本中没有空格，用word-break属性的keep-all参数可解决这个问题，2）如果文本中有空格，用white-space属性的nowrap 参数可解决问题。细节解释：1. 在CSS中关于换行的属于有两个分别是word-break以及white-space，其中word-break是IE的专有属性，由于这个折行... 阅读全文

摘要： 如果是应用了表格，那么设置单元格为align="center"就可以使其中的一切内容居中。如果没有应用表格要想设置图片居中就有点困难了。困难来自不按"常规出牌"的浏览器。按照CSS标准，只要设置了图片容器的CSS属性为 display:table-cell;vertical-align:middle;text-align:center;就可以使图片居中了。这个方法在Firefox Chrome Opera Safari都生效，因为它们是标准浏览器。而在IE中就是不行，IE它最牛了。以下是通过IE hack解决这个问题的方法： 阅读全文

摘要： 这两个方法都可以用来实现在一个固定时间段之后去执行JavaScript。不过两者各有各的应用场景。方 法实际上，setTimeout和setInterval的语法相同。它们都有两个参数，一个是将要执行的代码字符串，还有一个是以毫秒为单位的时间间隔，当过了那个时间段之后就将执行那段代码。不过这两个函数还是有区别的，setInterval在执行完一次代码之后，经过了那个固定的时间间隔，它还会自动重复执行代码，而setTimeout只执行一次那段代码。虽然表面上看来setTimeout只能应用在on-off方式的动作上，不过可以通过创建一个函数循环重复调用setTimeout，以实现重复的操作：Fi 阅读全文