2015年07月_bboyjoe

原创 Bootstrap组件之导航条

.navbar——设置nav元素为导航条组件；.navbar-default——指定导航条组件为默认主题；.navbar-inverse——指定导航条组件为黑色主题；.navbar-fixed-top——设置导航条组件固定在顶部；.navbar-fixed-bottom——设置导航条组件固定在底部；.container-fluid——设置宽度充满父元素，即为100%；.na

2015-07-31 18:30:36 4745

原创 jQuery选择器和事件

1）选择器 $(".className")——类选择器； $("#IDName")——ID选择器； $("ElementTagName")——元素名选择器；更多选择器点击打开链接2）事件 click()——点击事件； dblclick()——双击事件； mouseenter()——鼠标进入事件； mouseleave()——鼠标

2015-07-31 16:00:19 792

转载用jQuery Mobile做HTML5移动应用的三个优缺点

英文原文：Niall O’Higgins，编译：伯乐在线——唐尤华在过去大约一个月的时间里，我一直在使用JQuery Mobile为一个健身培训网站开发基于HTML5的手机/平板前端应用。我之前曾经写过Android和iOS应用程序（分别用Java和Objective-C），因此只要编写一段基础代码就可以在主流平台上运行并能够快速地用HTML和JavaScript迭代，这样的许诺十分诱人。

2015-07-31 14:08:14 1019

原创 Bootstrap组件之导航

.nav——指定列表元素为导航组件；.nav-tabs——指定导航组件的样式为标签页；.nav-pills——指定导航组件的样式为胶囊式标签页；.nav-stacked——指定标签页的样式为垂直堆叠排列；.nav-justified——指定标签页的样式为两端对齐；.disabled——设置导航栏组件的菜单项为禁用样式；组件_导航条

2015-07-31 00:26:56 895

原创 jQuery的简介及语法

1)为什么要使用jQuery？ jQuery是一个javaScript函数库，不仅让代码变得简洁，而且因其底层封装了浏览器兼容性代码，所以不用再担心令开发人员头疼的浏览器兼容性问题，大大提高了使用javaScript代码的工作效率。2)jQuery有哪些功能？ jQuery主要包含HTML元素的选取、HTML元素的操作、CSS操作、HTML事件函数、js的特效和动画、DOM元

2015-07-30 14:27:52 645

转载 createjs的用途和开发步骤

createjs是一个轻量级的框架，稍微有点时间和耐心，就可以把全部源代码都看一遍，毕竟只有三十几个js文件。地址：http://www.createjs.com/开发createjs的动画或游戏，没有重型的IDE或什么工具支持，我们只能从零开始写js。一方面，这样对于jser来说，足够灵活；另外一方面，createjs因此足够精简足够小。createjs由几个库组成：l easelj

2015-07-30 11:48:00 3106 1

原创 html5之拖放

1)创建来源项目 1.1)draggable属性的值： true——此元素能被拖动； false——此元素不能被拖动； auto——浏览器可以自主决定某个元素是否能被拖动； 1.2）被拖动元素的事件： dragstart——在元素开始被拖动时触发； drag——在元素被拖动时反复触发； dragend—

2015-07-30 11:21:05 767

原创 Bootstrap组件之输入框组

.input-group——设置div为输入框组；.input-group-lg、.input-group-sm、.input-group-xs——改变输入框组的尺寸；.input-group-addon——在输入框前或后添加额外内容；.input-group-btn——在输入框前或后添加按钮或按钮式下拉菜单组件；组件_输入框组

2015-07-29 23:21:31 1261

转载 20个实用的webApp前端开发技巧

自Iphone和Android这两个牛逼的手机操作系统发布以来，在互联网界从此就多了一个新的名词-WebApp(意为基于WEB形式的应用程序，运行在高端的移动终端设备)。开发者们都知道在高端智能手机系统中有两种应用程序：一种是基于本地（操作系统）运行的APP；一种是基于高端机的浏览器运行的WebApp，本文将主要讲解后者。 WebApp与Native App有何区别呢？ Na

2015-07-29 18:31:04 1328

原创 html5之创建离线Web应用程序

