iteye_3366的博客

原创 Spring Profiles

http://spring.io/blog/2011/02/11/spring-framework-3-1-m1-released/ 首个里程碑版本 - Spring 3.1 已经发布，我们有一系列文章来讲解 Spring 的一些新特性：Bean definition profiles......今天我们来讲解第一项 - 被称为 Bean definition ...

原创 jqm widget 开发

 之前对 dojo 的 widget 开发很熟悉，jqm 的 widget 开发有些相似，感觉就是把每个小部件封装一下，有面向对象的意思，所有的 小部件 都遵循一套相似的生命周期，方便 整体框架 调用和控制。 jqm widget 开发的基本代码段： (function( $, undefined ) { $.widget( "mobile.testWidge...

原创 jquery mobile font-size

 原文 Since version 1.3 of jquery-mobile still lacks a feature to auto-scale text on higher resolutions, I'd like to share my personal workaround here. It is still a hack, but works quite well f...

原创 pageinit - 多页面执行

原创 Apache 64位 安装过程

下载 Apache 64位(官网未提供)：www.Blackdot.be解压,配置 %apache%/conf/httpd.conf 文件如下（只列出需要修改的行内容）：#指向Apache安装目录(解压目录)ServerRoot "d:\dev\ApacheServer"#指向存放 项目 的根目录DocumentRoot "d:\dev\ApacheServer\Root"...

原创 Mysql 绿色版 - 1067 error

 绿色版下载地址：http://download.mysql.cn/src/2012/0726/5622.html 或 官网解压到 d:/dev/MySQL将 d:\dev\MySQL\bin 添加到 path 环境变量中copy 一份 my-small.ini 并命名为 my.ini,并做如下修改:  注册系统服务：CMD -> mysqld --install ...

原创 iscroll

 iscroll是什么？       iscroll.js是Matteo Spinelli开发的一个js文件，使用原生js编写，不依赖与任何js框架。旨在解决移动webkit系浏览器的区域滚动问题，兼容mobile safari、android默认浏览器、safari、chrome、firefox5+、opera11+、IE9+及其他webkit核心浏览器。最新版本为iscroll4。...

原创 JavaScript触摸与手势事件

               iOS版Safari为了向开发人员传达一些特殊信息，新增了一些专有事件。因为iOS设备既没有鼠标也没有键盘，所以在为移动Safari开发交互网页时，常规的鼠标和键盘事件根本不够用。随着Android中的WebKit的加入，很多这样的专有事件变成了事实标准。 触摸事件        包含iOS2.0软件的iPhone 3G发布时，也包含了一个新版本的...

原创 Relative Media Query

阅读原文 注意：zoom in / out 并不会触发 media query , zoom + refresh会触发 .

原创 jqplot 简介

 jqPlot 是一个 jquery 的插件，用于生成客户端 javascript 图表。jqPlot官网： http://www.jqplot.com/下载地址：http://www.bitbucket.org/cleonello/jqplot/ jqPlot 基本依赖：jquery1.4.3+jqPlot.jsjqPlot.cssexcanvas (I...

原创 CSS 高度自适应 (转)

 CSS解决高度自适应问题高度自适应问题，我很抵触用js去解决，因为不好维护，也不够自然，但是纯用CSS，难度不小，比如下面我要说的例子。 需求：1. 这个矩形的高度和浏览器窗口的高度相同，不能出现纵向滚动条2. 绿色部分高度固定，比如50px3. 紫色部分填充剩余的高度 HTML结构暂且如下：<div id="main"> <...

原创 HOW TO MAKE JQPLOT RESPONSIVE

HOW TO MAKE JQPLOT RESPONSIVE jqPlot is a plotting and charting plugin for the jQuery Javascript framework. jqPlot produces beautiful line, bar and pie charts with many features.To make JqPlot re...

原创 CSS-经典文章截图

深入了解css的行高Line Height属性 [附件1] 

原创 CSS继承性 [font-size] (转)

原文地址：张鑫旭空间 详情请看附件

原创 CSS的Float之一(转)

 CSS的Float之一原文 Float在CSS中是一个重中之重的东西，因为他是一个强大的，极有作用的一个CSS属性，但如果你没有理解透这个Float的话，那将是一个难搞的事情，特别是对于初学者来说，更是一个棘手事情。那么从今天开始我们一起来探讨这个Float。刚才说过了，Float是一个极有用的属性，首先表现在布局上，全前提是你要清楚他，了解他。这样才能达到知已知彼，方能百战...

原创 CSS的Float之二(转)

 CSS的Float之二原文  说起浮动大家并不陌生,因为有 Word 中看到太多的浮动围绕现象。我们可以看一下印刷设计来了解它的起源和作用。印刷布局中,文本可以按照需要围绕图片。一般把这种方式称为“文本环绕” 大家都了解到, CSS 网页布局的原理,就是按照(X)HTML 代码中对象声明的顺序,以流布局的方式 来显示它,而流布局就不得不说到 float 浮动技术,在(X)HT...

原创 Clear Float(转)

 Clear Float原文 众所周知，平时在写HTML代码时，难免少不了使用Float样式，这样一来，假使您没有清除浮动，那么有浮动元素的父元素容器将元素将无法自动撑开。换 句简单好理解的话来说，假如你在写CODE时，其中div.A（这个就是说页面中有一个div，并且把其命名为class="A"）中包含了两个或多个子 元素div.B,div.C,div.D(这里我以三个为例)，并...

原创 CSS3 Transform(转)

 CSS3 Transform原文 前面我们一起学习了CSS3中的渐变、圆角、阴影等几个属性的使用，今天开始我们一起来学习有关于CSS3制作动画的几个属性：变形(transform)、转换(transition)和动画(animation)等更高级的CSS3技术。本文主要介绍的是这三个属性之中的第一个──变形transform。 Transform字面上就是变形，改变的意思...

原创 HTML和CSS高级指南之四——响应式设计(转)

 HTML和CSS高级指南之四——响应式设计原文 互联网发展的速度超乎所有人的想象，甚至可以说是疯狂。在过去几年里，移动互联网的发展已经开始崭露头角。而他的发展速度也远远超过了传统互联网。 如今很难找到一个人既没有移动设备，也没有多个可以上网的设备。在英国 移动电话的数量已远远超过人口数，保持这样的 增长势头，今年移动互联网的使用应该就有望超过桌面互联网。 随着移动...

原创 HTML和CSS高级指南之二——定位详解(转)

 HTML和CSS高级指南之二——定位详解原文 当在这一个页面上实现布局和定位有几种不同的技术。使用哪种技术，很大程序上取决于内容和目标页面，因为有很多技术比别人的更牛。 例如，浮动可以让页面元素并排显示，而且还可以制作一个干净的布局。然而，有时候需要一些严格的定位，这时需要使用其他的技术，包括“relative”和“absolute”定位。 在这节课中，我们先来介绍...

原创 学习使用：before和：after伪元素(转)

p:before { content: url(image.jpg);}  学习使用：before和：after伪元素原文 如果你一直密切关注着各种网页设计的博客，你可能已经注意到了：before和：after伪元素已经在前端开发中获得了相当多的关注。特别是在Nicolas Gallagher的博客中，后期运用了很多伪类元素。 Nicolas Gallaghe...

原创 CSS3 box-shadow(转)

 CSS3 box-shadow原文 上一节我们一起探讨了一下CSS3的文字阴影text-shadow的使用方法，今天我们接着一起来探讨一下CSS3中的另一个属性box-shadow的使用方法。CSS3的box-shadow有点类似于text-shadow，只不过不同的是text-shadow是对象的文本设置阴影，而box-shadow是给对象实现图层阴影效果。本文我们搁下IE...

原创 CSS3的文字阴影—text-shadow(转)

 CSS3的文字阴影—text-shadow原文 前段时间整理了CSS3中的渐变Gradient、透明度RGBA、边框圆角box-radius三个新属性的使用方法，这几次继续整理了有关于CSS3的text-shadow的使用方法。今天特意花了点时间贴上来与有共同爱好的朋友一起分享这个新属性的应用。text-shadow还没有出现时，大家在网页设计中阴影一般都是用photosho...

原创 CSS3的圆角Border-radius(转)

 CSS3的圆角Border-radius原文 前面系统总结了CSS3中Gradient和RGBA的用法，今天我们在一起来看看CSS3中制作圆角的属性border-radius的具体用法。在CSS2中， 大家都碰到过圆角的制作。当时，对于圆角的制作，我们都需要使用多张圆角图片做为背景，分别应用到每个角上，我应用最多的就是在需要圆角的元素标签中加四 个空标签，然后在每个空标签中应用一...

原创 CSS3 RGBA(转)

 CSS3 RGBA原文 前面我们一起探讨了一下CSS3 Gradient（css3 渐变），今天我们一起来探讨一下CSS3中的RGBA。RGB对于大家来说一点不陌生，他就是红色R+绿色G+蓝色B，那现在我们所说的RGBA又是什么呢？说得简单一点就是在RGB的基础上加进了一个通道Alpha。从而形成了我们今天需要讨论的RGBA。如果需要更详细的解说，大家就跟着我一起往下看吧。语...

原创 CSS3 Multiple Backgrounds(转)

 CSS3 Multiple Backgrounds原文 前面几节和大家一起学习了CSS3中给Background新追加的属性：《CSS3 Background-size》、《CSS3 Background-clip》和《CSS3 Background-origin》。这样一来，CSS3中的Background功能就更强大了，那么今天我要给大家推荐一个有关于Background的多背...

原创 CSS Background-origin(转)

 CSS Background-origin原文 Background-origin是CSS3为Background扩展的第三个属性，从Background-origin字面上不难发现是指背景图片的原点，其实background-origin主要就是用来决定背景图片的定位原点，换句话说就是背景图片定位的起点（background-position的原点）如果你看过了《CSS3 ba...

原创 CSS3 Background-clip(转)

 CSS3 Background-clip原文 上一节在《CSS3 background-size》详细的介绍了CSS3为background新增属性之一，今天和大家一起来学习CSS3中有关于Background的第二新属性Background-clip。CSS3中的Background-clip属性，其主要是用来确定背景的裁剪区域，换句话说，就是如何控制元素背景显示区域。首先来看...

原创 CSS3 Background-size(转)

 CSS3 Background-size Background大家一定不会陌生，但是ＣＳＳ3开始，给这个Background属性增加了几个新的属性值 ：Background-size,Background-clip和Background-origin。那么从今天开始分几节内容分别来介绍一下background-size,background-clip,background-ori...

原创 通俗的英文指南——Javascript的原型(转)

[通俗的英文指南——Javascript的原型] 当我开始学习JavaScript的对象模型时，第一反应就是难以置信。我完全被它的原型本质给弄糊涂了，毕竟这是我头一次遇到以原型为基础的语言。因为JS中有构造函数这个概念，所以我看不出使用原型能给JS带来任何的好处。我敢说你们中的大部分人也有同样的经历。 但是当我更多的使用JavaScript后，我不仅开始理解它的对象模型，甚至还...

原创 javascript 正则表达式(转)

[原文地址] 精通 JS正则表达式 (精通?标题党 ) 正则表达式可以: •测试字符串的某个模式。例如，可以对一个输入字符串进行测试，看在该字符串是否存在一个电话号码模式或一个信用卡号码模式。这称为数据有效性验证 •替换文本。可以在文档中使用一个正则表达式来标识特定文字，然后可以全部将其删除，或者替换为别的文字 •根据模式匹配从字符串中提取一个子字符串。可以用来在文本或输入字段中查找特...

原创 Try to use one var statement per scope in JavaScript[转]

[原文地址：http://www.cnblogs.com/JulyZhang/archive/2011/03/10/1979619.html] 今天在使用 YUI Compressor 压缩 javascript 时，遇到 "Try to use one var statement per scope in JavaScript" 的warning提示,问题出在 var 声明问题上,下...

原创 CSS3 gradient简单使用

[文章来源：http://www.cnblogs.com/gaoxue/articles/CSS3Gradient-1.html] 因方便在firefox中测试，根据原文简单总结一下Mozilla内核的线性渐变用法(径向渐变暂时忽略)，其他内核浏览器的渐变（webkit-old,webkit-new,opera,Trident）用法都差不多，请参考原文. 在Mozilla内核中...

原创 CSS3 transform 简单使用

/* firefox & webkit 浏览器中有效 */<!DOCTYPE html><html><head> <style> div{ background-color : #DEE4EE; color : #305999; ...

原创 css3 transition简单使用

 selector { transition : [transition property] [duration] [timing-function] [delay]}  四个参数说明如下：transition property：指 将要对selector 的哪些属性值（多个用逗号隔开）的改变进行过渡处理，默认为all，即只要selector 的(任何一个...

原创 window.Onunload与window.onbeforeunload的区别[转]

<原文地址：http://blog.sina.com.cn/s/blog_995c1f630101a9el.html>    Onunload，onbeforeunload都是在刷新或关闭时调用，可以在<script>脚本中通过window.onunload来指定或者在<body>里指定。区别在于onbeforeunload在onunload之前执行，它还...

原创 Javascript异步编程的4种方法[转]

<原文地址：http://blog.sina.com.cn/s/blog_995c1f630101aen6.html> 你可能知道，Javascript语言的执行环境是"单线程"（single thread）。 所谓"单线程"，就是指一次只能完成一件任务。如果有多个任务，就必须排队，前面一个任务完成，再执行后面一个任务，以此类推。 这种模式的好处是实现起来比较...

原创 offsetTop、offsetLeft、offsetWidth、offsetHeight剖析[转]

 <原文地址：http://blog.sina.com.cn/s/blog_995c1f630101aba4.html>offsetParent属性返回一个对象的引用，这个对象是距离调用offsetParent的元素最近的（在包含层次中最靠近的），并且是已进行过CSS定位的容器元素。如果这个容器元素未进行CSS定位, 则offsetParent属性的取值为根元素(在标准兼容模式下...

原创 Jquery中的offset()和position()深入剖析[转]

<原文地址：http://blog.sina.com.cn/s/blog_995c1f630101ad3v.html>       在jQuery中有两个获取元素位置的方法offset()和position()。position()方法是在1.2.6版本之后加入的，为什么要引 入这个方法呢？这两个方法之间有什么异同？使用的时候应该注意哪些问题？什么时候使用offset(),什么时...

原创 HTML5 本地存储(转)

DOM Storage是在网络客户端存储键值对数据的一个标准。这使离线的网络应用的开发变得更加实际和简单。跟它看起来非常相似的另外一个就是cookies了，但是它在某些方面比cookies有很大的优势： (1)  更大的存储空间。cookies的大小大约限制在4KB左右，而DOM Storage则在10MB左右，实用性大大提高。能够真正的持久化到本地。(2)  cookies并没有...