-
canvas实现圆绘制的示例代码
所属栏目：[MySql教程] 日期：2020-06-08 热度：96
语法：arc(x, y, radius, startAngle, endAngle, anticlockwise) 前面两个参数是x坐标，y坐标，第三个参数是半径，第四个参数是开始的弧度，第五个参数是结束的弧度，第六个参数是顺时针还是逆时针，默认是顺时针。 看下面代码，这样就能绘制一个圆了。 ct[详细]
-
Html5 Canvas 实现一个“刮刮乐”游戏
所属栏目：[MySql教程] 日期：2020-06-08 热度：113
副标题#e# 话不多说，先上Demo 和 项目源码 . 2. 实现 我们创建一个 ScrapAward 类，通过传入 option 和调用其 restart() 方法实现重新开始。 （1）定义 option 参数及 ScrapAward 结构 class ScrapAward {constructor(userOption) {this.option = {canvasI[详细]
-
详解基于 Canvas 手撸一个六边形能力图
所属栏目：[MySql教程] 日期：2020-06-08 热度：174
副标题#e# 六边形能力图如下，由 6 个 六边形组成，每一个顶点代表其在某一方面的能力。这篇文章我们就来看看如何基于 canvas 去绘制这么一个六边形能力图。当然，你也可以基于其他开源的 js 方案来实现，如 EChars.js 等。 二、六边形绘制基础 六边形能力[详细]
-
html+css实现自定义图片上传按钮功能
所属栏目：[MySql教程] 日期：2020-06-08 热度：71
普通的input[type=file]的效果很朴素 可以自定义一个file选择文件的按钮： 思路为： 用定位将自定义的按钮遮住原来的选择文件按钮， 再让点击自定义按钮时触发原来的选择文件按钮的事件即可 （对此，label可实现） eg: html: css样式： 结果图： 点击选择[详细]
-
分享一个页面平滑滚动小技巧(推荐)
所属栏目：[MySql教程] 日期：2020-06-08 热度：149
今天写需求的时候发现一个小的优化点：用户选择了一些数据之后, 对应列表中的数据需要高亮， 有时候列表很长， 为了提升用户体验，需要加个滚动， 自动滚动到目标位置。 简单的处理了一下， 问题顺利解决， 就把这个小技巧分享一下给大家。 正文 有几种不[详细]
-
分享一个H5原生form表单的checkbox特效代码
所属栏目：[MySql教程] 日期：2020-06-07 热度：158
!DOCTYPE htmlhtmlhead meta charset=UTF-8 title/title style.md-checkbox {margin: 50px;position: relative;height: auto;font-size: 14px;}.md-checkbox labelspan.inc {-webkit-animation: growCircle 0.2s ease;-moz-animation: growCircle 0.2s eas[详细]
-
canvas基础之图形验证码的示例
所属栏目：[MySql教程] 日期：2020-06-07 热度：110
在通常的登录界面我们都可以看到验证码，验证码的作用是检测是不是人在操作，防止机器等非人操作，防止数据库被轻而易举的攻破。 验证码一般用PHP和java等后端语言编写； 但是在前端，用canva或者SVG也可以绘制验证码； 直接上干货： !DOCTYPE htmlhtmlhea[详细]
-
利用HTML5+css3+jquery+weui实现仿微信聊天界面功能
所属栏目：[MySql教程] 日期：2020-06-07 热度：113
最新因项目需要，就利用HTML5+css3+jquery+weui做了一个仿微信聊天界面功能，可以发微信表情，查看图片、视频... 由于代码较长，小编打包了。需要的朋友点击下载。 具体代码如下所示： 总结 以上所述是小编给大家介绍的利用HTML5+css3+jquery+weui实现仿微[详细]
-
HTML5实现分享到微信好友朋友圈QQ好友QQ空间微博二维码功能
所属栏目：[MySql教程] 日期：2020-06-07 热度：121
button onclick=http://www.jb51.net/html5/call()通用分享/buttonbutton onclick=http://www.jb51.net/html5/call('wechatFriend')微信好友/buttonbutton onclick=http://www.jb51.net/html5/call('wechatTimeline')朋友圈/buttonbutton onclick=http://w[详细]
-
html5 canvas绘制放射性渐变色效果
所属栏目：[MySql教程] 日期：2020-06-07 热度：83
canvas有些地方还是有点坑的，比如fillRect是方法不是属性，如果写成fillRect=这样是没效果的，而且还不报错.... 这里用到了createRadialGradient这个API 这个API接收6个参数，前三个表示底下的圆，后三个表示上面的圆，返回的实例依然可以用addColorStop[详细]
-
html5中如何将图片的绝对路径转换成文件对象
所属栏目：[MySql教程] 日期：2020-06-07 热度：128
副标题#e# 将图片的绝对路径转换成base64编码，请看这篇文章 我们先来理解基本知识点： 1. 理解HTML5中的FileList对象与file对象。 在HTML5中，FileList对象表示用户选择的文件列表。通过添加multipe属性，file控件内允许一次选择多个文件。控件内的每一个[详细]
-
详解Html5原生拖拽操作
所属栏目：[MySql教程] 日期：2020-06-07 热度：52
最近的一次项目开发中用到了H5的拖拽功能，由于现有项目使用的是VUE全家桶，使用了vuedragable这个插件，但是整个过程是比较痛苦的。遂决定从H5拖拽的原理开始研究，然后再将其应用到数据驱动的框架中。在H5中要想实现拖放操作，至少需要经过两个步骤：1)[详细]
-
使用Html5、CSS实现文字阴影效果
所属栏目：[MySql教程] 日期：2020-06-07 热度：124
前两天有一个学html5前端小美女问我一个有关文字阴影的效果怎么去实现。她和我说文字阴影嘛,她也知道text-shadow,.但是却做不出想要的样子,其实css3的新功能是很强大的,不要把你的思想太过于局限化,好了,闲话也不多说,咱们就先来看看这个文本阴影. 一.文字[详细]
-
canvas烟花特效锦集
所属栏目：[MySql教程] 日期：2020-06-07 热度：133
副标题#e# 实现一 html canvas id=canvas/canvas css body {background: #000;margin: 0;}canvas {cursor: crosshair;display: block;} js // when animating on canvas, it is best to use requestAnimationFrame instead of setTimeout or setInterval//[详细]
-
使用html2canvas实现浏览器截图的示例代码
所属栏目：[MySql教程] 日期：2020-06-07 热度：129
使用html2canvas实现浏览器截图,必须在服务器环境下才能实现。 作用 html2canvas可以通过纯JS对浏览器端经行截屏，但截图的精确度还有待提高，部分css不可识别，所以在canvas中不能完美呈现原画面样式 /*多行溢出省略就不行，只能超出隐藏了*/.book_inf{po[详细]
-
HTML5中视频音频的使用详解
所属栏目：[MySql教程] 日期：2020-03-18 热度：117
副标题#e# 1.1 video支持视频格式 常见的视频格式 视频的组成部分：画面、音频、编码格式 视频编码：H.264、Theora、VP8(google开源) HTML5支持的视频格式： 1、Ogg 带有Theora视频编码+Vorbis音频编码的Ogg文件 支持的浏览器:F、C、O 2、MEPG4 带有H.264视[详细]
-
如何开发一款堪比APP的微信小程序（腾讯内部团队分享）
所属栏目：[MySql教程] 日期：2020-03-17 热度：138
一夜之间，微信小程序刷爆了行业网站和朋友圈，小程序真的能如张小龙所说让用户即用即走吗？ 其功能能和动辄几十兆安装文件的APP相比吗？ 开发小程序，是不是意味着移动应用开发的一次推倒重来，企业的运营成本会不会因此增加？ 近日，笔者参加了一次腾讯[详细]
-
为什么Zookeeper天生就是一副分布式锁的胚子？
所属栏目：[MySql教程] 日期：2020-03-17 热度：97
副标题#e# 【金融特辑】光大****科技部DBA女神带你从0到1揭秘MGR 什么是分布式锁?分布式锁是控制分布式系统之间同步访问共享资源的一种方式。在分布式系统中，常常需要协调他们的动作。 图片来自 Pexels 如果不同的系统或是同一个系统的不同主机之间共享了[详细]
-
HTML5新表单元素_动力节点Java学院整理
所属栏目：[MySql教程] 日期：2020-03-16 热度：153
HTML5 有以下新的表单元素: datalist keygen output 注意:不是所有的浏览器都支持HTML5 新的表单元素，但是你可以在使用它们，即使浏览器不支持表单属性，仍然可以显示为常规的表单元素。 HTML5 datalist 元素 datalist 元素规定输入域的选项列表。 datali[详细]
-
Html5画布_动力节点Java学院整理
所属栏目：[MySql教程] 日期：2020-03-16 热度：50
canvas id=myCanvas width=400 height=200 默认canvas画布在页面上会显示一块空白、无边框的矩形。为了让其显示轮廓，通过定义样式规则给其添加一个虚线边框： canvas {border: 1px dashed black;} 2，获取Canvas的上下文对象 要完成绘图任务，首先我们要[详细]
-
html5定制表单_动力节点Java学院整理
所属栏目：[MySql教程] 日期：2020-03-16 热度：68
副标题#e# HTML5中存在多种不同的输入框和按钮，通过设置input元素的type属性来实现，除此之外，HTML5中还支持选择列表、多行输入框等，这些元素都有自己的用途和属性，下面一一介绍。 单行文本输入框 type为text表示input元素为一个单行文本框，是input元[详细]
-
html5应用缓存_动力节点Java学院整理
所属栏目：[MySql教程] 日期：2020-03-16 热度：69
什么是Application Cache HTML5引入了应用程序缓存技术，意味着web应用可进行缓存，并在没有网络的情况下使用，通过创建cache manifest文件，可以轻松的创建离线应用。 Application Cache带来的三个优势是： ① 离线浏览 ② 提升页面载入速度 ③ 降低服务[详细]
-
html5服务器推送_动力节点Java学院整理
所属栏目：[MySql教程] 日期：2020-03-16 热度：82
副标题#e# 对于一般的 Web 应用开发，大多数开发人员并不陌生。在 Web 应用中，浏览器和服务器之间使用的是请求 / 响应的交互模式。浏览器发出请求，服务器根据收到的请求来生成相应的响应。浏览器再对收到的响应进行处理，展现给用户。响应的格式可能是 HT[详细]
-
html5音频_动力节点Java学院整理
所属栏目：[MySql教程] 日期：2020-03-16 热度：134
副标题#e# html5audio是 HTML 5 的新标签，定义声音，比如音乐或其他音频流。 HTML 5 audio 标签 HTML5 audio让音乐东山再起 HTML5 运用aduio标签打造音乐播放器 可以在开始标签和结束标签之间放置文本内容，这样老的浏览器就可以显示出不支持该标签的信息[详细]
-
html5本地存储_动力节点Java学院整理
所属栏目：[MySql教程] 日期：2020-03-16 热度：89
Web Storage是HTML5引入的一个非常重要的功能，可以在客户端本地存储数据，类似HTML4的cookie，但可实现功能要比cookie强大的多，cookie大小被限制在4KB，Web Storage官方建议为每个网站5MB。 Web Storage又分为两种： sessionStorage localStorage 从字面[详细]
