随笔分类 -  html5

html 问题
摘要:1、footer处理 目标: 页面较短,footer位于页面底部,出现滚动条时,依然在原来的位置,不随滚动条移动 页面较长,位于元素底部 .container{ position: relative } .footer{ position: absolute; bottom: 0 } var w_h 阅读全文
posted @ 2016-08-03 22:22 j.w 阅读(142) 评论(0) 推荐(0) 编辑
html 语法
摘要:p: 源代码中包含多行,但是浏览器会忽略多行 产生折行效果 h1:居中用样式实现 :水平线,有的很像border top/bottom,或许用实现更好 pre: 预格式化的文本,可以保留空格和换行,常用于表示源代码。 用空格代替tab,"" 代表 " ","&" 代表 "&", width numb 阅读全文
posted @ 2016-07-05 21:38 j.w 阅读(150) 评论(0) 推荐(0) 编辑
html5 input
摘要:教程:http://www.cnblogs.com/shenzhoulong/archive/2011/02/13/1952919.htmlemail:会验证email格式url: 会验证url格式number:限制输入的数字,steprange:滑动条data: datatime datatime... 阅读全文
posted @ 2015-12-30 00:36 j.w 阅读(147) 评论(0) 推荐(0) 编辑
html5 datalist
摘要:教程:http://www.w3school.com.cn/html5/html5_datalist.asp提供自动完成的文本框 阅读全文
posted @ 2015-12-30 00:32 j.w 阅读(143) 评论(0) 推荐(0) 编辑
html5 实现qq聊天的气泡效果
摘要:教程:http://m.blog.csdn.net/blog/yhc13429826359/38778337写的很好。自己实现的时候,由于img float:left,会脱离文档流,导致结构混乱。学到的知识是:clear:both;清除当前定义的元素左右浮动诸如:clear:left; //清除... 阅读全文
posted @ 2015-11-02 15:21 j.w 阅读(1108) 评论(0) 推荐(0) 编辑
html5 定位
摘要:需要实现的功能:移动端的网页,能定位到中文地址。百度地图能实现这样的功能。之前精度差得原因是,我用自己的mac做服务器,用手机来浏览定位,这样只能定位到mac 的地址,mac上浏览器的地址就没准了。估计以后上线的话,就正常了。Google地图怕不稳定。代码/* * 定位函数 */ ... 阅读全文
posted @ 2015-10-14 16:09 j.w 阅读(364) 评论(0) 推荐(0) 编辑
less
摘要:这篇教程写的挺不错的:http://www.cnblogs.com/fsjohnhuang/p/4187675.html使用一点时间之后再看。less中文官网:http://www.bootcss.com/p/lesscss/less中文官网:http://less.bootcss.com/ 函数详... 阅读全文
posted @ 2015-06-22 11:00 j.w 阅读(222) 评论(0) 推荐(0) 编辑
css布局:定宽,自适应
摘要:css三栏布局:1、中自:float,absolute,margin三种方法。2、中固:margin,table两种方法。两边定宽,中间自适应:float:#left{ float:left; width:220px; height:200px; background-color: red;... 阅读全文
posted @ 2015-02-28 10:34 j.w 阅读(353) 评论(0) 推荐(0) 编辑
file API
摘要:好的教程:http://blog.csdn.net/fwwdn/article/details/8349657/FileEntry and DirectoryEntryFileList : file集合,(length,item)Blob : slice(), (size, type)File : ... 阅读全文
posted @ 2015-01-28 22:23 j.w 阅读(132) 评论(0) 推荐(0) 编辑
web存储
摘要:两种存储方式localStorage和sessionStorage,由cookie完成。localStorage:没有时间限制:if (localStorage.pagecount) { localStorage.pagecount=Number(localStorage.pagecount) ... 阅读全文
posted @ 2014-11-13 21:17 j.w 阅读(143) 评论(0) 推荐(0) 编辑
application cache 应用缓存
摘要:这些应用还是要自己实现一遍,否则真不知道哪里会出问题。客户端: H5 application cache result ... 阅读全文
posted @ 2014-11-13 11:53 j.w 阅读(244) 评论(0) 推荐(0) 编辑
web worker
摘要:将一些耗费CPU资源的任务交由web Worker运行而不冻结用户界面。客户端代码:var w = new Worker('javascripts/work.js'); w.onmessage = function(e){ document.getElementById('res... 阅读全文
posted @ 2014-11-12 13:10 j.w 阅读(145) 评论(0) 推荐(0) 编辑