摘要: Android系统自带一个Gallery浏览图片的应用,通过手指拖动时能够非常流畅的显示图片,用户交互和体验都很好。本示例就是通过Gallery和自定义的View,模仿实现一个仿Gallery图像集的图片浏览效果。 阅读全文
posted @ 2012-04-12 21:29 张长胜 阅读(357) 评论(1) 推荐(0)
摘要: HTML5与jQuery如何实现渐变绚丽网页图片效果呢?通过HTML5和jQuery创建一个灰度/彩色的实现绚丽渐变效果。在HTML5出现之前,要想实现此类似渐变效果,需要彩图和灰度图像两幅图片,利用制图工具实现渐变图片效果。现在HTML5让开发者通过HTML5与jQuery实现渐变绚丽网页图片效果。HTML 5和jQuery动态转换任意一张彩色图像为灰度显示展示。通过HTML5和jQuery向你展示如何创建一个灰度/彩色图像的鼠标悬浮效果。在HTML5出现前,实现这个效果需要两幅图像,彩色的图像和灰度的图像版本版本。现在HTML5让开发者创建这个效果更加容易和高效,因为原始图像会直接生成灰度 阅读全文
posted @ 2012-04-12 20:12 张长胜 阅读(1070) 评论(0) 推荐(0)
摘要: 页眉header页眉将是页面加载的第一个元素,包含了站点的标题、logo、网站导航等。<header> <div class="container_16"> <div class="logo"> <h1><a href="index.html"><strong>Real</strong> Estate</a></h1> </div> <nav> <ul> <li><a hre 阅读全文
posted @ 2012-04-12 20:11 张长胜 阅读(476) 评论(0) 推荐(0)
摘要: HTMl5结构元素<nav>元素用构建一个页面或一个站点内的链接,并不是链接的每一个集合都是一个<nav>,比如:赞助商的链接列表及搜索结果页面就不是,因为他们是当前页面的主内容。 <nav> <p><a href=“/”>Home</a></p> <p><a href=“/about”>About</a></p> </nav><nav>元素是一个包装器,它不会代替<ol>或<ul>,但是会包围它。 <nav& 阅读全文
posted @ 2012-04-12 20:11 张长胜 阅读(302) 评论(0) 推荐(0)
摘要: 一、前言一撇其实关于HTML5的表单特征早在去年“你必须知道的28个HTML5特征、窍门和技术”一文中就有所介绍,不过,有些遗憾的是,此部分的介绍是以视频形式展示的,其实,是视频还好啦,关键是TouTuBe视频,需要越狱观看。得,像我这样安分守已的良民,除了看空姐,其他情况都是懒得fan墙的,所以这部分视频展示的内容,其实就是个“空”。所以,这里打个补丁,把这部分内容完善下。本文的大致内容有:# <input type=”number” /># <input type=”range” /># <input type=”date” /> 以及其他时间选择器控件 阅读全文
posted @ 2012-04-12 20:10 张长胜 阅读(441) 评论(0) 推荐(0)
摘要: HTML5基本布局HTML4HTML5<!DOCTYPE html><htmlang = "en"><head><meta charset = "utf-8"><title>HTML5 Demo</title><body><header><h1></h1><h2></h2></header><nav><ul><li></li><li>< 阅读全文
posted @ 2012-04-12 20:10 张长胜 阅读(439) 评论(0) 推荐(0)
摘要: 一、号外号外号外号外,HTML官方logo华丽丽滴诞生了。您可以起官方logo页面(点击这里)其观摩。它是如此的闪耀,以至于我不得不用手挡住眼前的强光,它的朝气,它的魄力迎面袭来,让人窒息。上图为截图,截图也是图。下图为其128卡哇伊袖珍版图片:下图为256蓬勃朝气青少年版的:下图为标准256*256 背景索引透明阳刚少年版:HTML5出了此款logo,意义重大。我觉得这标志着HTML5已经发展到了一个新的台阶,其发展与进步一不可阻挡,透出了HTML5的野心与霸气。此logo长得有点360安全卫士logo的味道:难道暗含防御之一,抵御flash或是其他杂碎技术的侵袭。谁知道呢?反正与本文主题无 阅读全文
posted @ 2012-04-12 20:09 张长胜 阅读(581) 评论(0) 推荐(0)
摘要: HTML5 是目前正在讨论的新一代 HTML 标准,它代表了现在 Web 领域的最新发展方向。在 HTML5 标准中,加入了新的多样的内容描述标签,直接支持表单验证、视频音频标签、网页元素的拖拽、离线存储和工作线程等功能。其中一个新特性就是对离线应用开发的支持。在开发支持离线的 Web 应用程序时,开发者通常需要使用以下三个方面的功能:离线资源缓存:需要一种方式来指明应用程序离线工作时所需的资源文件。这样,浏览器才能在在线状态时,把这些文件缓存到本地。此后,当用户离线访问应用程序时,这些资源文件会自动加载,从而让用户正常使用。HTML5 中,通过 cache manifest 文件指明需要缓存 阅读全文
posted @ 2012-04-12 20:08 张长胜 阅读(538) 评论(0) 推荐(0)
摘要: Web技术的发展速度太快了,如果你不与时俱进,就会被淘汰。因此,为了应对即将到来的HTML 5,本文总结了11个HTML 5的初级技巧,希望能对你进一步学习好HTML 5会有所帮助。1. 新的Doctype声明XHTML的声明太长了,我相信很少会有前端开发人员能手写出这个Doctype声明。<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">HTML 5的Doctyp 阅读全文
posted @ 2012-04-12 20:08 张长胜 阅读(478) 评论(0) 推荐(0)
摘要: Web SQL数据库API实际上未包含在HTML 5规范之中,它是一个独立的规范,它引入了一套使用SQL操作客户端数据库的API。假设你是一名优秀的Web开发人员,那毫无疑问,你对SQL和数据库的相关概念已经很熟悉了,如果你对SQL不熟悉,那在继续阅读本文之前,最好先学习一下SQL相关的教程。最新版本的Chrome,Safari和Opera浏览器都支持Web SQL数据库。核心方法本文将介绍规范中定义的三个核心方法:1、openDatabase:这个方法使用现有数据库或创建新数据库创建数据库对象。2、transaction:这个方法允许我们根据情况控制事务提交或回滚。3、executeSql: 阅读全文
posted @ 2012-04-12 20:07 张长胜 阅读(426) 评论(0) 推荐(0)
摘要: Cache Manifest是HTML 5的一种缓存机制,文章作者直接用博客当测试环境,虽然应用起来非常简单,但效果却出奇的好。缓存后的速度,简直是惊人的快。像Yslow显示,打开一个缓存过的页面,只要0.729秒,比不缓存的差不多快了10倍。一、Cache Manifest基础知识作为一个Web开发相关的人员,都不会少听到、看到Cache这个词。是的,上面也已经说了,它是一种缓存的机制。它可以通过一个.manifest文件来配置需要缓存的或者一定要保持联网缓存的文件。而重点就是这个.manifest文件,这里进行了简单的整理:◆MIME TYPE:text/cache-manifest◆需要 阅读全文
posted @ 2012-04-12 20:06 张长胜 阅读(464) 评论(0) 推荐(0)
摘要: 22个HTML5 技巧二:上面一章讲到了HTML5的几个技巧,现在我们来学习新的技巧。8. 占位符此前,我们需要使用JavaScript来创建文本框的占位符。你可以初步设定值属性来看是否合适,但是只要用户删除了该文本,输入的内容就会再次变成空的。占位符属性有效地弥补了这一点。<input name=”email” type=”email” placeholder=”xingyuyu27@163.com” />9. 本地存储多亏了HTML5的 local storage ,我们可以让高级浏览器"记住"我们输入的内容,就算后来浏览器关闭或者重新刷新也不受影响。尽管不 阅读全文
posted @ 2012-04-12 20:05 张长胜 阅读(357) 评论(0) 推荐(0)
摘要: 22个HTML5 技巧三:我们继续讲解HTML5的技巧。16. 视频支持音频元素 <audio>非常像,在新的浏览器上也支持HTML5视频。事实上,就在最近YouTube宣布了一项新的 HTML5视频嵌入。可惜的是,由于HTML5说明文件并没有为视频指出某个特定的编码器,所以都主要取决于浏览器来决定了。尽管Safari和IE9可以支持H.264 格式的视频,Firefox 和Opera却仍然坚持Theora 和Vorbis格式。因此,显示HTML5视频的时候,你必须提供两种格式。17. 视频预先加载你首先需要决定是否需要浏览器来预先加载视频。是否有需要?假设,一个访客进入某个专门用 阅读全文
posted @ 2012-04-12 20:05 张长胜 阅读(303) 评论(0) 推荐(0)
摘要: 这个示例的目的是向你展示如何使用HTML5和jQuery创建一个灰度/彩色图像的鼠标悬浮效果。在HTML5出现前,实现这个效果需要两幅图像,彩色的和灰度的版本。现在HTML5让创建这个效果更加容易和高效,因为灰色图像将会直接从原始文件生成。我希望你会发现这个脚本在例如陈列橱或者相片册的设计里相当有用。 下面的jQuery代码会找寻目标图像并生成一个灰度的版本。当鼠标悬浮在图像上,代码将会把灰度图像渐变为彩色的。<mce:scriptsrc="jquery.min.js"mce_src="jquery.min.js"type="text/j 阅读全文
posted @ 2012-04-12 20:04 张长胜 阅读(299) 评论(0) 推荐(0)
摘要: HTML5 技巧一:当今科技发展的速度真惊人,稍不留神,就可能无法跟上它的步伐。新一代的HTML-HTML5的发展也不停的带给我们新的惊喜,我们将通过这篇文章向大家介绍一些HTML技巧。1. 新的文档类型(Doctype)<!DOCTYPE html PUBLIC ”-//W3C//DTD XHTML 1.0 Transitional//EN”“http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>上面这个既麻烦又难记的XHTML文档类型你还在使用吗? 如果还是这样的话,现在该切换到新的HTML5文档类型了。<!DO 阅读全文
posted @ 2012-04-12 20:04 张长胜 阅读(344) 评论(0) 推荐(0)
摘要: HTML5 canvas 元素详细教程六:组合。之前的例子里面,我们总是将一个图形画在另一个之上,大多数情况下,这样是不够的。比如说,它这样受制于图形的绘制顺序。不过,我们可以利用globalCompositeOperation属性来改变这些做法。globalCompositeOperation我们不仅可以在已有图形后面再画新图形,还可以用来遮盖,清除(比clearRect方法强劲得多)某些区域。globalCompositeOperation= typetype是下面 12 种字符串值之一:注意:下面所有例子中,蓝色方块是先绘制的,即“已有的 canvas 内容”,红色圆形是后面绘制,即“新 阅读全文
posted @ 2012-04-12 20:03 张长胜 阅读(309) 评论(0) 推荐(0)
摘要: HTML5 canvas 元素详细教程七:基本的动画。由于我们是用脚本去操控 canvas 对象,这样要实现一些交互动画也是相当容易的。只不过,canvas 从来都不是专门为动画而设计的(不像 Flash),难免会有些限制。可能最大的限制就是图像一旦绘制出来,它就是一直保持那样了。如果需要移动它,我们不得不对所有东西(包括之前的)进行重绘。重绘是相当费时的,而且性能很依赖于电脑的速度。基本动画的步骤 Basic animation steps画一帧,你需要以下一些步骤:清空 canvas除非接下来要画的内容会完全充满 canvas (例如背景图),否则你需要清空所有。最简单的做法就是用clea 阅读全文
posted @ 2012-04-12 20:03 张长胜 阅读(321) 评论(0) 推荐(0)
摘要: HTML5 canvas 元素详细教程五:上一节讲了应用风格和颜色,这一节我们讲canvas的变形。状态的保存和恢复 Saving and restoring state在了解变形之前,我先介绍一下两个你一旦开始绘制复杂图形就必不可少的方法。save()restore()save和restore方法是用来保存和恢复 canvas 状态的,都没有参数。Canvas 的状态就是当前画面应用的所有样式和变形的一个快照。Canvas 状态是以堆(stack)的方式保存的,每一次调用save方法,当前的状态就会被推入堆中保存起来。这种状态包括:当前应用的变形(即移动,旋转和缩放,见下)strokeSty 阅读全文
posted @ 2012-04-12 20:02 张长胜 阅读(310) 评论(0) 推荐(0)
摘要: JS让浏览器支持HTML5 用JS脚本,让你的网站兼容IE浏览器。HTML5 SHIV的调用和下载html5.js一定要加在<head></head>里调用 (因为浏览器必须先解释了这个脚本才能解析后面的html5标签,所以不能放在页面底部)下面是下载地址:http://html5shiv.googlecode.com/svn/trunk/html5.js你可以直接调用这个js脚本,用IE条件注释来调用这个js文件,这样像FireFox等非IE浏览器就会忽视这段代码,也就不会有无谓的http请求了。下面这段代码仅会在IE浏览器下运行:复制内容到剪贴板<!--[if 阅读全文
posted @ 2012-04-12 20:01 张长胜 阅读(225) 评论(0) 推荐(0)
摘要: HTML5 canvas 元素详细教程四:运用样式与颜色。在 绘制图形 的章节里,我只用到默认的线条和填充样式。而在这一章里,我们将会探讨 canvas 全部的可选项,来绘制出更加吸引人的内容。色彩 Colors到目前为止,我们只看到过绘制内容的方法。如果我们想要给图形上色,有两个重要的属性可以做到:fillStyle和strokeStyle。fillStyle= colorstrokeStyle= colorstrokeStyle是用于设置图形轮廓的颜色,而fillStyle用于设置填充颜色。color可以是表示 CSS 颜色值的字符串,渐变对象或者图案对象。我们迟些再回头探讨渐变和图案对象 阅读全文
posted @ 2012-04-12 20:01 张长胜 阅读(471) 评论(0) 推荐(0)
摘要: HTML5 Canvas 可以引入图像,用于图片合成或者制作背景等。但目前仅可以在图像中加入文字(标准说明中并没有包含绘制文字的功能)。只要是 Gecko 支持的图像(如 PNG,GIF,JPEG等)都可以引入到 canvas 中,而且其它的 canvas 元素也可以作为图像的来源。引入图像HTML5 Canvas引入图像只需要简单的两步:1、首先当然是来源图片,不是简单的 URL 路径,但可以是一个 JavaScript 的 Image 对象引用,又或者其它的 canvas 元素,2、用drawImage方法将图像插入到 canvas 中。先来看看第1步,基本上有四种可选方式:引用页面内的图 阅读全文
posted @ 2012-04-12 20:00 张长胜 阅读(455) 评论(0) 推荐(0)
摘要: HTML5架构HTML5架构,(HTML5 Boilerplates )html5文档的快速建立html5文档非常容易建立,你只需要改变文档头部的DOCTYPE声明。复制内容到剪贴板<!DOCTYPEhtml>这样你就已经建立好一个HTML5文档了,看看谷歌首页是怎么做的吧复制内容到剪贴板<!doctypehtml><head><title>HTML5-GoogleSearch</title><script>..但是谷歌的验证和搜索结果页面都没有使用,因为那些页面还存在很多无效标签,如<font>等,但是没关系 阅读全文
posted @ 2012-04-12 20:00 张长胜 阅读(329) 评论(0) 推荐(0)
摘要: HTML5 canvas 元素详细教程一:基本用法。<canvas>是Html5中一个全新的元素,它可以被JavaScript语言用来绘制图形。最先<canvas>是在苹果公司的Mac OS X Dashboard上被引入,他被应用于Safari,而后基于Gecko1.8的浏览器,也支持这个新的元素,例如Firefox浏览器。如今,<canvas>元素已是HTML5标准规范的一部分。<canvas>能做什么,我们都将通过本教程向大家讲解,并且可以作为你应用<canvas>的起点。学习<canvas>元素并不困难,只需要具有 阅读全文
posted @ 2012-04-12 19:59 张长胜 阅读(428) 评论(0) 推荐(0)
摘要: HTML5 canvas 元素详细教程二:绘制图形。在开始之前,我们需要对canvas 的网格(grid)或者坐标空间(coordinate space)进行探讨。在HTML5 canvas 元素详细教程一中有一个150像素宽, 150像素高的 canvas 对象的HTML模板。在画面上叠加上默认网格,如右图。通常网格的1个单元对应 canvas 上的1个像素。网格的原点是定位在左上角(坐标(0,0))。画面里的所有物体的位置都是相对这个原点。这样,左上角的蓝色方块的位置就是距左边x像素和距上边Y像素(坐标(x, y))。现在我们使用默认的状态来进行图形的绘制吧。矩形 Rectangles首先 阅读全文
posted @ 2012-04-12 19:59 张长胜 阅读(302) 评论(0) 推荐(0)
摘要: 在这用一个简单的示例在讲解一下如何利用Web Storage来保存和读取数据。示例HTML代码如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Conten 阅读全文
posted @ 2012-04-12 19:58 张长胜 阅读(360) 评论(0) 推荐(0)
摘要: 一、 DEMO HTML代码上一次介绍了HTML5 Web Storage存储机制,原来必须保存在服务端数据库中的内容现在可以直接保存在客户端本地了,这不仅可以减轻了服务器数据访问的负担,同时也提高了数据的访问速度。请将下面的代码复制到html文件中,我们通过示例来了解Web Storage。<!DOCTYPE HTML><html><head><meta charset="utf-8"><title>HTML5 Web Storage示例</title><script type="te 阅读全文
posted @ 2012-04-12 19:57 张长胜 阅读(357) 评论(0) 推荐(0)
摘要: HTML5网页测试-未来打造出来的网页会有多强大,我不得而知。作为一个HTML5初学者,不得不感叹人类的想象力与创造力。我们一直追寻和期待,当你打开一个华丽的HTML5demo,是无尽的遐想还是无比的震撼?当它们真正在互联网上应用会是什么样的体验感觉,这让我对HTML5网页更加期待。我们应该感谢每一位HTML5网页开发者,和分享他们的人们!也希望大家能分享更多这些很炫的网站给我们。下面是从其他地方收集起来一些HTML5网页测试地址:http://www.beautyoftheweb.com1、跑鱼测试,不断增加鱼的数量,看你的FPS得分,这个也是很多友友都知道的,微软在发布IE9beta的时候 阅读全文
posted @ 2012-04-12 19:56 张长胜 阅读(759) 评论(0) 推荐(0)
摘要: 解决CSS3圆角兼容所有浏览器的方法。本文提到了一种很不错的实现跨浏览器圆角的解决方案,但是说的不够全面,前端观察最近将整理更多更全面的资源给大家,敬请期待。 译:前一段时间,我经常收到一个关于如何在IE浏览器中使用CSS3的border-radius属性实现圆角HTML元素的问题。你或许知道CSS3的border-radius 属性被Safari、Firefox和Chrome等浏览器原生支持,但是由于某些原因IE并不支持它。 那么要想在IE中实现圆角,你不得不使用一些技巧,比如使用带有背景图片的CSS类。 而我知道的在各个浏览器中实现圆角的较简单快速的方案是结合CSS3和JavaSc... 阅读全文
posted @ 2012-04-12 19:56 张长胜 阅读(344) 评论(0) 推荐(0)
摘要: 让IE浏览器支持CSS3圆角,在IE浏览器中实现圆角的效果,一般我们会采用圆角图片的方式来实现。那我们可以通过CSS3样式来实现网页圆角效果吗?下面我们就来介绍一些在IE浏览器中通过CSS3实现圆角的方法,如何用CSS3样式表来实现圆角效果。要注意的是,IE6/7/8这三个IE浏览器版本都不支持CSS3的解析,只有在IE9才能支持CSS3和HTML5的标准。让IE支持CSS3的解析方法有很多,下面介绍一种实用的让IE支持CSS3解析的方法:IE利用VML矢量可标记语言作为画笔绘出圆角。 下载一个压缩包,里面有一个微软的脚本文件和一个用来测试服务器是否有正确的Content-Type的... 阅读全文
posted @ 2012-04-12 19:55 张长胜 阅读(359) 评论(1) 推荐(1)
摘要: 实现方法:先画一个外框 width: 240px; height: 240px;border-radius: 120px;填充背景色background:#b1e4ff;描边border:2px solid #789cb6;加阴影box-shadow: 5px 5px 7px #999;给该死的firefox3私有属性-moz-border-radius: 120px;再画一个小圈,width: 230px; height: 230px;border-radius: 115px;定位,position: relative;top:5px;left:5px;填充背景色background:#3b 阅读全文
posted @ 2012-04-12 19:55 张长胜 阅读(272) 评论(0) 推荐(0)
摘要: CSS3提供了新的边框 ,其中,有圆形边框,边框的颜色也是非常有趣。 Mozila / Firefox已经支持该特性,你可以创造很酷的边框。请看一个例子:在Mozilla浏览器/ Firefox中效果为:显示一灰色的边框该效果CSS3代码如下:border: 8px solid #000;-moz-border-bottom-colors: #555 #666 #777 #888 #999 #aaa #bbb #ccc;-moz-border-top-colors: #555 #666 #777 #888 #999 #aaa #bbb #ccc;-moz-border-left-colo... 阅读全文
posted @ 2012-04-12 19:54 张长胜 阅读(565) 评论(0) 推荐(0)
摘要: CSS CSS就是一种叫做样式表(stylesheet)的技术。也有的人称之为层叠样式表(Cascading Stylesheet)。 在主页制作时采用CSS技术,可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制。 只要对相应的代码做一些简单的修改,就可以改变同一页面的不同部分,或者页数不同的网页的外观和格式。 CSS3提供了非常多新途径去改善你的设计工作,且做了不少重要的变化。CSS3模块 CSS3语言开发是朝着模块化发展的。 以前的规范作为一个模块实在是太庞大而且比较复杂,所以,把它分解为一些小的模块,更多新的模块也被加入进来。这些模块包括: 盒子模型 列表模... 阅读全文
posted @ 2012-04-12 19:54 张长胜 阅读(418) 评论(0) 推荐(0)
摘要: 12款有助于简化CSS3开发的工具:网站开发者能通过CSS3为网站设计增添很多时尚元素,CSS3 对CSS规范做了很大的改进。现在,本文将为你介绍12款有助于简化CSS3开发的工具。1、CSS3 Pie:允许在IE上使用CSS3绝大部分的酷炫功能。2、CSS3 Builder:通过该工具,你可以用类似应用photoshop特效的界面来设计复杂的CSS3 box模型。非常节约时间。3、CSS3 Drop shadow generatr:通过滑块功能直观的设计阴影。只需复制已被自动创建的CSS代码并粘贴到CSS文件中便可。4、Cascadr:非CSS3特有但却非常实用。允许输入HTML代码并能够侦 阅读全文
posted @ 2012-04-12 19:53 张长胜 阅读(267) 评论(0) 推荐(0)
摘要: 另一个令人兴奋的新特征是边框图片。有了这项功能您可以定义一个图像被用来代替正常的边框的一个组成部分。这项功能实际上是分成了几个属性:边框和边框角的形象。这两个值是:border-image:border-top-imageborder-right-imageborder-bottom-imageborder-left-imageborder-corner-image:border-top-left-imageborder-top-right-imageborder-bottom-left-imageborder-bottom-right-image代码:border-image: url(bo 阅读全文
posted @ 2012-04-12 19:53 张长胜 阅读(288) 评论(0) 推荐(0)
摘要: 一直好奇于MongoDB的读写速度以及它的特有的NoSQL查询机制。有幸作了一次Sybase ASA(SQLAnywhere12)和MongoDB写入数据行的速度的比较。这对于大规模Web访问来说,非常重要。比较基准:写入100000行,每行三列,id(整数), name varchar(32), col_blob或clob,8K左右长度。比较最终的写入时间。1. ASA12:dbinit.exe bench.dbdbeng12.exe bench.db代码如下:package com.sql9;import java.sql.*;import java.util.Properties;pub 阅读全文
posted @ 2012-04-12 19:53 张长胜 阅读(370) 评论(0) 推荐(0)
摘要: Adobe Dreamweaver CS5软件使设计人员和开发人员能充满自信地构建基于标准的网站。由于同新的 Adobe CS Live 在线服务 Adobe BrowserLab 集成,用户可以使用 Adobe Dreamweaver CS5的CSS 检查工具进行设计,并使用内容管理系统进行开发并实现快速、精确的浏览器兼容性测试。 下面我们一起看看Adobe Dreamweaver CS5软件带来哪些新特性和功能。 新增功能如下: 集成 CMS 支持 新增功能 尽享对 WordPress、Joomla! 和 Drupal 等内容管理系统框架的创作和测试支持。 CSS 检查 新增... 阅读全文
posted @ 2012-04-12 19:52 张长胜 阅读(495) 评论(0) 推荐(0)
摘要: kimblim网站整理了一份很全面的CSS选择器支持情况,我将其翻译过来并进行进一步的整理,将其尽可能的简化。同时结合evotech网站整理的CSS选择器支持列表,以及我自己平时总结的一些tips。熟悉jQuery的人可能都知道,jQuery的灵魂就是它的选择器,同样我认为选择器是css最强大的功能之一,在不久的将来也会得到重视。jQuery的选择器功能得益于CSS3选择器提供的灵感,却是目前兼容性和易用性最好的选择器,而CSS的选择器不能普及,就是因为某些浏览器在拖后腿。现在就查看《CSS选择器的浏览器支持》吧!综合测试结果,可以得出以下结论:webkit内核浏览器和Opera浏览器对CSS 阅读全文
posted @ 2012-04-12 19:51 张长胜 阅读(296) 评论(0) 推荐(0)
摘要: 欢迎大家相互交流,共同提高技术。第一章Hadoop启动Shell启动脚本分析第一节start-all.sh脚本此脚本很简单,就是根据运行此脚本的目录进入安装hadoop目录下的bin目录,然后运行启动hdfs和mapred的启动脚本。[plain]view plaincopybin=`dirname"$0"`bin=`cd"$bin";pwd`."$bin"/hadoop-config.sh#startdfsdaemons"$bin"/start-dfs.sh--config$HADOOP_CONF_DIR#sta 阅读全文
posted @ 2012-04-12 19:49 张长胜 阅读(408) 评论(0) 推荐(0)
摘要: Windows eclispe调试hive报does not have a scheme错误可能原因1、Hive配置文件中的“hive.metastore.local”配置项值为false,需要将它修改为true,因为是单机版2、没有设置HIVE_HOME环境变量,或设置错误3、“does not have a scheme”很可能是因为找不到“hive-default.xml”。使用Eclipse调试Hive时,遇到找不到hive-default.xml的解决方法:http://bbs.hadoopor.com/thread-292-1-1.html1、中文问题 从url中解析出中文,但h. 阅读全文
posted @ 2012-04-12 19:47 张长胜 阅读(434) 评论(0) 推荐(0)
摘要: reduce exceed 100%"Reduce Task Progress shows > 100% when the total size of map outputs (for asingle reducer) is high "造成原因:在reduce的merge过程中,check progress有误差,导致status > 100%,在统计过程中就会出现以下错误:java.lang.ArrayIndexOutOfBoundsException: 3 at org.apache.hadoop.mapred.StatusHttpServer$TaskG 阅读全文
posted @ 2012-04-12 19:35 张长胜 阅读(280) 评论(0) 推荐(0)
摘要: hadoop的job显示webThere are web-based interfaces to both the JobTracker (MapReduce master) and NameNode (HDFS master) which display status pages about the state of the entire system. By default, these are located at [WWW] http://job.tracker.addr:50030/ and [WWW] http://name.node.addr:50070/.hadoop监控Onl 阅读全文
posted @ 2012-04-12 19:35 张长胜 阅读(505) 评论(0) 推荐(0)
摘要: Hadoop添加节点的方法自己实际添加节点过程:1. 先在slave上配置好环境,包括ssh,jdk,相关config,lib,bin等的拷贝;2. 将新的datanode的host加到集群namenode及其他datanode中去;3. 将新的datanode的ip加到master的conf/slaves中;4. 重启cluster,在cluster中看到新的datanode节点;5. 运行bin/start-balancer.sh,这个会很耗时间备注:1. 如果不balance,那么cluster会把新的数据都存放在新的node上,这样会降低mr的工作效率;2. 也可调用bin/start 阅读全文
posted @ 2012-04-12 19:34 张长胜 阅读(280) 评论(0) 推荐(0)
摘要: 3:处理速度特别的慢 出现map很快 但是reduce很慢 而且反复出现 reduce=0%Answer:结合第二点,然后修改 conf/hadoop-env.sh 中的export HADOOP_HEAPSIZE=40004:能够启动datanode,但无法访问,也无法结束的错误在重新格式化一个新的分布式文件时,需要将你NameNode上所配置的dfs.name.dir这一namenode用来存放NameNode 持久存储名字空间及事务日志的本地文件系统路径删除,同时将各DataNode上的dfs.data.dir的路径 DataNode 存放块数据的本地文件系统路径的目录也删除。如本此配置 阅读全文
posted @ 2012-04-12 19:33 张长胜 阅读(245) 评论(0) 推荐(0)
摘要: 单个node新加硬盘1.修改需要新加硬盘的node的dfs.data.dir,用逗号分隔新、旧文件目录2.重启dfs同步hadoop 代码hadoop-env.sh# host:path where hadoop code should be rsync'd from.Unset by default.# export HADOOP_MASTER=master:/home/$USER/src/hadoop用命令合并HDFS小文件hadoop fs -getmerge <src> <dest>重启reduce job方法Introduced recovery of 阅读全文
posted @ 2012-04-12 19:33 张长胜 阅读(513) 评论(0) 推荐(0)
摘要: hadoop 阅读全文
posted @ 2012-04-12 19:31 张长胜 阅读(284) 评论(0) 推荐(0)
摘要: 1.使用Sqlite需要添加框架集libsqlite3.dylib以及import头文件<sqlite3.h>。2.Sqlite函数库是使用c开发的,所以SQL查询语句需要使用char*保存,NSString转Char*请使用[NSString UTF8String]。3.使用Sqlite查询某字段含某关键字的SQL语句写法是"select * from tb_table where title like '%hello%';",其中hello是要查询的关键字,SQL语句后有分号。4.百分号的转换,NSString中需要格式化的字符串中百分号使用 阅读全文
posted @ 2012-04-12 19:28 张长胜 阅读(316) 评论(0) 推荐(0)
摘要: 以前一直以为只要是压缩文件,文件的大小变会变小的,无论如何也没有考虑过,压缩文件时文件的大小会增加的情况,今天还就遇到了,以图为鉴: 阅读全文
posted @ 2012-04-12 19:27 张长胜 阅读(159) 评论(0) 推荐(0)
摘要: 如果每天都有86400元进入你的银行户头,而你必须当天用光,你会如何运用这笔钱?天下真有这样的好事吗?是的,而且这种好事每天都在发生着,你真的有这样一个户头,那就是“时间”。每天每一个人都会有新的86400秒进账,而这86400秒的价值要远远的大于86400元.那么,面对这样的一大笔财富。你打算怎样利用它们呢?其实吧,我并不知道你是如何利用它们,但我知道我自己是如何利用的,下面把我的一些时间管理经历和大家分享.今天是2012-4-11 ,是我来到这个世界上的第9142天.关于时间管理的概念理解,我是在大学二年级的某一天通过百度百科所学习到的.因为在那之前自己也经常的听到时间管理这个,时间管理那 阅读全文
posted @ 2012-04-12 19:26 张长胜 阅读(243) 评论(0) 推荐(0)
摘要: 你是否曾遇到这种情况: 情景一:不知道要忙什么,不知道要干什么,一整天呻吟无聊无聊,但是晚上倒头就睡,第二天接着呻吟…… 情景二:不知道要忙什么,不知道要干什么,一整天呻吟无聊无聊,但是到晚上临睡前感到荒废了一天,浪费了一天。因此在深深地内疚中入睡…… 情景三:即使忙忙碌碌的一天,但是到晚上临睡前感到仍没有收获,更糟糕的是竟然回忆不起一天都忙些什么。因此在痛苦的回想中入睡…… 导致这种情况的原因在于:没有梦想,没有理想。 就是不知道自己要干什么,不知道自己想要什么。 是原来没有梦想,没有理想,而导致以上情景发生,还是因为梦想,理想遥远看不到希望,放弃而如此堕落? 若是前者的话,那没救了,若人活 阅读全文
posted @ 2012-04-12 19:24 张长胜 阅读(292) 评论(0) 推荐(0)
摘要: 最近做项目,用到判断网络连接状态,于是想写个能兼容多种网络模式的判断工具,如下直接上代码import java.util.Hashtable;import android.content.Context;import android.net.ConnectivityManager;import android.net.NetworkInfo;import android.net.NetworkInfo.DetailedState;import android.util.Log;import com.rk.jcz.util.FeedBackException;/**** @author 刘伟* 阅读全文
posted @ 2012-04-12 19:22 张长胜 阅读(850) 评论(1) 推荐(0)
摘要: 本文首先以一个简单的sed命令应用示例,说明如何使用sed命令进行文本处理,接着从sed命令的用法、工作原理、行地址模式以及sed命令支持的脚本命令详细介绍sed命令的用法。一个完整的sed命令使用简单示例 现在有一个待处理文件test.txt,文件中包含一系列的位图数据1和0,它们位于<Figure Begin>和<Figure End>之间,需要将它们写入一个单独的文件,并使用.FG <insert figure here> .FE替换着部分内容。替换输入文件中的<para> 标识为.LP并删除其下的空行。最后,删除输入文件中的所有空行。处理 阅读全文
posted @ 2012-04-12 19:21 张长胜 阅读(2516) 评论(0) 推荐(1)
摘要: 本文给出两个函数: BeanUtils.getFieldValue(object,propertyName);//取出object对象中的propertyName属性的值.propertyName只能是object所在类中定义的,而不是其基类定义的 BeanUtils.getFieldValueInAllSuper(object,propertyName);//);//取出object对象中的propertyName属性的值.propertyName包括在object所在类的基类中定义的属性 看代码: [java]view plaincopyprint?publicclassBean... 阅读全文
posted @ 2012-04-12 19:20 张长胜 阅读(2067) 评论(0) 推荐(0)
摘要: 例:status=system("./test.sh");1、先统一两个说法:(1)system返回值:指调用system函数后的返回值,比如上例中status为system返回值(2)shell返回值:指system所调用的shell命令的返回值,比如上例中,test.sh中返回的值为shell返回值。2、如何正确判断test.sh是否正确执行?仅判断status是否==0?或者仅判断status是否!=-1?都错!3、man中对于system的说明RETURN VALUE The value returned is -1 on error (e.g. fork() fa 阅读全文
posted @ 2012-04-12 19:17 张长胜 阅读(2565) 评论(0) 推荐(0)
摘要: 最近有朋友在下载了我的专栏“【Visual C++】游戏开发”里某一节笔记的源代码之后,发觉一个问题:他们的IDE是VS2008,而我提供的源代码都是注明在VS2010下运行。于是我发表这篇博文,希望能对想解决这个问题的朋友有所帮助。当用 VS2010 打开 VS2008 解决方案(sln文件)或项目(csproj 文件或 vbproj 文件等)时,VS2010 会提示需... 阅读全文
posted @ 2012-04-12 14:38 张长胜 阅读(190) 评论(0) 推荐(0)