CKEditor自定义按钮，找了很多篇教程，都说的不清不楚的，现参考官方文档，在此记录下开发过程。

官网文档：https://ckeditor.com/docs/ckeditor4/latest/api/CKEDITOR_plugins.html

Demo:http://www.ihtmlcss.com/demo/CKEditor/

使用forEach循环异步函数时，会先整个循环一遍，然后再输出异步函数的结果，这样就没法在循环结束后拿到异步函数的结果，正确的写法应该是用递归方法，等待异步函数执行完毕后才进入下一次循环。下面是两种写法的执行结果。

实现方法很简单，将总数计算出来显示到title，title显示位置调整到饼图中间，设置zlevel属性置于底层；鼠标悬停时显示的label也显示在饼图中间，调整背景色及边距， 设置zlevel属性 置于title上方，鼠标悬停时显示label就会遮挡住title。

promise实例

[crayon-5e8d355e11a23565904528/]

调用：

[crayon-5e8d355e11a29483290379/]

最近做项目的时候发现这个问题，删除最后一页的全部数据后，分页没了，数据也不显示了，原因是请求数据时的页码还是之前的页码，而删除数据之后已经没有这一页了。 解决办法也很简单，就是当请求不到数据时自动请求上一页或者第一页的数据。 可以使用bootstrap-table的数据加载完成事件，在数据加载完成之后判断数据是否为空，如果为空，则请求其它页数。 将事件绑定到“table”，这样就把项目中的所有问题都解决了。

遇到一个诡异的错误 ：Maximum call stack size exceeded，后来发现是使用了BootstrapValidator插件之后引起的，以为是跟其它某个插件冲突，于是页面上只留下表单和BootstrapValidator插件，依然报这个错误。

发现一个很有意思的排序算法，用js重写了一遍：

FormData对象用以将数据编译成键值对，以便用XMLHttpRequest来发送数据。其主要用于发送表单数据，但亦可用于发送带键数据(keyed data)，而独立于表单使用。如果表单enctype属性设为multipart/form-data ，则会使用表单的submit()方法来发送数据，从而，发送数据具有同样形式。 1.提示 TypeError: 'append' called on an object that does not implement interface FormData.

summernote自定义按钮，Summernote 是一个简单灵活的所见即所得的 HTML 在线编辑器，基于 jQuery 和 Bootstrap 构建，支持快捷键操作，提供大量可定制的选项。

带进度条的ajax上传文件方法：

包含文件的表单提交方法与普通表单提交方法有2处不同：

1. 编码类型为：enctype="multipart/form-data"
2. 获取表单数据：普通表单[ $("#myForm").serialize(); ]  ---- 包含文件的表单[  new FormData($("#myForm")[0])  ]

遍历很简单，for循环嵌套就可以，需要注意的是输出到html时要一次输出完，不然就会被浏览器自动加入闭合的DIV导致样式出错。