
工作笔记-html学习
文章平均质量分 89
索然索藉
学生,毕业了
展开
-
html5学习笔记之三(引入多媒体对象)
看视频,做笔记:1.多媒体对象转码工具:Ffmpeg、vlc、firefogg等2.指定视频播放地址: your browser does not support the video tag.video标签为内嵌元素,如果浏览器不支持的话可以显示your browser does not support the video tag.视频属性原创 2012-05-31 20:42:21 · 569 阅读 · 0 评论 -
根据IP地址获得天气预报-整理搜集
在网页中,有时候需要显示天气预报的信息,而网络中也有许多这方面的插件可以使用,但许多插件都有带有链接,且布局较为固定,不一定符合网页的要求。因此,需要根据一些API接口来自己实现天气预报功能。在网络中,我们也可以查到许多关于天气预报的免费的API接口:如:http://blog.youkuaiyun.com/fengyun1989/article/details/7341166这篇博客里面介绍了谷原创 2013-10-06 14:38:16 · 5351 阅读 · 3 评论 -
jQuery报错:Uncaught ReferenceError: $ is not defined
在使用jQuery的时候,发现有如下报错:Uncaught ReferenceError: $ is not defined (anonymous function)出现这个报错的原因:1.jQuery库文件的路径不对,检查文件路径是否正确一般就能解决该错误。2.如果库文件的路径是正确的,那么可能在html中加载jQuery库文件顺序有误,如果将jQu原创 2013-08-15 17:41:59 · 52719 阅读 · 2 评论 -
网页中控制图片大小
在网页中,有时候所引用的图片过大,导致显示的时候只能显示一部分。对此,应当对图片进行一定的缩放,具体方法如下:1.利用css对图片大小进行控制:testimg{ border:0; margin:0; padding:0; max-width:1280px; width:expression(this.width>1280?"1280px":this原创 2012-10-25 15:55:21 · 3744 阅读 · 0 评论 -
html5学习笔记之九(web workers)
为什么会有web worker1.在header标签加载js时,因为浏览器解析会从上往下解析的,如果加载的js过多时,页面被阻塞的情况可能性就越大。2.当需要下载多个js文件时,需要多次建立http连接,因为建立http连接时间开销比较大,所以一个大的js文件好过几个小的js文件。3.js也具有计算功能,但当js在计算时,则不能及时响应。 web worker提供的功能:对原创 2012-08-29 23:33:07 · 1113 阅读 · 0 评论 -
html5学习笔记之十(微数据)
为何需要微数据1.长篇累牍,不好理解2.微标记来标注其中内容,让其容易辨识itemprop标记 pat methenyantonio sanchez这样,就将段落中的内容突出出来了支持的元素:src:audio、embed、iframe、img、source、videohref:a、area、linkdatetime:timecontent:原创 2012-08-30 11:50:48 · 4169 阅读 · 2 评论 -
html5学习笔记之八(新的网络连接技术)
1.http协议优点:协议简单,使用方便,发送方便,接口公开化缺点:每次发起总要重新连接,要是有session或cookie来保存用户信息2.web-sockets连接有持续的数据连接流,全双工的工作方式,但它是http连接的补充而非替代品(http已经是一个很完善的体系,而socket目前只提供较简单的功能)socket的端口指定是随机的,可能会受计算机防火墙的影响,所以so原创 2012-08-13 21:29:01 · 640 阅读 · 0 评论 -
jQuery的基本知识
1.jquery的基本介绍:Jquery是继prototype之后又一个优秀的Javascrīpt框架。它是轻量级的js库(压缩后只有21k) ,它兼容CSS3,还兼容各种浏览器 (IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+)。jQuery使用户能更方便地处理HTML documents、events、实现动画效果,并且方便地为网站提供AJAX交互。jQ原创 2012-05-24 10:55:35 · 477 阅读 · 0 评论 -
html5学习笔记之六(地理应用)
看视频,做笔记:地理位置信息的获取分为GPS和AGPS两种方式。地理信息应用获取自己的位置(一般在加载阶段使用):window.onload = function(){if(navigator.geolocation){navigator.geolocation.getCurrentPosition(function(pos){$("lat").innerHTML = po原创 2012-06-06 19:55:05 · 506 阅读 · 0 评论 -
html5学习笔记之四(canvas对象)
看视频,做笔记:1.例子:var canvas = document.querySelector("canvas");var context = canvas.getContext('2d');context.fillStyle = 'red';context.fileRect(0,0,800,600);context.fillStyle = 'rgba(255,255原创 2012-06-04 19:43:03 · 744 阅读 · 0 评论 -
html5学习笔记之七(独立数据存储)
看视频,学笔记:cookie不支持加密,易造成信息泄露,且存储空间只有8k。flash应用有lso存储,默认存储为100k,最大为10MB。silverlight3开始,提供存储功能,默认为1MB。1.storage接口storage是一个哈希表,提供两种存储方式,有sessionstorage和localstorage,都有以下的属性:length:包含对象数目,为只读属原创 2012-06-07 20:33:11 · 748 阅读 · 0 评论 -
html5学习笔记之五(扩展图形标记)
看视频,做笔记:1.字体信息context.font = [CSS font property]属性有:font-style、font-variant、font-size、font-family,用法如下:context.font = [font-style font-variant font-weight font-size font-family]只有font-size和f原创 2012-06-05 20:05:05 · 622 阅读 · 0 评论 -
html5学习笔记之二(智能表单设计)
看视频,做笔记:一、新的输入类型1.email:可以自动校验是否是一个电子邮件地址(不同浏览器可能提示方式不太一样),用法如下:2.url:可以自动将提交的数据变为url,用法如下:3.number:有四个属性max(最大值)、min(最小值)、step(步进修改值)、value(默认值)。用法如下:4.range:选择一个范围内的数字作为输入,属性和number一原创 2012-05-29 22:17:07 · 805 阅读 · 0 评论 -
html5学习笔记之一(新的页面组织标记)
看视频,做笔记:html5主要专注于内容不注重形式。一、头部标记1.header:一般用于头条醒目的新闻,但可以用于页面的任何部分。可以嵌套,但不能嵌套在footer和adress中(adress用来描述地址信息,footer用于描述尾部信息)。2.hgroup:用于在header中定义详细信息,可以认为header是一个大容器,而hgroup是一个小容器。hgroup可用h1到h原创 2012-05-28 21:41:55 · 762 阅读 · 0 评论 -
用cookie实现localstorage功能
在项目中需要利用到html5的localstorage。但在利用这个属性的时候却发现无法达到预定目标。经过不断的检查及排除,最后发现原因所在:项目中使用的浏览器是支持localstorage的,但是却无法使用,具体原因未知(推测可能需要对浏览器的环境变量进行相关配置才能直接使用,但我对此无能为力)。最后,通过上网查询,发现可以使用cookie实现localstorage的功能(当然数据保存原创 2012-07-10 17:01:01 · 2128 阅读 · 0 评论 -
html网页的特殊字体属性
在学习一个html项目代码的时候,发现网页中出现一副世界地图,它是在font-family属性中设置成webdings,然后使用“û”字符,就可以显示出世界地图的样子。出于好奇,搜索了一下font-family属性,知道了网页中有特殊字体这么一说,只要将font-family属性设置为:webdings或wingding或symbol,即可将当前的ascill字符以相应的图片或特殊原创 2013-10-10 13:41:23 · 1396 阅读 · 0 评论