# 基本方法

var savaFile=function(data,filename)

{

    var save_link=document.createElementNS('http://www.w3.org/1999/xhtml', 'a');

    save_link.href=data;

    save_link.download=filename;

    var event=document.createEvent('MouseEvents');

    event.initMouseEvent('click',true,false,window,0,0,0,0,0,false,false,false,false,0,null);

    save_link.dispatchEvent(event);

};

var download=function()

{

	const canvas = document.querySelector('canvas');

	var dataURL = canvas.toDataURL("image/png");

	saveFile(dataURL,'test.jpg');

}

推荐一个常用的 jquery 加载效果插件，很适合开发中使用。

# axios

基于 promise 用于浏览器和 node.js 的 http 客户端

# 特点

• 支持浏览器和 node.js
• 支持 promise
• 能拦截请求和响应
• 能转换请求和响应数据
• 能取消请求
• 自动转换 JSON 数据
• 浏览器端支持防止 CSRF (跨站请求伪造)
  

# 前面的话

使用 Chrome DevTools 的 performance 面板可以记录和分析页面在运行时的所有活动。本文将详细介绍如何使用 performance 面板解决性能瓶颈

# 一：什么是 Performance？

Performance 是前端性能监控的 API。它可以检测页面中的性能，W3C 性能小组引入进来的一个新的 API，它可以检测到白屏时间、首屏时间、用户可操作的时间节点，页面总下载的时间、DNS 查询的时间、TCP 链接的时间等。因此我们下面来学习下这个 API。

使用 <font style="color:#CC0000">Vue Material</font> 的 <font style="color:#CC0000">Dialog</font> 做了一个弹出框，弹出框内动态绑定了几个数据，页面效果一出来

# 前言

# 前言

最近关注了 DJI 大疆社区，看了不少大神的高端视频作品，特别是大神 LingChen 的作品，很是喜欢。
LingChen 天空之城作品，LingChen 微博作品。
于是自己就做了个类似 Lingchen 这种效果的前端，很是大气，现将效果贴出来。

如果没有动态效果，请刷新，mov 视频加载可能与网络有关，建议不要使用老的 IE 内核浏览器，如 IE8,360 等，请使用最新浏览器。

• canvas 自定义 js 登录界面 1
  演示地址： http://ppdndc.coding-pages.com/login1.html
  
  

最近看完了杨传辉老师写的《大规模分布式存储系统》一书，发现里面很多知识点和之前看的《大型网站系统与 Java 中间件》有很多相通之处，也渐渐加深了我对分布式技术的兴趣。但无奈分布式涵盖范围太广了，分布式存储、分布式计算、CAP 理论、Paxos 算法、什么 GFS、Hadoop、Dynamo、BigTable、Spanner 等等，不下点功夫还真不能理顺它们之间的内在关系。所以结合两书以及一些优秀博文，总结了分布式存储的知识体系，为以后打下基础而努力。由于初入泥潭，必然有些理解不当的地方，若有大神路过还望不吝指教。

本文更像是读书笔记，是对知识点的一个梳理，无奈越写越多，部分知识只能点到为止，具体内容可以查看原书或维基百科。

# mysql 锁等待分析

# 1、简单说明

使用 innodb 存储引擎后，mysql 有三张表来分析锁及阻塞的问题，在 information_schema 下面有三张表：INNODB_TRX、INNODB_LOCKS、INNODB_LOCK_WAITS，通过这三张表，可以更简单地监控当前的事务并分析可能存在的问题。

mysql> show tables like '%INNODB%';
+-----------------------------------------+
| Tables_in_information_schema (%INNODB%) |
+-----------------------------------------+
| INNODB_LOCKS                            |
| INNODB_TRX                              |
| INNODB_LOCK_WAITS                       |