-
清除canvas画布内容(点擦除+线擦除)
所属栏目：[MySql教程] 日期：2020-08-19 热度：78
这篇文章主要介绍了清除canvas画布内容(点擦除+线擦除)，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着[详细]
-
canvas小画板之平滑曲线的实现
所属栏目：[MySql教程] 日期：2020-08-19 热度：183
这篇文章主要介绍了canvas小画板之平滑曲线的实现，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来[详细]
-
数据库分库分表后，带来的这个难题，如何解决？
所属栏目：[MySql教程] 日期：2020-08-17 热度：189
在此之前我们介绍了数据库的分库分表问题，分库分表可以给我们带来非常好的扩展性与性能上的提升，但也随之带来一些问题，例如数据的主键ID分配问题。我们以Mysql为例，通常我们使用的是数据库的自增主键，我们在分表的时候也尽量保证业务上不需要跨表查询[详细]
-
html5视频自动横过来自适应页面且点击播放功能的实现
所属栏目：[MySql教程] 日期：2020-08-14 热度：87
本代码适用于1920*1080的视频，如果是其他尺寸的视频，需要更改js代码里的几个数字，重新计算视频宽高 效果图 如图所示， 在长屏手机里，横过来的视频高度充满，宽度自适应后居中； 在短屏手机里，横过来的视频宽度充满，高度自适应后居中； 代码HTML !--[详细]
-
为什么我们要从MySQL迁移到TiDB？
所属栏目：[MySql教程] 日期：2020-08-14 热度：133
【金融特辑】光大****科技部DBA女神带你从0到1揭秘MGR 【51CTO.com原创稿件】当一张百亿数据量的表放在你面前，你将面临着什么?加列?哭吧，怎么也得等个几天甚至几周。加索引?哭吧，不论你用 pt-online-schema，还是 gh-ost，你都面临着拷贝一张临时表用以[详细]
-
万字分享，我是如何一步一步监控公司MySQL的？
所属栏目：[MySql教程] 日期：2020-08-14 热度：130
写在前边 在家远程办公第三周，快被手机上的消息搞的有些神经质了，生怕错过一条有用的信息，没办法形势如此，公司摇摇欲坠大家也都如履薄冰，毕竟这时候失业有点惨（ 穷怕了 ）。 但就干活来说还是比较清闲的，和在公司上班相比，清闲下来很多碎片时间，[详细]
-
Html5导航栏吸顶方案原理与对比实现
所属栏目：[MySql教程] 日期：2020-06-17 热度：157
市场上享有H5导航栏吸顶效果展示 1.淘宝聚划算吸顶演示： 2.淘宝百亿补贴吸顶演示： 二. 常见的tabbar吸顶方案 基于position粘性定位的吸顶方案 基于JS监听scroll事件的吸顶方案 三. 方案的原理与对比 1. position粘性方案的实现与详解 1.1. 知识详解 posi[详细]
-
浅析图片上传及canvas压缩的流程
所属栏目：[MySql教程] 日期：2020-06-17 热度：170
我们通常在做图片上传的时候都会遇上这样的情况，一是后端接口限制上传图片的大小，或者是即使后端没有限制大小，因为图片太大在前端渲染时太慢，造成页面加载体验较差。因此我们很有必要对上传的图片进行压缩。 本文在gitthub做了收录：github.com/Michae[详细]
-
原生canvas制作画图小工具的踩坑和爬坑
所属栏目：[MySql教程] 日期：2020-06-17 热度：132
副标题#e# 最近在写一个类似截图里的简易画图的小工具，画线，画矩形，画圆，可以选择颜色，就像这样 写的过程中遇到了一些坑，还好爬出来了，也得到几位大佬的指点，稍微接触了一下zrender，在这里记录一下。 坑1，绘制过程的预览 用canvas画线没什么问题[详细]
-
h5移动端调用支付宝、微信支付的实现
所属栏目：[MySql教程] 日期：2020-06-17 热度：131
公司项目之前已有支付宝支付，现要求增加微信支付，第一次做，摸着石头过河！结果是满意的。 废话就不说了直接上代码： var aliChannel = null;var wxChannel = null;// 定义支付方式切换var state_type = 1;// 选择支付方式 默认为支付宝样式$(.zfb).find[详细]
-
使用SVG实现提示框功能的示例代码
所属栏目：[MySql教程] 日期：2020-06-17 热度：115
副标题#e# NO.1 前言 Tooltips常被称为提示框（或信息提示框），提示框能够以较强的交互性、自由度为用户提供相应的提示信息。今天我们要聊的不是如何实现强大的交互行为，而是来看看如何以最好的方式来还原他们的视觉效果，并且能适用于不同的场景。 NO.2[详细]
-
Html5嵌入钉钉的实现示例
所属栏目：[MySql教程] 日期：2020-06-17 热度：125
1,需要在项目种引入钉钉官方的js script type=text/javascript src=http://www.jb51.net/html5/http:/g.alicdn.com/dingding/dingtalk-jsapi/2.3.0/dingtalk.open.js /script 或者npm 也可以的 2，钉钉自带的api，有写是需要鉴权的，所以在使用之前一定要[详细]
-
HTML5页面无缝闪开的问题及解决方案
所属栏目：[MySql教程] 日期：2020-06-17 热度：186
副标题#e# 在传统的 web 优化中，我们可以采取压缩、拆包、动态加载等方法减少首屏资源大小，也能通过离线包、页面直出等方案加速 html 返回，之前一篇h5 秒开大全有部分简析。在大部分场景中，这些方案都足够用，也能得到出色的效果。但仍有两种无法尽善尽[详细]
-
浅析数据存储的三种方式 cookie sessionstorage localstorage 的异同
所属栏目：[MySql教程] 日期：2020-06-17 热度：155
一、通常我们在存储数据的方式有三种 cookie sessionstorage localstorage ，那么这三种数据的存储又有什么关系呢？让我们一起来看看吧 cookie:保存cookie值： var dataCookie='110';document.cookie = 'token' + = +dataCookie; 获取指定名称的cookie值 f[详细]
-
h5页面唤起app如果没安装就跳转下载(iOS和Android)
所属栏目：[MySql教程] 日期：2020-06-17 热度：89
h5页面唤起app如果没安装就跳转下载(iOS和Android) 浏览器和app没有通信协议，所以h5不知道用户的手机释放安装了app。因此只能是h5去尝试唤起app，若不能唤起，引导用户去下载我们的app。 微信里屏蔽了 schema 协议,如果在微信中打开h5，则会提示用户在浏[详细]
-
html+css实现自定义图片上传按钮功能
所属栏目：[MySql教程] 日期：2020-05-13 热度：188
普通的input[type=file]的效果很朴素 可以自定义一个file选择文件的按钮： 思路为： 用定位将自定义的按钮遮住原来的选择文件按钮， 再让点击自定义按钮时触发原来的选择文件按钮的事件即可 （对此，label可实现） eg: html: css样式： 结果图： 点击选择[详细]
-
分享一个页面平滑滚动小技巧(推荐)
所属栏目：[MySql教程] 日期：2020-05-13 热度：162
今天写需求的时候发现一个小的优化点：用户选择了一些数据之后, 对应列表中的数据需要高亮， 有时候列表很长， 为了提升用户体验，需要加个滚动， 自动滚动到目标位置。 简单的处理了一下， 问题顺利解决， 就把这个小技巧分享一下给大家。 正文 有几种不[详细]
-
分享一个H5原生form表单的checkbox特效代码
所属栏目：[MySql教程] 日期：2020-05-12 热度：125
!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-05-12 热度：50
在通常的登录界面我们都可以看到验证码，验证码的作用是检测是不是人在操作，防止机器等非人操作，防止数据库被轻而易举的攻破。 验证码一般用PHP和java等后端语言编写； 但是在前端，用canva或者SVG也可以绘制验证码； 直接上干货： !DOCTYPE htmlhtmlhea[详细]
-
利用HTML5+css3+jquery+weui实现仿微信聊天界面功能
所属栏目：[MySql教程] 日期：2020-05-12 热度：107
最新因项目需要，就利用HTML5+css3+jquery+weui做了一个仿微信聊天界面功能，可以发微信表情，查看图片、视频... 由于代码较长，小编打包了。需要的朋友点击下载。 具体代码如下所示： 总结 以上所述是小编给大家介绍的利用HTML5+css3+jquery+weui实现仿微[详细]
-
HTML5实现分享到微信好友朋友圈QQ好友QQ空间微博二维码功能
所属栏目：[MySql教程] 日期：2020-05-12 热度：156
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-05-12 热度：155
canvas有些地方还是有点坑的，比如fillRect是方法不是属性，如果写成fillRect=这样是没效果的，而且还不报错.... 这里用到了createRadialGradient这个API 这个API接收6个参数，前三个表示底下的圆，后三个表示上面的圆，返回的实例依然可以用addColorStop[详细]
-
html5中如何将图片的绝对路径转换成文件对象
所属栏目：[MySql教程] 日期：2020-05-12 热度：78
副标题#e# 将图片的绝对路径转换成base64编码，请看这篇文章 我们先来理解基本知识点： 1. 理解HTML5中的FileList对象与file对象。 在HTML5中，FileList对象表示用户选择的文件列表。通过添加multipe属性，file控件内允许一次选择多个文件。控件内的每一个[详细]
-
详解Html5原生拖拽操作
所属栏目：[MySql教程] 日期：2020-05-12 热度：127
最近的一次项目开发中用到了H5的拖拽功能，由于现有项目使用的是VUE全家桶，使用了vuedragable这个插件，但是整个过程是比较痛苦的。遂决定从H5拖拽的原理开始研究，然后再将其应用到数据驱动的框架中。在H5中要想实现拖放操作，至少需要经过两个步骤：1)[详细]
-
使用Html5、CSS实现文字阴影效果
所属栏目：[MySql教程] 日期：2020-05-12 热度：139
前两天有一个学html5前端小美女问我一个有关文字阴影的效果怎么去实现。她和我说文字阴影嘛,她也知道text-shadow,.但是却做不出想要的样子,其实css3的新功能是很强大的,不要把你的思想太过于局限化,好了,闲话也不多说,咱们就先来看看这个文本阴影. 一.文字[详细]
