-
html5 移动端视频video的android兼容(去除播放控件、全屏)
所属栏目：[MySql教程] 日期：2020-03-28 热度：64
副标题#e# android下html5的视频播放一直是前端兼容的重灾区，各种体验差，被诟病已久。但之前的故宫穿越H5，和吴亦凡入伍H5，利用的视频技术，貌似又给人一种新面貌。 前段时间做某项目，恰好也是一个类似视频全屏的，下面跟大家分享下经历的坑和填坑的办[详细]
-
html通过canvas转成base64的方法
所属栏目：[MySql教程] 日期：2020-03-28 热度：128
在H5的营销活动中，经常生成一张图片让用户分享或者保存，这时候处理方案有两种。 一种是让后端生成图片，返回一个图片地址给前端展示 一种是前端自主合并生成图片展示，文中主要说明这个方案 demo !--生成后存放的IMG--img src=http://www.jb51.net/html5[详细]
-
解决H5的a标签的download属性下载service上的文件出现跨域问题
所属栏目：[MySql教程] 日期：2020-03-28 热度：144
1.通过点击下载多媒体文件(图片/视频/文件等) 最简单的方式： a href='http://www.jb51.net/html5/url' download=filename.ext下载文件/a 如果url指向同源资源，是正常的。 如果url指向第三方资源，download会失效，表现和不使用download时一致浏览器能打[详细]
-
Html5页面上如何禁止手机虚拟键盘弹出
所属栏目：[MySql教程] 日期：2020-03-28 热度：112
工作中遇到如下需求，点击输入框弹出自定义弹窗，输入框是input标签： 但是在移动端，input会默认触发手机的虚拟键盘，如何阻止手机虚拟键盘弹起呢？目前我试过有两个方案，一个是给input添加readonly属性,另一个就是在input事件处理方法前面添加一句docum[详细]
-
canvas实现手机的手势解锁的步骤详细
所属栏目：[MySql教程] 日期：2020-03-28 热度：163
副标题#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 热度：97
移动端 代码 !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 热度：171
说到九宫格是不是想到了九宫格火锅那（O(_)O哈哈~）。其实九宫格布局在各大网站基本都有应用，当然这里的九宫格是泛指（O(_)O哈哈）。比如小米商城局部布局如下： 不难发现，一些电商平台的布局基本上大同小异，最普遍的还是这种九宫格布局。当然通过CSS也[详细]
-
最适合新手的Redis基础
所属栏目：[MySql教程] 日期：2020-03-23 热度：92
副标题#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中视频音频的使用详解
所属栏目：[MySql教程] 日期：2020-03-17 热度：85
副标题#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 热度：73
什么是Application Cache HTML5引入了应用程序缓存技术，意味着web应用可进行缓存，并在没有网络的情况下使用，通过创建cache manifest文件，可以轻松的创建离线应用。 Application Cache带来的三个优势是： ① 离线浏览 ② 提升页面载入速度 ③ 降低服务[详细]
-
html5服务器推送_动力节点Java学院整理
所属栏目：[MySql教程] 日期：2020-03-17 热度：139
副标题#e# 对于一般的 Web 应用开发，大多数开发人员并不陌生。在 Web 应用中，浏览器和服务器之间使用的是请求 / 响应的交互模式。浏览器发出请求，服务器根据收到的请求来生成相应的响应。浏览器再对收到的响应进行处理，展现给用户。响应的格式可能是 HT[详细]
-
html5音频_动力节点Java学院整理
所属栏目：[MySql教程] 日期：2020-03-17 热度：137
副标题#e# html5audio是 HTML 5 的新标签，定义声音，比如音乐或其他音频流。 HTML 5 audio 标签 HTML5 audio让音乐东山再起 HTML5 运用aduio标签打造音乐播放器 可以在开始标签和结束标签之间放置文本内容，这样老的浏览器就可以显示出不支持该标签的信息[详细]
-
html5本地存储_动力节点Java学院整理
所属栏目：[MySql教程] 日期：2020-03-17 热度：196
Web Storage是HTML5引入的一个非常重要的功能，可以在客户端本地存储数据，类似HTML4的cookie，但可实现功能要比cookie强大的多，cookie大小被限制在4KB，Web Storage官方建议为每个网站5MB。 Web Storage又分为两种： sessionStorage localStorage 从字面[详细]
-
html5+CSS3+JS实现七夕言情功能代码
所属栏目：[MySql教程] 日期：2020-03-16 热度：156
因为今天8月28日就是中国的情人节七夕，作为程序猿一枚的我就只有在家敲代码咯！但我还是有一颗脱单的心；制作了h5+css+js界面祝小伙伴们：七夕快乐 具体的功能有： 1.下雪的背景动画 2.下面的文字逐字显示，并伴有语音 3.中部的图片3d轮播 附上源码: !doc[详细]
-
解决img标签上下出现间隙的方法
所属栏目：[MySql教程] 日期：2020-03-16 热度：105
我们在平常的开发过程中，经常需要使用多张图片，而使用多张图片的时候，我们一般会去使用一个列表来对我们的img 进行承装。 !DOCTYPE htmlhtml lang=enheadmeta charset=UTF-8titleDocument/titlestyle type=text/cssimg{height: 200px;margin: 0;padding[详细]
-
HTML5-WebSocket实现聊天室示例
所属栏目：[MySql教程] 日期：2020-03-16 热度：189
在传统的网页实现聊天室的方法是通过每隔一段时间请求服务器获取相关聊天信息来实现，然而html5带来的websocket功能改变这了这种方式．由于websocket在连接服务器后允许保持连接来进行数据交互，因此服务器可以主动地向客户端发送相应的数据．对于html5的[详细]
-
详解HTML5通讯录获取指定多个人的信息
所属栏目：[MySql教程] 日期：2020-03-16 热度：156
一、获取多个人的信息：要解决通讯录导入多个人的信息之前，要解决获取多个人的信息。我通过plus.contacts.getAddressBook和address.find的套用把通讯录里面的所有联系人的id和displayName获取出来，然后通过自己写的通讯录获取页面显示出来。 1、解决这个[详细]
-
详解HTML5表单新增属性
所属栏目：[MySql教程] 日期：2020-03-16 热度：121
副标题#e# 1. 表单内元素的form属性 在H5中可以把form放到页面的任何地方，然后为该元素指定一个form属性，属性值为该表单的id,这样就可以声明该元素从属于指定表单了 form id=testforminput type=text/formtextarea form=testform/textarea 2. 表单内元素[详细]
-
如何开发一款堪比APP的微信小程序（腾讯内部团队分享）
所属栏目：[MySql教程] 日期：2020-03-16 热度：71
一夜之间，微信小程序刷爆了行业网站和朋友圈，小程序真的能如张小龙所说让用户即用即走吗？ 其功能能和动辄几十兆安装文件的APP相比吗？ 开发小程序，是不是意味着移动应用开发的一次推倒重来，企业的运营成本会不会因此增加？ 近日，笔者参加了一次腾讯[详细]
-
详解HTML5 LocalStorage 本地存储
所属栏目：[MySql教程] 日期：2020-03-16 热度：122
副标题#e# HTML5 storage提供了一种方式让网站能够把信息存储到你本地的计算机上，并再以后需要的时候进行获[详细]
-
HTML5应用之文件上传
所属栏目：[MySql教程] 日期：2020-03-16 热度：160
副标题#e# 长期以来，开发者们一直为此苦恼，大部分为解决这个问题都采用了flash作为解决方案，但flash并非灵丹妙药，因为flash版本，割据造成的问题有时反倒成为了噩梦。有些网站则采用了form标签的enctype=multipart/form-data属性，但这一属性要求服务器[详细]
-
详解HTML5中的template标签
所属栏目：[MySql教程] 日期：2020-03-16 热度：172
副标题#e# 一、HTML5 template元素初面 template元素，基本上可以确定是2013年才出现的。干嘛用的呢，顾名思意，就是用来声明是模板元素。 目前，我们在HTML中嵌入模板HTML，往往是类似这样的写法： XML/HTML Code复制内容到剪贴板 scripttype=text/templat[详细]
-
为什么Zookeeper天生就是一副分布式锁的胚子？
所属栏目：[MySql教程] 日期：2020-03-16 热度：174
副标题#e# 【金融特辑】光大****科技部DBA女神带你从0到1揭秘MGR 什么是分布式锁?分布式锁是控制分布式系统之间同步访问共享资源的一种方式。在分布式系统中，常常需要协调他们的动作。 图片来自 Pexels 如果不同的系统或是同一个系统的不同主机之间共享了[详细]
-
因为没有网关，我的服务器被DDoS了
所属栏目：[MySql教程] 日期：2020-03-16 热度：66
副标题#e# 【金融特辑】光大****科技部DBA女神带你从0到1揭秘MGR 大家好，我是鸭血粉丝，想起来之前生产发生的事故，阿粉我的内心到现在都还很忐忑不安，今天我们来学习一个 Kong 以及跟你们聊聊做好网关限流控制的重要性。 背景 事情是这样的，阿粉记得那[详细]
-
html5文本内容_动力节点Java学院整理
所属栏目：[MySql教程] 日期：2020-03-16 热度：140
副标题#e# 文本内容方面的语义元素，通常用于描述特殊的内容片段。可使用这些语义元素标注出重要信息，如：名称、评价、注意事项、日期等。 包含的元素有：bdi、details、summary、mark、output 、ruby、rt、rp、time、wbr等。 bdi ：标注一段脱离父元素的[详细]