离线应用程序缓存功能允许我们指定Web应用程序所需的全部资源，这样浏览器就能在加载HTML文档时把它们都下载下来。1)定义浏览器缓存：启用离线缓存——创建一个清单文件，并在html元素的manifest属性里引用它；指定离线应用程序里要缓存的资源——在清单文件的顶部或者CACHE区域里列出资源；指定资源不可用时要显示的备用内容——在清单文件的FALLBACK区域里列出内容；

2015-07-29 16:59:44 1911

原创 html5之使用web存储

1）使用本地存储（localStorage）: 通过全局属性localStorage访问本地存储功能，并会返回一个Storage对象，它被用来保存键/值形式的字符串对。 Storage对象的成员： clear()——移除保存的键/值对； getItem()——取得与指定键关联的值； key()——取得指定索引的键； length——返回已保存的键/值

2015-07-29 12:03:27 722

转载 html5的web存储与cookie的区别

之前我们制作网站基本都是通过cookie实现本地缓存数据的，但因为cookie本身存储容量小，而安全系数也不是太高，所以很多地方用起来都会有些吃力，而HTML5为我们提供了方便快捷的web存储机制。客户端存储的特性：在HTML5中的数据不是由每个服务器请求传递的，而是只有在请求时使用数据。它使在不影响网站性能的情况下存储大量数据成为可能，对于不同的网站，数据存储于不同的区域，并且一个网

2015-07-29 10:16:56 2643

原创 Bootstrap组件之按钮组

.btn-group——设置div为按钮组；.btn-group-toolbar——设置div为按钮工具栏（须包裹按钮组）；.btn-group-lg、.btn-group-sm、.btn-group-xs——改变按钮组的尺寸；.btn-group-vertivcal——设置按钮组垂直堆叠排列；.btn-group-justified——设置div包裹的按钮组充满父元素；

2015-07-29 09:38:08 3508 1

原创 html5之使用地理定位

