随笔分类 - HTML5与Webapp开发

addeventListener中DOMContentLoaded\onreadystatechange事件

摘要：1、DOMContentLoaded事件用法为：目前已在HTML5中被标准化，当 DOMContentLoaded 事件触发时，仅当DOM加载完成，不包括样式表，图片，flash。 document.addeventListener('DOMContentLoaded',function(){.. 阅读全文

posted @ 2017-06-20 11:06 chenguiya 编辑

移动端解决fixed和input获取焦点软键盘弹出影响定位的问题

摘要：js代码为： http://blog.csdn.net/kongjiea/article/details/46545351 https://www.douban.com/note/341635041/ 阅读全文

posted @ 2016-09-04 00:08 chenguiya 编辑

px em rem在WEB前端开发中的区别

摘要：可以在两个网址中找到：http://www.qianduanview.com/571.htmlhttp://fuwutu.com/ziyuan/web/201404/032577.htmlhttp://www.w3cplus.com/css3/define-font-size-with-css3-r... 阅读全文

posted @ 2015-04-17 15:17 chenguiya 编辑

HTML5从入门到精通之一

摘要：第一、开发前准备链接地址学习：http://www.jikexueyuan.com/path/html5/ 阅读全文

posted @ 2015-03-26 22:48 chenguiya 编辑

几种display:table-cell的应用

摘要：一、display:table-cell属性简述 display:table-cell属性指让标签元素以表格单元格的形式呈现，类似于td标签。目前IE8+以及其他现代浏览器都是支持此属性的，但是IE6/7只能对你说sorry了，这一事实也是大大制约了display:table-cell属性在实际项... 阅读全文

posted @ 2014-08-27 18:49 chenguiya 阅读(1306) 评论(0) 推荐(0) 编辑

移动平台前端开发之WebApp代码技巧

摘要：1、首先我们来看看webkit内核中的一些私有的meta标签，这些meta标签在开发webapp时起到非常重要的作用第一个meta标签表示：强制让文档的宽度与设备的宽度保持1:1，并且文档最大的宽度比例是1.0，且不允许用户点击屏幕放大浏览；第二个meta标签是iphone设备中的safari私有m... 阅读全文

posted @ 2014-06-30 18:18 chenguiya 阅读(553) 评论(0) 推荐(0) 编辑

HTML5视频标签video

摘要：现阶段，我们要在网页中嵌入视频的最可靠最常用的办法是使用Flash，通过使用和标签，就可以通过浏览器播放swf，flv等格式视频文件，但是前提是浏览器必须安装第三方插件：Adobe Flash Player。而HTML5的到来，改变了这一事实，WEB开发者只需要使用标签就可以轻松加载视频文件，而不需要任何第三方插件。未来的WEB将可以在任何终端，任何平台只需通过HTML5的标签就能实现加载视频文件。其中演示的网址为：http://www.helloweba.com/demo/html5video/WEB中的Video标签HTML5定义了一个新的元素用来指定标准的方式来插入视频文件到web页面中阅读全文

posted @ 2014-02-11 15:02 chenguiya 编辑

HTML5之结构元素

摘要：1：文档结构元素 1.1 文章语义 -- article、header和footer元素 article元素在页面中用来表示结构完整且独立的内容部分，如论坛的一个帖子，杂志或者报纸的一篇文章。 article元素是可以嵌套使用的，内层的内容在原则上需要与外层内容相关联。例如，一篇博客文章与针对该文章的评论一起可以使用嵌套article的方式，这时用来呈现评论的article元素被包含在文章内容的article里面。 header元素是一种具有引导和导航作用的辅助元素，通常，header元素可以包含一个区块的标题，但也可以包含其他的内容。 footer元素可以作为... 阅读全文

posted @ 2014-02-10 15:27 chenguiya 阅读(632) 评论(1) 推荐(0) 编辑