-
html通过canvas转成base64的方法
所属栏目：[MySql教程] 日期：2020-03-29 热度：172
在H5的营销活动中，经常生成一张图片让用户分享或者保存，这时候处理方案有两种。 一种是让后端生成图片，返回一个图片地址给前端展示 一种是前端自主合并生成图片展示，文中主要说明这个方案 demo !--生成后存放的IMG--img src=http://www.jb51.net/html5[详细]
-
解决H5的a标签的download属性下载service上的文件出现跨域问题
所属栏目：[MySql教程] 日期：2020-03-29 热度：170
1.通过点击下载多媒体文件(图片/视频/文件等) 最简单的方式： a href='http://www.jb51.net/html5/url' download=filename.ext下载文件/a 如果url指向同源资源，是正常的。 如果url指向第三方资源，download会失效，表现和不使用download时一致浏览器能打[详细]
-
Html5页面上如何禁止手机虚拟键盘弹出
所属栏目：[MySql教程] 日期：2020-03-29 热度：104
工作中遇到如下需求，点击输入框弹出自定义弹窗，输入框是input标签： 但是在移动端，input会默认触发手机的虚拟键盘，如何阻止手机虚拟键盘弹起呢？目前我试过有两个方案，一个是给input添加readonly属性,另一个就是在input事件处理方法前面添加一句docum[详细]
-
canvas实现手机的手势解锁的步骤详细
所属栏目：[MySql教程] 日期：2020-03-29 热度：161
副标题#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 热度：145
移动端 代码 !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 热度：60
说到九宫格是不是想到了九宫格火锅那（O(_)O哈哈~）。其实九宫格布局在各大网站基本都有应用，当然这里的九宫格是泛指（O(_)O哈哈）。比如小米商城局部布局如下： 不难发现，一些电商平台的布局基本上大同小异，最普遍的还是这种九宫格布局。当然通过CSS也[详细]
-
HTML5网页录音和上传到服务器支持PC、Android，支持IOS微信功能
所属栏目：[MySql教程] 日期：2020-03-28 热度：138
本示例代码支持PC、Android、IOS(仅Safari)中使用，如果用RecordApp可增加对IOS(微信浏览器、小程序)的支持。 看万遍代码不如行动一遍，新建一个html文件，把下面三段代码复制到文件内，双击浏览器打开就能进行测试。 !-- 先加载js录音库，注意：你应该把j[详细]
-
使用html2canvas将页面转成图并使用用canvas2image下载
所属栏目：[MySql教程] 日期：2020-03-28 热度：129
之前在网上找到一个用 a 的 download属性下载的方法，确实很简单也很方便，但此方法不支持IE，无奈又找到另一方法。 使用html2canvas将页面转成图，用canvas2image下载 本例使用的版本： html2canvas@1.0.0-alpha.12 canvas2image@1.0.5 安装 npm install[详细]
-
5分钟弄清楚html5的drag and drop(小结)
所属栏目：[MySql教程] 日期：2020-03-28 热度：117
5分钟弄清楚html5的drag and drop，及其他监听事件和执行的次序。 定义和用法 在拖放的过程中会触发以下事件： 在拖动目标上触发事件 (源元素): ondragstart - 用户开始拖动元素时触发 ondrag - 元素正在拖动时触发 ondragend - 用户完成元素拖动后触发 释[详细]
-
canvas画布实现手写签名效果的示例代码
所属栏目：[MySql教程] 日期：2020-03-28 热度：101
最近项目中涉及到移动端手写签名的功能需求，将实现代码记录于此，供小伙伴们参考指摘哦~ HTML代码： !--手写区--div class=mSign_signMark_boxdiv class=mSign_signMark_write_boxdiv id=mSign_signMark_signature_pad class=mSign_signMark_body_boxdiv[详细]
-
html5中监听canvas内部元素点击事件的三种方法
所属栏目：[MySql教程] 日期：2020-03-28 热度：165
canvas内部元素不能像DOM元素一样方便的添加交互事件监听，因为canvas内不存在元素这个概念，他们仅仅是canvas绘制出来的图形。这对于交互开发来说是一个必经障碍，想要监听图形的点击事件思路很简单，只要监听canvas元素本身的点击事件，再判断点击坐标位[详细]
-
Html5实现单张、多张图片上传功能
所属栏目：[MySql教程] 日期：2020-03-28 热度：66
副标题#e# 今天我们聊一聊图片上传，单张Or多张 ，如今，各大图片上传插件数不胜数，例如：Jquery的 verupload.js，jQuery File Upload、Uploadify、jQuery.filter等等。But。上面说到的这些插件，今天我们不谈，我们来看一看使用HTML5中的FileReader 如何[详细]
-
鲜为人知的HTML5语音合成功能
所属栏目：[MySql教程] 日期：2020-03-28 热度：118
听一下就会发现，播放出来的声音并不是预先录制好的音频资料，而是通过文字识别后合成的语音 请先戴上耳机，然后将下面的代码复制到chrome控制台中体验～ let msg = new SpeechSynthesisUtterance(欢迎你阅读我的博客);window.speechSynthesis.speak(msg);[详细]
-
socket.io 和canvas 实现的共享画板功能
所属栏目：[MySql教程] 日期：2020-03-28 热度：86
起初只是想要写个简单的画板,后面不知不觉的想起石墨文档有一个白板功能，就想将当前这个画布功能，开发成一个简易版的协作画板。 在线演示：努力部署中，目前需要clone到本地运行。 git 地址 2、运行 git clone repositorynpm install#对于开发阶段：#前[详细]
-
最适合新手的Redis基础
所属栏目：[MySql教程] 日期：2020-03-23 热度：200
副标题#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 热度：102
副标题#e# 文本内容方面的语义元素，通常用于描述特殊的内容片段。可使用这些语义元素标注出重要信息，如：名称、评价、注意事项、日期等。 包含的元素有：bdi、details、summary、mark、output 、ruby、rt、rp、time、wbr等。 bdi ：标注一段脱离父元素的[详细]
-
HTML5新表单元素_动力节点Java学院整理
所属栏目：[MySql教程] 日期：2020-03-17 热度：121
HTML5 有以下新的表单元素: datalist keygen output 注意:不是所有的浏览器都支持HTML5 新的表单元素，但是你可以在使用它们，即使浏览器不支持表单属性，仍然可以显示为常规的表单元素。 HTML5 datalist 元素 datalist 元素规定输入域的选项列表。 datali[详细]
-
Html5画布_动力节点Java学院整理
所属栏目：[MySql教程] 日期：2020-03-17 热度：100
canvas id=myCanvas width=400 height=200 默认canvas画布在页面上会显示一块空白、无边框的矩形。为了让其显示轮廓，通过定义样式规则给其添加一个虚线边框： canvas {border: 1px dashed black;} 2，获取Canvas的上下文对象 要完成绘图任务，首先我们要[详细]
-
html5定制表单_动力节点Java学院整理
所属栏目：[MySql教程] 日期：2020-03-17 热度：126
副标题#e# HTML5中存在多种不同的输入框和按钮，通过设置input元素的type属性来实现，除此之外，HTML5中还支持选择列表、多行输入框等，这些元素都有自己的用途和属性，下面一一介绍。 单行文本输入框 type为text表示input元素为一个单行文本框，是input元[详细]
-
HTML5中视频音频的使用详解
所属栏目：[MySql教程] 日期：2020-03-17 热度：66
副标题#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 热度：166
什么是Application Cache HTML5引入了应用程序缓存技术，意味着web应用可进行缓存，并在没有网络的情况下使用，通过创建cache manifest文件，可以轻松的创建离线应用。 Application Cache带来的三个优势是： ① 离线浏览 ② 提升页面载入速度 ③ 降低服务[详细]
-
html5服务器推送_动力节点Java学院整理
所属栏目：[MySql教程] 日期：2020-03-17 热度：91
副标题#e# 对于一般的 Web 应用开发，大多数开发人员并不陌生。在 Web 应用中，浏览器和服务器之间使用的是请求 / 响应的交互模式。浏览器发出请求，服务器根据收到的请求来生成相应的响应。浏览器再对收到的响应进行处理，展现给用户。响应的格式可能是 HT[详细]
-
html5音频_动力节点Java学院整理
所属栏目：[MySql教程] 日期：2020-03-17 热度：127
副标题#e# html5audio是 HTML 5 的新标签，定义声音，比如音乐或其他音频流。 HTML 5 audio 标签 HTML5 audio让音乐东山再起 HTML5 运用aduio标签打造音乐播放器 可以在开始标签和结束标签之间放置文本内容，这样老的浏览器就可以显示出不支持该标签的信息[详细]
-
html5本地存储_动力节点Java学院整理
所属栏目：[MySql教程] 日期：2020-03-17 热度：124
Web Storage是HTML5引入的一个非常重要的功能，可以在客户端本地存储数据，类似HTML4的cookie，但可实现功能要比cookie强大的多，cookie大小被限制在4KB，Web Storage官方建议为每个网站5MB。 Web Storage又分为两种： sessionStorage localStorage 从字面[详细]
-
HTML5之web workers_动力节点Java学院整理
所属栏目：[MySql教程] 日期：2020-03-16 热度：148
副标题#e# 专用 Web Worker (Dedicated Web Worker) 提供了一个简单的方法使得 web 内容能够在后台运行脚本。一旦 worker 创建后，它可以向由它的创建者指定的事件监听函数传递消息，这样该 worker 生成的所有任务就都会接收到这些消息。worker 线程能够在[详细]
