摘要: 看了jscode的《HTML5编程百例之一:HTML5时钟》,很赞!不过有一些地方觉得不太合理,就自己动手重构了下,欢迎大家拍砖! 改进的地方有: 1、不用反复重绘不变的圆盘、刻度和数字; 2、封装了一下; 效果图:00:00:00插入文件的功能用不了,只有贴出源代码了,郁闷。<!DOCTYPEhtml><html><head><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/><title>超酷HTML5时钟(作者: 阅读全文
posted @ 2012-04-11 18:04 ihada 阅读(1094) 评论(4) 推荐(3) 编辑
摘要: function Fen2Yuan( num ) { if ( typeof num !== "number" || isNaN( num ) ) return null; return ( num / 100 ).toFixed( 2 ); } 阅读全文
posted @ 2012-03-14 23:37 ihada 阅读(2257) 评论(0) 推荐(0) 编辑
摘要: 方法一: function getParamValue( url, key ) { if ( typeof url !== "string" || typeof key !== "string" ) return ""; var index = url.indexOf( key + "="); if ( index === -1 ) return ""; url = url.substr( index + 1 + key.length ); index = url.indexOf( " 阅读全文
posted @ 2012-03-14 23:11 ihada 阅读(216) 评论(0) 推荐(0) 编辑
摘要: HTML5版邮箱开发历时时间蛮长的。从做需求到写用例,从开发到测试,从产品最后到用户,各个环节都做了很多无用功,浪费不少时间,值得把这些问题总结出来与大家分享一下: 1、移动平台的兼容性问题。移动平台的兼容性问题 >= PC的浏览器兼容性 + 移动操作系统定制特性 + 各种分辨率兼容性,加之Windows iPhone尚未流通市场,所以在现在及将来很长时间内要想兼容所有移动用户根本就是件不可能的事情。项目初期,应该仔细核对产品提出的兼容范围。这时容易出现的问题有对各种移动平台的市场占有率把握不准确,不能拥有各种主要移动平台的测试环境,对兼容的范围设定不是技术上无法实现的偏大就是不能满.. 阅读全文
posted @ 2012-02-01 10:11 ihada 阅读(769) 评论(0) 推荐(0) 编辑
摘要: 1、有用过dl、dt、dd这三个元素吗?其表达的语义是什么? dl —definition lists 定义列表 dt —definition term dd —definition description 自定义列表中每个元素的标题使用<dt>定义,后面跟随<dd>用于描述列表中元素的内容,所以<dt>和<dd>几乎是成对出现的。与<ul>、<ol>相比有较好的层次性和和可读性,语义性也更加明确。2、如何实现定宽、自适应的两列、三列布局? 实现原理:i.块元素要包含在一个容器里ii.添加overflow: hidden 阅读全文
posted @ 2011-09-04 00:58 ihada 阅读(364) 评论(0) 推荐(0) 编辑
摘要: 标题(H1-H6)标签是指网页html 中对文本标题所进行的着重强调的一种标签,以标签<h1>、</h1><h2>、</h2><h3>到</h3><h6>依此显示重要性的递减,制作<h>标签的主要意义是告诉搜索引擎这个是一段文字的标题,起强调作用。网站优化时怎么使用标题(H1-H6)标签?1、使用<h1>、</h1><h2>、</h2><h3>、</h3><h4>、</h4><h5>来部分说明 阅读全文
posted @ 2011-08-11 12:27 ihada 阅读(1804) 评论(1) 推荐(0) 编辑
摘要: <!-- Portions © International Organization for Standardization 1986Permission to copy in any form is granted for use withconforming SGML systems and applications as defined inISO 8879, provided this notice is included in all copies.--><!-- Character entity set. Typical invocation:<! 阅读全文
posted @ 2011-08-08 12:36 ihada 阅读(1350) 评论(0) 推荐(0) 编辑
摘要: 在HTML5中,对表单做了重大修整,一些以前需要通过JavaScript编码实现的功能现在无需编码就可轻松实现。1、form 标签增加了两个新的属性:autocomplete和novalidate。 autocomplete:用于启用“下拉建议列表”功能 novalidate:用于关闭表单验证功能2、fieldset 标签增加了三个新属性:disable、name和form。 disable:用于禁用<fieldset> name:用于设置<fieldset>的名称 form:用于与其所属表单关联,该属性值是<fieldset>所属的一个或多个表单的ID。在 阅读全文
posted @ 2011-08-07 16:44 ihada 阅读(358) 评论(0) 推荐(0) 编辑
摘要: 工作中写的一个手机字母索引控件,只适用于 Chrome,其它没有测试。sourcecode.zip//矫正调用者。将 fn 作为 newObj 的方法调用function repairCaller(newObj, fn){ return function(){ return fn.apply(newObj, arguments); }}function AlphaIndex( config ){ //索引面板 this.indexPanel = (function(){ var alphaList = '', index = document.createElement( 阅读全文
posted @ 2011-08-05 01:04 ihada 阅读(712) 评论(0) 推荐(1) 编辑
摘要: 改写了一下,可支持同一页面内同时存在多个拖动对象,FF下面有点慢,估计是没取消冒泡造成的,我自己尝试了下,没有进展,希望等到高手指教!/**使用方法:* var d = new Drag({id:'xxx',range:{maxLeft:100,minLeft:100,maxTop:100,minTop:100}});* d.ready();*请注意:* 拖动对象的left和top样式必须写在其style属性里边**///矫正调用者。将 fn 作为 newObj 的方法调用function repairCaller(newObj, fn){ return function(){ 阅读全文
posted @ 2011-07-28 13:46 ihada 阅读(324) 评论(2) 推荐(1) 编辑