-
html5 Canvas画图教程(11)—使用lineTo/arc/bezierCurveTo画椭圆形
所属栏目：[MySql教程] 日期：2020-09-22 热度：113
canvas中根本没有画椭圆的方法，我们要用其他方法来模拟,我们首先要明确画一个椭圆需要那些参数，基本的几何知识告诉我们，椭圆需要圆心坐标，宽度，高度——或[详细]
-
html5 Canvas画图教程(7)—canvas里画曲线之quadraticCurveTo方法
所属栏目：[MySql教程] 日期：2020-09-22 热度：96
今天讲quadraticCurveTo方法画曲线，quadratic的意思是二次，即数学中二次元方程那个二次，接下来详细介绍quadraticCurveTo方法的使用，感兴趣的朋友可以了解下[详细]
-
html5 Canvas画图教程(5)—canvas里画曲线之arc方法
所属栏目：[MySql教程] 日期：2020-09-22 热度：173
anvas里画曲线的难点之一，就在于他连曲线的函数就有4个！分别是arc,arcTo,quadraticCurveTo,bezierCurveTo.我从最简单的arc方法讲起吧,感兴趣的朋友可以了解下[详细]
-
HTML5 Web存储方式的localStorage和sessionStorage进行数据本地存储案例应用
所属栏目：[MySql教程] 日期：2020-08-23 热度：85
localStorage（本地存储）,可以长期存储数据，没有时间限制，一天，一年，两年甚至更长，数据都可以使用,sessionStorage（会话存储），只有在浏览器被关闭之前使[详细]
-
AmazeUI 网格的实现示例
所属栏目：[MySql教程] 日期：2020-08-20 热度：194
这篇文章主要介绍了AmazeUI 网格的实现示例，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学[详细]
-
清除canvas画布内容(点擦除+线擦除)
所属栏目：[MySql教程] 日期：2020-08-20 热度：112
这篇文章主要介绍了清除canvas画布内容(点擦除+线擦除)，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着[详细]
-
canvas小画板之平滑曲线的实现
所属栏目：[MySql教程] 日期：2020-08-20 热度：168
这篇文章主要介绍了canvas小画板之平滑曲线的实现，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来[详细]
-
数据库分库分表后，带来的这个难题，如何解决？
所属栏目：[MySql教程] 日期：2020-08-17 热度：84
在此之前我们介绍了数据库的分库分表问题，分库分表可以给我们带来非常好的扩展性与性能上的提升，但也随之带来一些问题，例如数据的主键ID分配问题。我们以Mysql为例，通常我们使用的是数据库的自增主键，我们在分表的时候也尽量保证业务上不需要跨表查询[详细]
-
html5视频自动横过来自适应页面且点击播放功能的实现
所属栏目：[MySql教程] 日期：2020-08-14 热度：124
本代码适用于1920*1080的视频，如果是其他尺寸的视频，需要更改js代码里的几个数字，重新计算视频宽高 效果图 如图所示， 在长屏手机里，横过来的视频高度充满，宽度自适应后居中； 在短屏手机里，横过来的视频宽度充满，高度自适应后居中； 代码HTML !--[详细]
-
为什么我们要从MySQL迁移到TiDB？
所属栏目：[MySql教程] 日期：2020-08-14 热度：88
【金融特辑】光大****科技部DBA女神带你从0到1揭秘MGR 【51CTO.com原创稿件】当一张百亿数据量的表放在你面前，你将面临着什么?加列?哭吧，怎么也得等个几天甚至几周。加索引?哭吧，不论你用 pt-online-schema，还是 gh-ost，你都面临着拷贝一张临时表用以[详细]
-
万字分享，我是如何一步一步监控公司MySQL的？
所属栏目：[MySql教程] 日期：2020-08-14 热度：162
写在前边 在家远程办公第三周，快被手机上的消息搞的有些神经质了，生怕错过一条有用的信息，没办法形势如此，公司摇摇欲坠大家也都如履薄冰，毕竟这时候失业有点惨（ 穷怕了 ）。 但就干活来说还是比较清闲的，和在公司上班相比，清闲下来很多碎片时间，[详细]
-
Html5导航栏吸顶方案原理与对比实现
所属栏目：[MySql教程] 日期：2020-06-17 热度：93
市场上享有H5导航栏吸顶效果展示 1.淘宝聚划算吸顶演示： 2.淘宝百亿补贴吸顶演示： 二. 常见的tabbar吸顶方案 基于position粘性定位的吸顶方案 基于JS监听scroll事件的吸顶方案 三. 方案的原理与对比 1. position粘性方案的实现与详解 1.1. 知识详解 posi[详细]
-
浅析图片上传及canvas压缩的流程
所属栏目：[MySql教程] 日期：2020-06-17 热度：83
我们通常在做图片上传的时候都会遇上这样的情况，一是后端接口限制上传图片的大小，或者是即使后端没有限制大小，因为图片太大在前端渲染时太慢，造成页面加载体验较差。因此我们很有必要对上传的图片进行压缩。 本文在gitthub做了收录：github.com/Michae[详细]
-
原生canvas制作画图小工具的踩坑和爬坑
所属栏目：[MySql教程] 日期：2020-06-17 热度：94
副标题#e# 最近在写一个类似截图里的简易画图的小工具，画线，画矩形，画圆，可以选择颜色，就像这样 写的过程中遇到了一些坑，还好爬出来了，也得到几位大佬的指点，稍微接触了一下zrender，在这里记录一下。 坑1，绘制过程的预览 用canvas画线没什么问题[详细]
-
h5移动端调用支付宝、微信支付的实现
所属栏目：[MySql教程] 日期：2020-06-17 热度：77
公司项目之前已有支付宝支付，现要求增加微信支付，第一次做，摸着石头过河！结果是满意的。 废话就不说了直接上代码： var aliChannel = null;var wxChannel = null;// 定义支付方式切换var state_type = 1;// 选择支付方式 默认为支付宝样式$(.zfb).find[详细]
-
使用SVG实现提示框功能的示例代码
所属栏目：[MySql教程] 日期：2020-06-17 热度：60
副标题#e# NO.1 前言 Tooltips常被称为提示框（或信息提示框），提示框能够以较强的交互性、自由度为用户提供相应的提示信息。今天我们要聊的不是如何实现强大的交互行为，而是来看看如何以最好的方式来还原他们的视觉效果，并且能适用于不同的场景。 NO.2[详细]
-
Html5嵌入钉钉的实现示例
所属栏目：[MySql教程] 日期：2020-06-17 热度：82
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 热度：92
副标题#e# 在传统的 web 优化中，我们可以采取压缩、拆包、动态加载等方法减少首屏资源大小，也能通过离线包、页面直出等方案加速 html 返回，之前一篇h5 秒开大全有部分简析。在大部分场景中，这些方案都足够用，也能得到出色的效果。但仍有两种无法尽善尽[详细]
-
浅析数据存储的三种方式 cookie sessionstorage localstorage 的异同
所属栏目：[MySql教程] 日期：2020-06-17 热度：160
一、通常我们在存储数据的方式有三种 cookie sessionstorage localstorage ，那么这三种数据的存储又有什么关系呢？让我们一起来看看吧 cookie:保存cookie值： var dataCookie='110';document.cookie = 'token' + = +dataCookie; 获取指定名称的cookie值 f[详细]
-
h5页面唤起app如果没安装就跳转下载(iOS和Android)
所属栏目：[MySql教程] 日期：2020-06-17 热度：65
h5页面唤起app如果没安装就跳转下载(iOS和Android) 浏览器和app没有通信协议，所以h5不知道用户的手机释放安装了app。因此只能是h5去尝试唤起app，若不能唤起，引导用户去下载我们的app。 微信里屏蔽了 schema 协议,如果在微信中打开h5，则会提示用户在浏[详细]
-
使用HTML5原生对话框元素并轻松创建模态框组件
所属栏目：[MySql教程] 日期：2020-05-13 热度：126
副标题#e# HTML 5.2草案加入了新的dialog元素。但是是一种实验技术。 以前，如果我们想要构建任何形式的模式对话框或对话框，我们需要有一个背景，一个关闭按钮，将事件绑定在对话框中的方式安排我们的标记，找到一种将消息传递出去的方式对话......这真的[详细]
-
详解如何用canvas画一个微笑的表情
所属栏目：[MySql教程] 日期：2020-05-13 热度：140
实习期间让我用canvas画一个表情，比较简单，话不多说直接上代码： bodydiv id=canvas-warpcanvas id=canvas style=display: block; margin: 200px auto;你的浏览器居然不支持Canvas!/canvas/divscriptwindow.onload = function () {var canvas = document[详细]
-
HTML5移动端开发遇见的东西
所属栏目：[MySql教程] 日期：2020-05-12 热度：61
副标题#e# !-- 有# *符号输入 --input type=tel!-- 纯数字 --input pattern=d* 安卓跟IOS的表现形式应该不一样，大家可以自己试试。当运用了正则pattern后，就不用关注input的类型了。 2. 调用系统的某些功能 !-- 拨号 --a href=http://www.jb51.net/html5[详细]
-
基于 HTML5 WebGL 实现的垃圾分类系统
所属栏目：[MySql教程] 日期：2020-05-12 热度：89
副标题#e# 垃圾分类，一般是指按一定规定或标准将垃圾分类储存、分类投放和分类搬运，从而转变成公共资源的一系列活动的总称。分类的目的是提高垃圾的资源价值和经济价值，力争物尽其用。垃圾在分类储存阶段属于公众的私有品，垃圾经公众分类投放后成为公众[详细]
-
HTML5实现的震撼3D焦点图动画的示例代码
所属栏目：[MySql教程] 日期：2020-05-12 热度：73
这是一款基于HTML5和jQuery的3D焦点图动画，焦点图中的图片利用了CSS3的相关特性实现图片倾斜效果，从而让图片出现3D的视觉效果。这款HTML5焦点图不仅可以手动点击按钮切换图片，而且还支持自动切换图片，使用起来也相当方便。如果你需要在网站中展示产品[详细]
