HTML5
自由职业者-毛豆豆
移动互联网专家
展开
-
UIWebView与JS的深度交互
UIWebView与JS的深度交互事情的起因还是因为项目需求驱动。折腾了两天,由于之前没有UIWebView与JS交互的经历,并且觉得这次在功能上有一定的创造性,特此留下一点文字,方便日后回顾。我要实现这样一个需求:按照本地的CSS文件展示一串网络获取的带HTML格式的只有body部分的文本,需要自己拼写完整的HTML。除此之外,还需要禁用获取的HTML文本中自带的转载 2015-08-10 09:10:16 · 321 阅读 · 0 评论 -
HTML5全屏背景视频jQuery插件
vidbg是一款基于HTML5的全屏背景视频jQuery插件。通过该jQuery插件可以在容器中插入视频,也可以将视频作为页面的全屏背景。该视频插件使用简单,兼容IE9以上的浏览器。它的特点还有: 支持所有的现代网页浏览器。 兼容IE9+浏览器。 视频会在桌面设备和笔记本电脑上播放,在移动设备(平板和手机等)上会回退为显示视频的封面。 使用方法...转载 2015-11-25 09:18:44 · 2802 阅读 · 1 评论 -
HTML5新元素section和article的区别详解
HTML5带出了一系列新元素,并且将在未来被广泛应用。然而,有一些元素在使用时易被混淆,包括以下两个新元素:和。在问答网站经常可以看到别人问:在什么情况下我们应该使用这些元素?我们应该如何正确的使用这些元素?和有什么区别?鉴于以上的这些问题,E良师益友网为大家讲解一下和的区别:一、Article元素从名字上,它已经很好的诠释了自己,但是我们仍要看看官方文转载 2015-12-17 15:57:10 · 542 阅读 · 0 评论 -
移动前端头部标签(HTML5 head meta)
移动前端开发中添加一些webkit专属的HTML5头部标签,帮助浏览器更好解析html代码,更好地将移动web前端页面表现出来。本文整理一些常用的meta标签。 lang="zh-cmn-Hans"> > charset='utf-8'> http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"转载 2015-12-18 09:38:46 · 400 阅读 · 0 评论 -
史上最全HTML与CSS布局技巧
单列布局水平居中水平居中的页面布局中最为常见的一种布局形式,多出现于标题,以及内容区域的组织形式,下面介绍四种实现水平居中的方法(注:下面各个实例中实现的是child元素的对齐操作,child元素的父容器是parent元素)使用inline-block 和 text-align实现.parent{text-align: center;}转载 2015-12-04 16:56:32 · 482 阅读 · 0 评论 -
jQuery仪表盘指示器动画插件 6种仪表样式
原创 2016-03-31 11:10:11 · 2608 阅读 · 0 评论 -
H5 页面适配所有 iPhone 和安卓机型的六个技巧
目前,很多APP设计师小伙伴已经开始转向H5前端开发啦,但是解决所有iPhone和安卓机型的适配问题是我们的重中之重。无论是设计APP还是写前端H5.都是要考虑移动端的兼容性。25学堂今天跟大家来回顾一下H5页面去适配所有iPhone和安卓机型的一些技巧和办法。回归正题,兼容iphone各版本机型最佳的方式就是自适应。1、viewport 简单粗暴的方式:<meta n...转载 2016-04-25 13:47:28 · 29425 阅读 · 0 评论 -
HTML5实现仪表盘、温度计等插件实用源码
代码下载https://download.csdn.net/download/maodoudou1217/10809846有需要的可以联系我qq:1436182350微信:原创 2015-04-05 13:40:31 · 14495 阅读 · 4 评论 -
前端开发者都应知道的 jQuery 小技巧
回到顶部按钮通过使用 jQuery 中的 animate 和 scrollTop 方法,你无需插件便可创建一个简单地回到顶部动画:1 // Back to top2 $('a.top').click(function (e) {3 e.preventDefault();4 $(document.body).animate({scrollTop: 0}, 800);5 }转载 2015-11-18 17:40:44 · 230 阅读 · 0 评论 -
HTML5 Web SQL 数据库
Web SQL 数据库 API 并不是 HTML5 规范的一部分,但是它是一个独立的规范,引入了一组使用 SQL 操作客户端数据库的 APIs。假定你是一个优秀的 Web 开发人员,如果是这样的话,毫无疑问你会很清楚 SQL 和 RDBMS 的概念。如果你仍然需要一个 SQL 的议题,可以学习我们的 SQL 教程。我们可以在最新版的 Safari,Chrome 和 Opera 中使转载 2015-10-10 16:34:29 · 399 阅读 · 0 评论 -
基于纯CSS创建各种图形形状
CSS也称作层叠样式表,用于控制网页内容显示情况,它可以控制HTML无法控制的许多属性,利用CSS能实现多种多样的动画效果,之前我们分享过很多CSS3实现的特效、动画及一些游戏,今天再来教大家学习如何使用简单的CSS创建不同类型的平面图形。 实例分享 矩形1.rectangle {转载 2015-11-09 16:17:37 · 472 阅读 · 0 评论 -
史上最详细的JavaScript事件使用指南
史上最详细的JavaScript事件使用指南事件流事件流描述的是从页面中接收事件的顺序,IE和Netscape提出来差不多完全相反的事件流的概念,IE事件流是事件冒泡流,Netscape事件流是事件捕获流。事件冒泡IE的事件流叫做事件冒泡,即事件开始时由最具体的元素(文档中嵌套最深的那个节点)接收,然后逐级向上(一直到文档);如下代码:转载 2015-08-10 13:59:19 · 372 阅读 · 0 评论 -
24个 HTML5 & CSS3 下拉菜单制作教程
下拉菜单是一个很常见的效果,在网站设计中被广泛使用。通过使用下拉菜单,设计者不仅可以在网站设计中营造出色的视觉吸引力,但也可以为网站提供了一个有效的导航方案。使用HTML5 和 CSS3 可以更容易创造视觉上充满吸引力的下拉菜单。 A Flash Blue Menu 在线演示 源码下载 Fanc转载 2015-08-15 09:34:07 · 647 阅读 · 0 评论 -
20 个强大图象处理功能的 SVG 工具
SVG 现正在 Web 设计领域变得越发流行, 你可以使用 Illustrator 或者 Inkscape 来创建 SVG 图像。 但当进行 Web 设计时,我们还需要做一些优化来使得 SVG 变得更加轻量。下面介绍的 20 个工具,可以帮助你快速有效的创建 SVG 图像。现有的在线工具已经可以帮助我们进行优化、转换、新建模式等工作。更详细的介绍,参见:How To Create转载 2015-08-19 22:17:09 · 3692 阅读 · 0 评论 -
HTML5如何用window.postMessage在网页间传递数
估计很少人知道HTML5 APIS里有一个window.postMessage API。window.postMessage的功能是允许程序员跨域在两个窗口/frames间发送数据信息。基本上,它就像是跨域的AJAX,但不是浏览器跟服务器之间交互,而是在两个客户端之间通信。让我们来看一下window.postMessage是如何工作的。除了IE6、IE7之外的所有浏览器都支持这个功能。转载 2015-09-29 17:13:49 · 334 阅读 · 0 评论 -
HTML5 Web存储(Web Storage)技术及用法
在如今的Web开发中,HTML5是大家讨论的最大一个话题。HTML5提供的新功能特征使得Web程序员如虎添翼,并免去了以往钻研各种方法来让网站更好、更快、更灵活的气力。这些新功能中有一个非常让我感兴趣,它就是Web存储(Web Storage)。Web存储(Web Storage)提供了一个在浏览器端保存用户会话信息的方法。下面让我们来看一看Web存储(Web Storage)的基本用法!转载 2015-09-29 17:23:32 · 352 阅读 · 0 评论 -
Web网页性能管理详解
你遇到过性能很差的网页吗?这种网页响应非常缓慢,占用大量的 CPU 和内存,浏览起来常常有卡顿,页面的动画效果也不流畅。你会有什么反应?我猜想,大多数用户会关闭这个页面,改为访问其他网站。作为一个开发者,肯定不愿意看到这种情况,怎样才能提高性能呢?本文将详细介绍性能问题的出现原因,以及解决方法。一、网页生成的过程要理解网页性能为什么不好,就要了解网页转载 2015-09-18 09:48:11 · 289 阅读 · 0 评论 -
基于 HTML5 的 3D 网络拓扑树呈现
在HT for Web中2D和3D应用都支持树状结构数据的展示,展现效果各异,2D上的树状结构在展现层级关系明显,但是如果数据量大的话,看起来就没那么直观,找到指定的节点比较困难,而3D上的树状结构在展现上配合HT for Web的弹力布局组件会显得比较直观,一眼望去可以把整个树状结构数据看个大概,但是在弹力布局的作用下,其层次结构看得就不是那么清晰了。所以这时候结构清晰的3D树的需求就来了,那么转载 2015-10-08 18:11:29 · 1058 阅读 · 0 评论 -
使用 JavaScript 截屏
经常在微博上看到很多内容使用的什么长微博截图,并且截图上还附加了很多其他的信息。之前对纯前端截图有些研究,正好本博客有这个需求,今天就把这东西实现了下。需要声明的是,JavaScript 目前还不能实现网页截屏,就算以后能够实现,也一定是浏览器提供了相关接口,JS 去调用这些接口。既然不能截屏,那我们能做的只有通过拿到像素点的信息来”拼凑”图片。先说说我们看转载 2015-10-22 23:03:14 · 567 阅读 · 0 评论 -
JavaScript中的高精度计时
HRT(High Resolution Timing, 高精度计时)在一些场合有很大的作用,比如游戏开发中,需要精确的计算两帧之间的时间差。在JS中常常用(new Date()).getTime()来获取毫秒级的时间戳,虽然是毫秒级,但事实上它的真实精度只能达到大概16ms的级别。例如while(true){console.log((new转载 2015-10-22 23:07:27 · 3394 阅读 · 0 评论