-
万字分享，我是如何一步一步监控公司MySQL的？
所属栏目：[MySql教程] 日期：2020-08-15 热度：193
副标题#e# 写在前边 在家远程办公第三周，快被手机上的消息搞的有些神经质了，生怕错过一条有用的信息，没办法形势如此，公司摇摇欲坠大家也都如履薄冰，毕竟这时候失业有点惨（穷怕了）。 但就干活来说还是比较清闲的，和在公司上班相比，清闲下来很多碎片[详细]
-
Html5导航栏吸顶方案原理与对比实现
所属栏目：[MySql教程] 日期：2020-06-17 热度：79
市场上享有H5导航栏吸顶效果展示 1.淘宝聚划算吸顶演示： 2.淘宝百亿补贴吸顶演示： 二. 常见的tabbar吸顶方案 基于position粘性定位的吸顶方案 基于JS监听scroll事件的吸顶方案 三. 方案的原理与对比 1. position粘性方案的实现与详解 1.1. 知识详解 posi[详细]
-
浅析图片上传及canvas压缩的流程
所属栏目：[MySql教程] 日期：2020-06-17 热度：124
我们通常在做图片上传的时候都会遇上这样的情况，一是后端接口限制上传图片的大小，或者是即使后端没有限制大小，因为图片太大在前端渲染时太慢，造成页面加载体验较差。因此我们很有必要对上传的图片进行压缩。 本文在gitthub做了收录：github.com/Michae[详细]
-
原生canvas制作画图小工具的踩坑和爬坑
所属栏目：[MySql教程] 日期：2020-06-17 热度：189
副标题#e# 最近在写一个类似截图里的简易画图的小工具，画线，画矩形，画圆，可以选择颜色，就像这样 写的过程中遇到了一些坑，还好爬出来了，也得到几位大佬的指点，稍微接触了一下zrender，在这里记录一下。 坑1，绘制过程的预览 用canvas画线没什么问题[详细]
-
h5移动端调用支付宝、微信支付的实现
所属栏目：[MySql教程] 日期：2020-06-17 热度：58
公司项目之前已有支付宝支付，现要求增加微信支付，第一次做，摸着石头过河！结果是满意的。 废话就不说了直接上代码： var aliChannel = null;var wxChannel = null;// 定义支付方式切换var state_type = 1;// 选择支付方式 默认为支付宝样式$(.zfb).find[详细]
-
使用SVG实现提示框功能的示例代码
所属栏目：[MySql教程] 日期：2020-06-17 热度：80
副标题#e# NO.1 前言 Tooltips常被称为提示框（或信息提示框），提示框能够以较强的交互性、自由度为用户提供相应的提示信息。今天我们要聊的不是如何实现强大的交互行为，而是来看看如何以最好的方式来还原他们的视觉效果，并且能适用于不同的场景。 NO.2[详细]
-
Html5嵌入钉钉的实现示例
所属栏目：[MySql教程] 日期：2020-06-17 热度：111
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 热度：166
副标题#e# 在传统的 web 优化中，我们可以采取压缩、拆包、动态加载等方法减少首屏资源大小，也能通过离线包、页面直出等方案加速 html 返回，之前一篇h5 秒开大全有部分简析。在大部分场景中，这些方案都足够用，也能得到出色的效果。但仍有两种无法尽善尽[详细]
-
浅析数据存储的三种方式 cookie sessionstorage localstorage 的异同
所属栏目：[MySql教程] 日期：2020-06-17 热度：71
一、通常我们在存储数据的方式有三种 cookie sessionstorage localstorage ，那么这三种数据的存储又有什么关系呢？让我们一起来看看吧 cookie:保存cookie值： var dataCookie='110';document.cookie = 'token' + = +dataCookie; 获取指定名称的cookie值 f[详细]
-
h5页面唤起app如果没安装就跳转下载(iOS和Android)
所属栏目：[MySql教程] 日期：2020-06-17 热度：108
h5页面唤起app如果没安装就跳转下载(iOS和Android) 浏览器和app没有通信协议，所以h5不知道用户的手机释放安装了app。因此只能是h5去尝试唤起app，若不能唤起，引导用户去下载我们的app。 微信里屏蔽了 schema 协议,如果在微信中打开h5，则会提示用户在浏[详细]
-
使用HTML5原生对话框元素并轻松创建模态框组件
所属栏目：[MySql教程] 日期：2020-05-17 热度：159
副标题#e# HTML 5.2草案加入了新的dialog元素。但是是一种实验技术。 以前，如果我们想要构建任何形式的模式对话框或对话框，我们需要有一个背景，一个关闭按钮，将事件绑定在对话框中的方式安排我们的标记，找到一种将消息传递出去的方式对话......这真的[详细]
-
详解如何用canvas画一个微笑的表情
所属栏目：[MySql教程] 日期：2020-05-13 热度：59
实习期间让我用canvas画一个表情，比较简单，话不多说直接上代码： bodydiv id=canvas-warpcanvas id=canvas style=display: block; margin: 200px auto;你的浏览器居然不支持Canvas!/canvas/divscriptwindow.onload = function () {var canvas = document[详细]
-
canvas学习笔记之2d画布基础的实现
所属栏目：[MySql教程] 日期：2020-05-13 热度：124
canvas 是一个可以使用脚本（通常是js）来绘图的HTML元素 canvas 最早由Apple引入WebKit，用于Mac OS X 的 Dashboard和 Safari 如今，所有主流的浏览器都支持它（IE9+,更低版本需引入Explorer Canvas来支持） 1. 开始画图（渲染上下文） canvas 元素创造了[详细]
-
Canvas 文本转粒子效果的实现代码
所属栏目：[MySql教程] 日期：2020-05-13 热度：138
副标题#e# 通过粒子来绘制文本让人感觉很有意思，配合粒子的运动更会让这个效果更加酷炫。本文介绍在 canvas 中通过粒子来绘制文本的方法。 实现原理 总的来说要做出将文本变成粒子展示的效果其实很简单，实现的原理就是使用两张 canvas，一张是用户看不到[详细]
-
web页面录屏实现
所属栏目：[MySql教程] 日期：2020-05-13 热度：148
副标题#e# 在看到评论后，突然意识到自己没有提前说明，本文可以说是一篇调研学习文，是我自己感觉可行的一套方案，后续会去读读已经开源的一些类似的代码库，补足自己遗漏的一些细节，所以大家可以当作学习文，生产环境慎用。 录屏重现错误场景 如果你的应[详细]
-
html5 分层屏幕适配的方法
所属栏目：[MySql教程] 日期：2020-05-12 热度：167
副标题#e# 设计大大，这次真的是 按设计稿来 了，因为现在，任何机子都是设计稿标准机！ 开发同学，这下你就直接读设计稿标注就好了啦！ 屏幕适配 屏幕适配应当指内容 适配区 和 屏幕区 间的适配关系。 单屏适配有 contain、cover 或 fill，多屏常见是 依宽[详细]
-
利用html5 file api读取本地文件示例(如图片、PDF等)
所属栏目：[MySql教程] 日期：2020-05-12 热度：156
在html4的年代，我们如果要在网页上呈现一张用户本地的图片，需要用户先把图片上传到服务器，再根据服务器提供的图片地址把图片下载下来，才能把图片在网页上呈现出来。这一来二往，起码已经费了两倍于这张图片的流量了，更别说服务器为了存储这张图片所花[详细]
-
基于 HTML5 Canvas实现 的交互式地铁线路图
所属栏目：[MySql教程] 日期：2020-05-12 热度：174
副标题#e# 前两天在 echarts 上寻找灵感的时候，看到了很多有关地图类似的例子，地图定位等等，但是好像就是没有地铁线路图，就自己花了一些时间捣鼓出来了这个交互式地铁线路图的 Demo，地铁线路上的点是在网上随便下载了一个，这篇文章记录自己的一些收获[详细]
-
详解Canvas 实现炫丽的粒子运动效果（粒子生成文字）
所属栏目：[MySql教程] 日期：2020-05-12 热度：75
副标题#e# 没有最好，只有更好，如题所示，这篇文章只要是分享一个用 Canvas 来实现的粒子运动效果。感觉有点标题党了，但换个角度，勉勉强强算是炫丽吧，虽然色彩上与炫丽无关，但运动效果上还是算得上有点点炫的。不管怎么样，我们还是开始这个所谓的炫丽[详细]
-
HTML5 Canvas图像模糊完美解决办法
所属栏目：[MySql教程] 日期：2020-05-12 热度：197
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-05-12 热度：181
最近在研究用视频代替动画，用视频代替精灵动画，我们称这种视频叫做交互视频。 传统的精灵动画： 磁盘空间大，下载慢，尤其是在线播放，会更慢 文件太多，在线播放的时候，太多http请求，会导致响应慢，或者行为失常 因此，急需开发了一套技术，用视频代[详细]
-
详解Html5 Canvas画线有毛边解决方法
所属栏目：[MySql教程] 日期：2020-05-12 热度：75
Html5 Canvas 所有的画线指令画出来的线条都有毛边（比如 lineTo， arcTo，strokeRect），这是因为在Canvas中整数坐标值对应的位置恰巧是屏幕象素点中间的夹缝，那么当按这样的坐标进行线条渲染时所要用到的就是夹缝两边的象素点，这样即便设置了lineWidth[详细]
-
详解HTML5 canvas绘图基本使用方法
所属栏目：[MySql教程] 日期：2020-05-12 热度：97
副标题#e# canvas/canvas是HTML5中新增的标签，用于绘制图形，实际上，这个标签和其他的标签一样，其特殊之处在于该标签可以获取一个CanvasRenderingContext2D对象，我们可以通过JavaScript脚本来控制该对象进行绘图。 canvas/canvas只是一个绘制图形的容器[详细]
-
HTML5 video视频字幕的使用和制作方法
所属栏目：[MySql教程] 日期：2020-05-12 热度：101
HTML5允许我们使用 元素为视频指定字幕。这个元素的各种属性允许我们指定这样的东西，比如我们添加的内容的类型，它所在的语言，当然还有对包含实际字幕信息的文本文件的引用。 video id=video controlssource src=http://www.jb51.net/html5/./step.mp4 t[详细]
-
探究 canvas 绘图中撤销（undo）功能的实现方式详解
所属栏目：[MySql教程] 日期：2020-05-12 热度：169
副标题#e# 最近在做网页版图片处理相关的项目，也算是初入了 canvas 的坑。项目需求中有一个给图片添加水印的功能。我们知道，在浏览器端实现图片添加水印功能，通常的做法就是使用 canvas 的 drawImage 方法。对于普通的合成（比如一张底图和一张 PNG 水印[详细]
浙公网安备 33038102330459号