-
解决H5的a标签的download属性下载service上的文件出现跨域问题
所属栏目：[MySql教程] 日期：2020-03-28 热度：117
1.通过点击下载多媒体文件(图片/视频/文件等) 最简单的方式： a href='http://www.jb51.net/html5/url' download=filename.ext下载文件/a 如果url指向同源资源，是正常的。 如果url指向第三方资源，download会失效，表现和不使用download时一致浏览器能打[详细]
-
Html5页面上如何禁止手机虚拟键盘弹出
所属栏目：[MySql教程] 日期：2020-03-28 热度：177
工作中遇到如下需求，点击输入框弹出自定义弹窗，输入框是input标签： 但是在移动端，input会默认触发手机的虚拟键盘，如何阻止手机虚拟键盘弹起呢？目前我试过有两个方案，一个是给input添加readonly属性,另一个就是在input事件处理方法前面添加一句docum[详细]
-
canvas实现手机的手势解锁的步骤详细
所属栏目：[MySql教程] 日期：2020-03-28 热度：195
副标题#e# 按照国际惯例，先放效果图 1、js动态初始化Dom结构 首先在index.html中添加基本样式 body{background:pink;text-align: center;} 加个移动端meta头 meta name=viewport content=width=device-width,initial-scale=1.0,user-scalable=no 引入index[详细]
-
Html+Css+Jquery实现左侧滑动拉伸导航菜单栏的示例代码
所属栏目：[MySql教程] 日期：2020-03-28 热度：196
移动端 代码 !DOCTYPE htmlhtmlheadtitle左侧导航/titlemeta charset=utf-8script src=http://www.jb51.net/html5/https:/cdn.staticfile.org/jquery/1.10.2/jquery.min.js/scriptmeta name=viewport content=width=device-width,initial-scale=1.0,maximu[详细]
-
HTML利用九宫格原理进行网页布局
所属栏目：[MySql教程] 日期：2020-03-28 热度：109
说到九宫格是不是想到了九宫格火锅那（O(_)O哈哈~）。其实九宫格布局在各大网站基本都有应用，当然这里的九宫格是泛指（O(_)O哈哈）。比如小米商城局部布局如下： 不难发现，一些电商平台的布局基本上大同小异，最普遍的还是这种九宫格布局。当然通过CSS也[详细]
-
最适合新手的Redis基础
所属栏目：[MySql教程] 日期：2020-03-23 热度：122
副标题#e# 我们先看看Redis官网给的介绍： Redis is an open source (BSD licensed), in-memory data structure store, used as a database, cache and message broker. It supports data structures such as strings, hashes, lists, sets, sorted sets wi[详细]
-
html5文本内容_动力节点Java学院整理
所属栏目：[MySql教程] 日期：2020-03-17 热度：172
副标题#e# 文本内容方面的语义元素，通常用于描述特殊的内容片段。可使用这些语义元素标注出重要信息，如：名称、评价、注意事项、日期等。 包含的元素有：bdi、details、summary、mark、output 、ruby、rt、rp、time、wbr等。 bdi ：标注一段脱离父元素的[详细]
-
HTML5新表单元素_动力节点Java学院整理
所属栏目：[MySql教程] 日期：2020-03-17 热度：175
HTML5 有以下新的表单元素: datalist keygen output 注意:不是所有的浏览器都支持HTML5 新的表单元素，但是你可以在使用它们，即使浏览器不支持表单属性，仍然可以显示为常规的表单元素。 HTML5 datalist 元素 datalist 元素规定输入域的选项列表。 datali[详细]
-
Html5画布_动力节点Java学院整理
所属栏目：[MySql教程] 日期：2020-03-17 热度：56
canvas id=myCanvas width=400 height=200 默认canvas画布在页面上会显示一块空白、无边框的矩形。为了让其显示轮廓，通过定义样式规则给其添加一个虚线边框： canvas {border: 1px dashed black;} 2，获取Canvas的上下文对象 要完成绘图任务，首先我们要[详细]
-
html5定制表单_动力节点Java学院整理
所属栏目：[MySql教程] 日期：2020-03-17 热度：189
副标题#e# HTML5中存在多种不同的输入框和按钮，通过设置input元素的type属性来实现，除此之外，HTML5中还支持选择列表、多行输入框等，这些元素都有自己的用途和属性，下面一一介绍。 单行文本输入框 type为text表示input元素为一个单行文本框，是input元[详细]
-
HTML5中视频音频的使用详解
所属栏目：[MySql教程] 日期：2020-03-17 热度：50
副标题#e# 1.1 video支持视频格式 常见的视频格式 视频的组成部分：画面、音频、编码格式 视频编码：H.264、Theora、VP8(google开源) HTML5支持的视频格式： 1、Ogg 带有Theora视频编码+Vorbis音频编码的Ogg文件 支持的浏览器:F、C、O 2、MEPG4 带有H.264视[详细]
-
html5应用缓存_动力节点Java学院整理
所属栏目：[MySql教程] 日期：2020-03-17 热度：173
什么是Application Cache HTML5引入了应用程序缓存技术，意味着web应用可进行缓存，并在没有网络的情况下使用，通过创建cache manifest文件，可以轻松的创建离线应用。 Application Cache带来的三个优势是： ① 离线浏览 ② 提升页面载入速度 ③ 降低服务[详细]
-
html5服务器推送_动力节点Java学院整理
所属栏目：[MySql教程] 日期：2020-03-17 热度：96
副标题#e# 对于一般的 Web 应用开发，大多数开发人员并不陌生。在 Web 应用中，浏览器和服务器之间使用的是请求 / 响应的交互模式。浏览器发出请求，服务器根据收到的请求来生成相应的响应。浏览器再对收到的响应进行处理，展现给用户。响应的格式可能是 HT[详细]
-
html5音频_动力节点Java学院整理
所属栏目：[MySql教程] 日期：2020-03-17 热度：196
副标题#e# html5audio是 HTML 5 的新标签，定义声音，比如音乐或其他音频流。 HTML 5 audio 标签 HTML5 audio让音乐东山再起 HTML5 运用aduio标签打造音乐播放器 可以在开始标签和结束标签之间放置文本内容，这样老的浏览器就可以显示出不支持该标签的信息[详细]
-
html5本地存储_动力节点Java学院整理
所属栏目：[MySql教程] 日期：2020-03-17 热度：115
Web Storage是HTML5引入的一个非常重要的功能，可以在客户端本地存储数据，类似HTML4的cookie，但可实现功能要比cookie强大的多，cookie大小被限制在4KB，Web Storage官方建议为每个网站5MB。 Web Storage又分为两种： sessionStorage localStorage 从字面[详细]
-
HTML5之web workers_动力节点Java学院整理
所属栏目：[MySql教程] 日期：2020-03-16 热度：147
副标题#e# 专用 Web Worker (Dedicated Web Worker) 提供了一个简单的方法使得 web 内容能够在后台运行脚本。一旦 worker 创建后，它可以向由它的创建者指定的事件监听函数传递消息，这样该 worker 生成的所有任务就都会接收到这些消息。worker 线程能够在[详细]
-
Html5之svg可缩放矢量图形_动力节点Java学院整理
所属栏目：[MySql教程] 日期：2020-03-16 热度：179
副标题#e# SVG可缩放矢量图形（Scalable Vector Graphics）是基于可扩展标记语言（XML），用于描述二维矢量图形的一种图形格式。SVG是W3C制定的一种新的二维矢量图形格式，也是规范中的网络矢量图形标准。SVG严格遵从XML语法，并用文本格式的描述性语言来描[详细]
-
HTML5等待加载动画效果
所属栏目：[MySql教程] 日期：2020-03-16 热度：120
废话不多说了，直接给大家贴代码了，具体代码如下所示： div class=loadingp100span/span/p/div *{margin:0;padding:0;}.loading{height:100%;width:100%;position:fixed;background:rgba(255,255,255,1);}.loading p{position:absolute;left:0;right:0;to[详细]
-
利用Canvas模仿百度贴吧客户端loading小球的方法示例
所属栏目：[MySql教程] 日期：2020-03-16 热度：123
最近看到两个好玩的 demo，效果图如下： 今天趁着周末有空，用 H5 的 Canvas 仿了一下。这篇文章只实现第一个效果图。 这是我实现的效果： 实现原理 实现原理是参考简书的那篇文章，这里不再复述。现在我们来一步一步实现这样的效果。 第零步：画一个圆 源[详细]
-
HTML5中FileReader接口使用方法实例详解
所属栏目：[MySql教程] 日期：2020-03-16 热度：98
用来把文件读入内存，并且读取文件中的数据。FileReader接口提供了一个异步API，使用该API可以在浏览器主线程中异步访问文件系统，读取文件中的数据。到目前文职，只有FF3.6+和Chrome6.0+实现了FileReader接口。 1、FileReader接口的方法 FileReader接口有[详细]
-
html5使用canvas实现图片下载功能的示例代码
所属栏目：[MySql教程] 日期：2020-03-16 热度：83
最近项目中需要实现一个下载图片的功能(如下图) 一开始考虑使用a标签的download属性进行下载： a href=http://www.jb51.net/html5/图片src download=下载海报下载海报/a 但是通过测试，发现再safari中，下载的文件不能带上拓展名，所以只好换一个思路，使[详细]
-
html5理解head_动力节点Java学院整理
所属栏目：[MySql教程] 日期：2020-03-16 热度：109
副标题#e# HTML文档的head部分，通常包括指定页面标题，为搜索引擎提供关于页面本身的信息，加载样式表，以及加载JavaScript文件（出于性能考虑，多数时候放在页面底部/body标签结束前加载JavaScript）。除了title，head里的内容对页面访问者来说都是不可见[详细]
-
HTML5拖放功能_动力节点Java学院整理
所属栏目：[MySql教程] 日期：2020-03-16 热度：101
拖放（Drag 和 drop）是 html5 标准的组成部分。 浏览器支持 Internet Explorer 9、Firefox、Opera 12、Chrome 以及 Safari 5 支持拖放。 被拖元素，dragElement : 1、添加事件：ondragstart 2、添加属性：dragable 放置元素，dropElement: 1、添加事件：o[详细]
-
html5视频播放_动力节点Java学院整理
所属栏目：[MySql教程] 日期：2020-03-16 热度：88
1 关于视频不用插件播放，点击就能看 2 跨平台、好升级、好维护，开发成本相对原生APP低很多 3 对移动的良好支持，支持手势，本地存储和视频续播等，通过H5就可以把自己的网站移动化。 4 更为简洁的代码，更好的交互 5 支持游戏开发 二、html5播放视频 pc[详细]
-
html5+CSS3+JS实现七夕言情功能代码
所属栏目：[MySql教程] 日期：2020-03-16 热度：67
因为今天8月28日就是中国的情人节七夕，作为程序猿一枚的我就只有在家敲代码咯！但我还是有一颗脱单的心；制作了h5+css+js界面祝小伙伴们：七夕快乐 具体的功能有： 1.下雪的背景动画 2.下面的文字逐字显示，并伴有语音 3.中部的图片3d轮播 附上源码: !doc[详细]