1)使用地理定位：通过navigator.geolocation访问地理定位功能，返回一个Geolocation对象； 1.1）Geolocation对象成员： getCurrentPosition(callback,errorCallback,options)——获取当前位置； watchPosition(callback,error,options

2015-07-28 16:38:11 1444

原创 html5之canvas进阶

1）用路径绘图： beginPath()——开始一条新路径； closePath()——尝试闭合现有路径，方法是绘制一条线，连接最后那条线的终点与初始坐标； fill()——填充用子路径描述的图形； isPointInPath(x,y)——如果指定的点在当前路径所描述的图形之内则返回true； lineTo(x,y)——绘制一条到指定坐标的子路径；

2015-07-28 14:39:05 1177

原创 Bootstrap组件之下拉菜单

.dropdown——设置父元素为下拉菜单组件，向下弹出子菜单；.dropup——设置父元素为下拉菜单组件，向上弹出子菜单；.dropdown-toggle——设置按钮为下拉菜单切换按钮；.dropdown-menu——设置ul元素为下拉菜单；.dropdown-menu-right——将菜单右对齐；.pull-right——将菜单组件的父元素右对齐；.dropdown-h

2015-07-28 00:15:51 3856

原创 html5之canvas起步

1）HTMLCanvasElement对象的成员： height——对应于canvas元素的height属性； width——对应于canvas元素的width属性； getContext()——为画布返回绘图上下文；2）绘制矩形： fillRect(x,y,w,h)——绘制一个实心矩形； strokeRect(x,y,w,h)——绘制一个空心矩形；

2015-07-27 14:47:49 1115

原创 Bootstrap全局CSS样式之按钮和图片

.btn-default——按钮的默认样式；.btn-primary——按钮的首选样式；.btn-success——按钮的成功样式；.btn-info——按钮的一般信息样式；‘.btn-warning——按钮的警告样式；.btn-danger——按钮的危险样式；.btn-link——按钮的链接样式；.btn-lg——大按钮；.btn-sm——小按钮；.btn-x

2015-07-26 22:09:34 2758

原创 Bootstrap全局CSS样式之表单

.form-control——将单独的表单控件赋予一些全局样式，如默认宽度width:100%；.form-group——包裹表单控件，获得最好的排列；.form-inline——将表单设置为内联表单，只适用于视口（viewport）至少在 768px 宽度时；.sr-only——将label标签隐藏；.help-block——用语设置提示文本；.form-horizontal

2015-07-26 12:05:12 5184 1

原创 Bootstrap全局CSS样式之表格

.table——基础表格样式；.table-striped——给之内的每一行增加斑马条纹样式；.table-bordered——为表格增加边框；.table-hover——为之内的每一行作悬停效果；.table-condensed——让表格更加紧凑，单元格中的内补（padding）均会减半。.active——鼠标悬停在行或单元格上时所设置的颜色；.success——标识成功

2015-07-26 00:40:06 3819 1

原创 Bootstrap全局CSS样式之栅格系统

.col-xs-*——栅格列，适用于手机（）;.col-sm-*——栅格列，适用于平板（≥768px）;.col-md-*——栅格列，适用于桌面显示器 (≥992px)；.col-lg-*——栅格列，适用于大桌面显示器(≥1200px)；.col-md-offset-*——向右偏移列；.col-md-push-*、.col-md-pull-*——改变列的排序；

2015-07-24 23:55:55 1371

原创 html5之多媒体

1）video元素的属性：autoplay——如果存在，此属性会使浏览器尽可能立即开始播放视频；preload="none"——用户开始播放视频之前不会载入视频；preload="metadata"——用户开始播放之前只能载入视频的元数据；preload="auto"——请求浏览器尽快下载整个视频。浏览器可以忽略这个请求。这是默认行为；controls——除非此属性存在，否

2015-07-24 17:13:17 1094

原创 Bootstrap全局CSS样式之排版

Bootstrap能完全友好的支持html5的文本元素，这里不再赘述，具体可参考我另一篇文章《html的文本元素总结》，这里主要针对Bootstrap封装好的CSS文本样式做一下汇总。.small——当前元素字体大小的 85%，常用作副标题时，也可用来代替；.lead——让段落突出显示;.text-left、.text-center、.text-right——将文字于左、居中、于右对齐

2015-07-23 21:55:34 1908

原创 javascript之Ajax获取和设置标头

XMLHttpRequest对象中与标头有关的方法：setRequestHeader(,)——用指定值设置标头；getResponseHeader()——获取指定标头的值;getAllResponseHeaders()——以单个字符串形式获取所有标头；覆盖请求的HTTP方法，如下代码：可规避防火墙只允许GET和POST请求通过的限制；httpRequest.setReq

2015-07-23 18:23:40 1432

原创 javascript之处理Ajax错误

使用Ajax须留心两类错误。它们的区别源于视角的不同。第一类错误是从XMLHttpRequest对象的角度看到的问题：某些因素阻止了请求发送到服务器，例如DNS无法解析主机名，连接请求被拒绝，或者URL无效。第二类错误是从应用程序的角度看到的问题：它们发生于请求成功发送至服务器，服务器接受请求，进行处理并生成响应，但该相应并不指向你期望的内容时。例如：如果你请求的URL不存在，这类问题就会

2015-07-23 16:19:09 1872

原创 javascript之使用Ajax事件

XMLHttpRequest对象定义的事件：abort——在请求被终止时触发（ProgressEvent）;error——在请求失败时触发（ProgressEvent）;load——在请求成功完成时触发（ProgressEvent）;loadend——在请求已完成时触发，无论成功还是发生错误（ProgressEvent）;loadstart——在请求开始时触发（Progress

2015-07-23 15:03:51 1087

原创 javascript之Ajax起步

XMLHttpRequest readyState属性的值：UNSENT——0——已创建XMLHttpRequest对象；OPENED——1——已调用open方法；HEADERS_RECEIVED——2——已收到服务器响应的标头；LOADING——3——已收到服务器响应；DONE——4——响应完成或已失败；上海远地资产管理有限公司

2015-07-23 13:59:50 827

原创 javascript使用事件

p{ background: gray; color: white; padding:10px; margin:5px; border: thin solid black; } span{ background: white

2015-07-22 16:43:27 743

转载 javascript中的事件流，事件处理程序/事件监听器

1、事件流事件冒泡IE的事件流叫做事件冒泡(event bubbling)，即事件开始时由最具体的元素（文档中嵌套层次最深的那个节点）接收，然后逐级向上传播到较为不具体的节点（文档）。事件捕获事件捕获的思想是不太具体的节点应该更早的接收到事件，而最具体的节点应该在最后接收到节点。事件捕获的用意在于事件到达预定目标之前捕获它。DOM事件流“DOM2级事件流”规定的事件流包括三

2015-07-22 13:23:01 1051

原创 javascript为DOM元素设置样式

上海远地资产管理有限公司 p{ border:medium double black; background-color: lightgray; } #block1{ color: white; } tabl

2015-07-20 15:48:52 3804

原创 javascript操作DOM元素

1）HTMLElement的元数据属性：checked——获取或设置checked属性是否存在；classList——获取或设置元素所述的类列表（返回DOMTokenList）； classList.add()——给元素添加指定的类； classList.contains()——如果元素属于指定的类就返回true；

2015-07-17 15:14:11 880

原创 javascript操作window对象

document.defaultView或全局变量window——获取一个window对象；1）获取窗口信息innerHeight、innerWidth——获取窗口内容区域的高度、宽度；outerHeight、outerWidth——获取窗口的高度、宽度（包含边框和菜单栏等）；pageXOffset、pageYOffset——获取窗口从左上角算起水平/垂直滚动过的像素数；scr

2015-07-16 15:08:45 2371

原创 javascript操作Document对象

1）Document元数据属性：characterSet——返回文档的字符集编码，这是一个只读属性；charset——获取或设置文档的字符集编码；compatMode——获取文档的兼容性模式（CSS1Compat、BackCompat）；cookie——获取或设置当前文档的cookie；defaultCharset——获取浏览器所使用的默认字符编码；defaultView—

2015-07-15 17:17:39 4504

原创 css的一些重要而实用的属性

元素的颜色和透明度：color——设置元素的前景色；opacity——设置元素的透明度；表格样式：border-collapse:collapse——合并相邻单元格的边框；border-collapse:separate——为相邻单元格配置独立边框；border-spacing——设置相邻单元格边框的间距；caption-side——设置表格标题的位置（top、

2015-07-15 11:41:38 598

原创 CSS3的过渡、动画、转换

特别说明：以下属性目前都需要加上各浏览器厂商前缀,浏览器厂商前缀浏览器内核Chrome、Safari -webkit- Blink、WebkitOpera -o- BlinkFirefox

2015-07-14 14:10:27 882

原创 css的文本样式属性

text-align——指定文本快的对齐方式（start、end、left、right、center、justify）;text-justify——如果text-align属性使用了justify值，则该值会用来指定对齐文本的规则；white-space——指定空白字符的处理方式（normal、nowrap、pre、pre-line、pre-wrap）;direction——设置文本方

2015-07-13 17:32:41 827

原创 CSS的布局属性

1）定位：position:static——默认值，元素为普通布局；position:relative——元素位置相对于普通位置定位；position:absolute——元素相对于position值不为static的第一位祖先元素来定位；position:fixed——元素相对于浏览器窗口来定位；left、right、top、bottom——为定位元素设置偏移量；z-in

2015-07-13 15:25:23 765

原创 CSS的盒模型属性总结

padding、padding-top、padding-right、padding-bottom、padding-left——设置盒子内边距的尺寸；margin、margin-top、margin-right、margin-bottom、margin-left——设置盒子外边距的尺寸；width、height——设置元素的尺寸;box-sizing——设置尺寸应用到盒子的哪一部分；

2015-07-13 13:14:39 1579

转载 CSS——LESS

Less是一种动态的样式语言。Less扩展了CSS的动态行为，比如说，设置变量（Variables）、混合书写模式（mixins）、操作（operations）和功能（functions）等等，最棒的是，Less使用了现有的CSS语法，也就是说，你可以直接把你现成的样式文件“style.css”直接改成“style.less”，他也能正常工作。如： link rel="styleshee

2015-07-11 17:19:42 639

原创 CSS的边框和背景属性

border——设置所有边的边框（）；border-top、border-bottom、border-left、border-right——设置一条边的边框（）；border-width——设置所有边的边框宽度；border-style——设置所有边的边框样式；border-color——设置所有变的边框颜色；border-top-width、border-top-style、

2015-07-10 17:45:12 955

LINUX自学教程

PHP5面向对象编程

php5开发必备文档

Linux常用命令

空空如也