-
清除canvas画布内容(点擦除+线擦除)
所属栏目：[MySql教程] 日期：2020-08-20 热度：124
这篇文章主要介绍了清除canvas画布内容(点擦除+线擦除)，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着[详细]
-
canvas小画板之平滑曲线的实现
所属栏目：[MySql教程] 日期：2020-08-20 热度：153
这篇文章主要介绍了canvas小画板之平滑曲线的实现，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来[详细]
-
数据库分库分表后，带来的这个难题，如何解决？
所属栏目：[MySql教程] 日期：2020-08-17 热度：117
在此之前我们介绍了数据库的分库分表问题，分库分表可以给我们带来非常好的扩展性与性能上的提升，但也随之带来一些问题，例如数据的主键ID分配问题。我们以Mysql为例，通常我们使用的是数据库的自增主键，我们在分表的时候也尽量保证业务上不需要跨表查询[详细]
-
html5视频自动横过来自适应页面且点击播放功能的实现
所属栏目：[MySql教程] 日期：2020-08-14 热度：116
本代码适用于1920*1080的视频，如果是其他尺寸的视频，需要更改js代码里的几个数字，重新计算视频宽高 效果图 如图所示， 在长屏手机里，横过来的视频高度充满，宽度自适应后居中； 在短屏手机里，横过来的视频宽度充满，高度自适应后居中； 代码HTML !--[详细]
-
为什么我们要从MySQL迁移到TiDB？
所属栏目：[MySql教程] 日期：2020-08-14 热度：112
【金融特辑】光大****科技部DBA女神带你从0到1揭秘MGR 【51CTO.com原创稿件】当一张百亿数据量的表放在你面前，你将面临着什么?加列?哭吧，怎么也得等个几天甚至几周。加索引?哭吧，不论你用 pt-online-schema，还是 gh-ost，你都面临着拷贝一张临时表用以[详细]
-
万字分享，我是如何一步一步监控公司MySQL的？
所属栏目：[MySql教程] 日期：2020-08-14 热度：140
写在前边 在家远程办公第三周，快被手机上的消息搞的有些神经质了，生怕错过一条有用的信息，没办法形势如此，公司摇摇欲坠大家也都如履薄冰，毕竟这时候失业有点惨（ 穷怕了 ）。 但就干活来说还是比较清闲的，和在公司上班相比，清闲下来很多碎片时间，[详细]
-
分享一个页面平滑滚动小技巧(推荐)
所属栏目：[MySql教程] 日期：2020-06-19 热度：147
今天写需求的时候发现一个小的优化点：用户选择了一些数据之后, 对应列表中的数据需要高亮， 有时候列表很长， 为了提升用户体验，需要加个滚动， 自动滚动到目标位置。 简单的处理了一下， 问题顺利解决， 就把这个小技巧分享一下给大家。 正文 有几种不[详细]
-
分享一个H5原生form表单的checkbox特效代码
所属栏目：[MySql教程] 日期：2020-06-19 热度：191
!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-19 热度：106
在通常的登录界面我们都可以看到验证码，验证码的作用是检测是不是人在操作，防止机器等非人操作，防止数据库被轻而易举的攻破。 验证码一般用PHP和java等后端语言编写； 但是在前端，用canva或者SVG也可以绘制验证码； 直接上干货： !DOCTYPE htmlhtmlhea[详细]
-
利用HTML5+css3+jquery+weui实现仿微信聊天界面功能
所属栏目：[MySql教程] 日期：2020-06-19 热度：136
最新因项目需要，就利用HTML5+css3+jquery+weui做了一个仿微信聊天界面功能，可以发微信表情，查看图片、视频... 由于代码较长，小编打包了。需要的朋友点击下载。 具体代码如下所示： 总结 以上所述是小编给大家介绍的利用HTML5+css3+jquery+weui实现仿微[详细]
-
HTML5实现分享到微信好友朋友圈QQ好友QQ空间微博二维码功能
所属栏目：[MySql教程] 日期：2020-06-19 热度：71
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-19 热度：108
canvas有些地方还是有点坑的，比如fillRect是方法不是属性，如果写成fillRect=这样是没效果的，而且还不报错.... 这里用到了createRadialGradient这个API 这个API接收6个参数，前三个表示底下的圆，后三个表示上面的圆，返回的实例依然可以用addColorStop[详细]
-
html5中如何将图片的绝对路径转换成文件对象
所属栏目：[MySql教程] 日期：2020-06-19 热度：130
副标题#e# 将图片的绝对路径转换成base64编码，请看这篇文章 我们先来理解基本知识点： 1. 理解HTML5中的FileList对象与file对象。 在HTML5中，FileList对象表示用户选择的文件列表。通过添加multipe属性，file控件内允许一次选择多个文件。控件内的每一个[详细]
-
详解Html5原生拖拽操作
所属栏目：[MySql教程] 日期：2020-06-19 热度：113
最近的一次项目开发中用到了H5的拖拽功能，由于现有项目使用的是VUE全家桶，使用了vuedragable这个插件，但是整个过程是比较痛苦的。遂决定从H5拖拽的原理开始研究，然后再将其应用到数据驱动的框架中。在H5中要想实现拖放操作，至少需要经过两个步骤：1)[详细]
-
使用Html5、CSS实现文字阴影效果
所属栏目：[MySql教程] 日期：2020-06-19 热度：176
前两天有一个学html5前端小美女问我一个有关文字阴影的效果怎么去实现。她和我说文字阴影嘛,她也知道text-shadow,.但是却做不出想要的样子,其实css3的新功能是很强大的,不要把你的思想太过于局限化,好了,闲话也不多说,咱们就先来看看这个文本阴影. 一.文字[详细]
-
canvas烟花特效锦集
所属栏目：[MySql教程] 日期：2020-06-19 热度：127
副标题#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-19 热度：130
使用html2canvas实现浏览器截图,必须在服务器环境下才能实现。 作用 html2canvas可以通过纯JS对浏览器端经行截屏，但截图的精确度还有待提高，部分css不可识别，所以在canvas中不能完美呈现原画面样式 /*多行溢出省略就不行，只能超出隐藏了*/.book_inf{po[详细]
-
html5 分层屏幕适配的方法
所属栏目：[MySql教程] 日期：2020-06-19 热度：169
副标题#e# 设计大大，这次真的是 按设计稿来 了，因为现在，任何机子都是设计稿标准机！ 开发同学，这下你就直接读设计稿标注就好了啦！ 屏幕适配 屏幕适配应当指内容 适配区 和 屏幕区 间的适配关系。 单屏适配有 contain、cover 或 fill，多屏常见是 依宽[详细]
-
canvas实现图片马赛克的示例代码
所属栏目：[MySql教程] 日期：2020-06-19 热度：121
1. 原生canvas实现用到的API 1） getContext(contextID) ---返回一个用于在画布上绘图的环境 复制代码 代码如下: Canvas.getContext('2d') // 返回一个 CanvasRenderingContext2D 对象，使用它可以绘制到 Canvas 元素中 2）drawImage drawImage(imgObj, x,[详细]
-
利用html5 file api读取本地文件示例(如图片、PDF等)
所属栏目：[MySql教程] 日期：2020-06-19 热度：142
在html4的年代，我们如果要在网页上呈现一张用户本地的图片，需要用户先把图片上传到服务器，再根据服务器提供的图片地址把图片下载下来，才能把图片在网页上呈现出来。这一来二往，起码已经费了两倍于这张图片的流量了，更别说服务器为了存储这张图片所花[详细]
-
基于 HTML5 Canvas实现 的交互式地铁线路图
所属栏目：[MySql教程] 日期：2020-06-19 热度：69
副标题#e# 前两天在 echarts 上寻找灵感的时候，看到了很多有关地图类似的例子，地图定位等等，但是好像就是没有地铁线路图，就自己花了一些时间捣鼓出来了这个交互式地铁线路图的 Demo，地铁线路上的点是在网上随便下载了一个，这篇文章记录自己的一些收获[详细]
-
详解Canvas 实现炫丽的粒子运动效果（粒子生成文字）
所属栏目：[MySql教程] 日期：2020-06-19 热度：57
副标题#e# 没有最好，只有更好，如题所示，这篇文章只要是分享一个用 Canvas 来实现的粒子运动效果。感觉有点标题党了，但换个角度，勉勉强强算是炫丽吧，虽然色彩上与炫丽无关，但运动效果上还是算得上有点点炫的。不管怎么样，我们还是开始这个所谓的炫丽[详细]
-
HTML5 Canvas图像模糊完美解决办法
所属栏目：[MySql教程] 日期：2020-06-19 热度：62
1、最近在用h5的canvas画动画，发现图像特别模糊。后来终于找到罪魁祸首是meta name=viewport content=width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no /这个代码，因为这行代码进行了伸缩 2、模糊图像的效果： 3、[详细]
-
详解移动端HTML5音频与视频问题及解决方案
所属栏目：[MySql教程] 日期：2020-06-19 热度：181
最近在研究用视频代替动画，用视频代替精灵动画，我们称这种视频叫做交互视频。 传统的精灵动画： 磁盘空间大，下载慢，尤其是在线播放，会更慢 文件太多，在线播放的时候，太多http请求，会导致响应慢，或者行为失常 因此，急需开发了一套技术，用视频代[详细]
-
详解Html5 Canvas画线有毛边解决方法
所属栏目：[MySql教程] 日期：2020-06-19 热度：128
Html5 Canvas 所有的画线指令画出来的线条都有毛边（比如 lineTo， arcTo，strokeRect），这是因为在Canvas中整数坐标值对应的位置恰巧是屏幕象素点中间的夹缝，那么当按这样的坐标进行线条渲染时所要用到的就是夹缝两边的象素点，这样即便设置了lineWidth[详细]
