img使用canvas转为base64跨域问题
在使用 canvas 将 img 的 src 地址转换为 base64 调用 canvas.toDataURL() 时，遇到跨域问题并报错如下Failed to execute 'toDataURL' on 'HTMLCanvasElement': Tainted canvases may not be exported. at img.onload解决方案：在 onload 之前添加 crossOrigin 参数 var img...
对数组进行特定场景排序，平衡多列数据个数平衡
场景：项目中对已有的工作看板进行筛选后，希望靠左排序，实现如下图示例:代码如下：function reOrder(arr) {
arr = JSON.parse(JSON.stringify(arr));
if (arr.length === 1) {
// 单个场景
if (arr[0].x !== 0) {
arr[0].x = 0;
...
js树形结构和扁平数组相互转换
来源树结构扁平化/**
* 把嵌套数组转成平铺数组
* @param data <Array>
* @param childName <String> 子集节点的名称
* @return newData <Array>
*/
const flatTree = (data, childName = 'children') => {
if (!Array.isArray(da...
递归层级菜单
总是遇到这种菜单，故记录，方便复用 <script type="x-tmpl-mustache" id="app-menu-tpl">
<ul class="app-menu-children {{level}}">
{{#items}}
<li>
...
常用 js 模块
点击页面空白处取消某处的选中事件$('body').on('click', function (e) {
if (!$(e.target).closest('.select-project, .other').length) {
$select.removeClass('active');
}
});input 值改变$('body').on('input propertychange keyup...
js 获取字符串最后两位
代码const test = '今天天气真好'
test .substr(-2, 2)结果
html 中加载进度条
可调用 js 控制不同进度代码
调用pageProgress.run(90);效果
点击页面空白处取消某处的选中事件
$('body').on('click', function (e) {
if (!$(e.target).closest('.select-project, .other').length) {
$select.removeClass('active');
}
});
Chrome 和 IE 下导出下载图片
基于 canvas 生成的图片，然后下载兼容性： IE11、IE10、chrome，其他未测function dataURLToBlob(dataurl) {
var arr = dataurl.split(',');
var mime = arr[0].match(/:(.*?);/)[1];
var bstr = atob(arr[1]);
var n = bstr.length;
va...