滚动条显隐时页面不抖动
方案一属性属性 scrollbar-gutter 可以实现该功能方法在需要的地方设置 scrollbar-gutter: stable; 即可，此设置会将滚动条的位置预留出来，在没有滚动条时也占位。其他属性值auto默认效果stable both-edges和 stable 差不多，但是左右两边都会留空白位置进行占位，让内容居中兼容性scrollbar-gutter兼容性方案二overflow:overlay , overlay ...
对数组进行特定场景排序，平衡多列数据个数平衡
场景：项目中对已有的工作看板进行筛选后，希望靠左排序，实现如下图示例:代码如下：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...