element 日期范围选择器 动态设定范围
摘要：这是一个很刁钻的需求。 用两个日期选择器拼接的方式做类似需求，做动态设定范围很容易； 日期范围选择器静态设定范围也很容易； 但是又要日期范围选择器，又要动态设定范围就很麻烦。 还好我找到（抄到）了一个分享。 但我不喜欢直接复制粘贴，所以我们分析一下这个代码——我实验过了，是可以用的。 data()
阅读全文
posted @ 2022-09-07 15:08
随笔分类 - JavaScript
jQuery: 单选和多选的样式控制
摘要：单选： $(".fjsx").on("click", ".gzqy-nr-list", function () { $(".fjsx .gzqy-nr-list").removeClass("current"); $(this).addClass("current"); }) 多选： $(".fxd
阅读全文
posted @ 2022-01-28 16:47
记一次编译失败与browerlist实践
摘要：我司有个React项目用到了leaflet，然后我需要在电脑上跑这个项目。 装好依赖，结果启动时编译失败了。 和这个帖子（https://github.com/PaulLeCam/react-leaflet/issues/900）的错误一样。 ./node_modules/@react-leafle
阅读全文
posted @ 2021-09-13 22:03
二维数组转一维数组、对象数组互斥去重
摘要：二维数组转一维数组： //二维数组转一维数组 function flatten(arr) { return [].concat(...arr.map(x => Array.isArray(x) ? flatten(x) : x)) } 对象数组互斥去重： //对象数组互斥去重 function ge
阅读全文
posted @ 2021-08-23 14:58
分享几个数组方法
摘要：去重： //数组去重 function unique(arr) { for (var i = 0; i < arr.length; i++) { for (var j = i + 1; j < arr.length; j++) { if (arr[i] == arr[j]) {//第一个等同于第二个
阅读全文
posted @ 2021-08-20 11:05
前端生成图形验证码
摘要：代码： // 生成随机字符图片 function draw(show_num) { var canvas_width = document.getElementById("canvas").clientWidth; var canvas_height = document.getElementByI
阅读全文
posted @ 2021-08-19 11:33
rem自适应布局，移动版
摘要：代码： (function(baseFontSize, designWidth) { document.documentElement.style.fontSize = (document.documentElement.clientWidth * baseFontSize) / designWid
阅读全文
posted @ 2021-08-19 11:14
Appcan踩坑：IOS系统下开启键盘后顶部输入框掉下来了
摘要：经过初步排查，发现几个现象： 1 只在页面总长度超过屏幕长度时发生。 2 只在开启键盘时发生。 3 只在固定定位的页面顶部输入框获取焦点（focus）时发生。 4 只在屏幕有滚动时发生。 缺陷有两个现象： 1 顶部DOM掉下来了，在大约屏幕中间的位置。 2 此时如果继续滚动屏幕，顶部DOM不会再维持
阅读全文
posted @ 2021-08-11 20:34
Ant Design Pro V5 - jest 单元测试踩坑记录
摘要：1 Cannot find module '@/components/Footer' from 'src/pages/user/Login/index.jsx' jest.config.js加上moduleNameMapper可解决。 参考：https://stackoverflow.com/que
阅读全文
posted @ 2021-07-08 20:49
web前端单元测试入门，以Ant Design Pro为例
摘要：单元测试做什么 编写用来做单元测试的js文件，并执行。 适合对谁做： 存放静态方法的js文件，如utils/utils.js 页面组件，即React Component 不适合对谁做： 模板自带的js文件（不需要做改动，而且这种一般跑单测会有问题） 单元测试文件的特点： 一般有特定名称，如*.tes
阅读全文
posted @ 2021-07-08 19:50
javascript: 一个可以代替jquery选择器的方法
摘要：众所周知，与原生js不同，jquery方法 $() 会得到一个jquery对象，而不是js对象。 这个方法获取的对象可以用来执行其他jquery方法处理业务逻辑； 也可以通过下标获取js DOM。 当这个方法没有匹配到DOM的时候，则对象里面没有DOM元素。 $("div span").click(
阅读全文
posted @ 2020-11-14 11:36
javascript算法 最短路径问题
摘要：var obj = { 1: [2, 3], 2: [1, 4, 5], 3: [1, 7, 8], 4: [2, 7], 7: [4, 8], } var 起点 = 1 var 终点 = 8 var f = 起点 => 终点 => 数据 => 路径 => { if (起点 == 终点) retur
阅读全文
posted @ 2020-05-17 14:17
javascript : 找到一个树型数据的一个节点及其所有父节点
摘要：如题。 (function () { let tree = { "id": 0, "label": "all", "children": [ { "children": [ { "children": [ { "id": 210, "label": "dashboard_panel" }, { "c
阅读全文
posted @ 2020-04-28 20:49
简单分析 ztree 源码
摘要：为了把 SVG标注 代码抽成一个库，我要学习一下 ztree 是怎么写的。 开始正文。 这只是一个很简单的版本，以后可能会详细分析... 整个 ztree 是个自执行函数。 因为 ztree 是基于 jQuery 的，所以挂在 jQuery 对象下。自己写库的时候，不需要 jQuery 的话一般挂在
阅读全文
posted @ 2019-09-11 11:41
X-Tag实战：给博客加一个隐藏侧栏的功能
摘要：X-Tag是什么？ X-Tag是一个库，这个库可以让你用面向对象的方式定义自定义标签并给与其功能，很适合用来写一些网页小组件。 以上，创建一个时钟组件。 这个功能首先需要一个交互的东西，即一个按钮。 样式可以写在博客园设置的样式区里。 然后就是写交互逻辑，找到了相关DOM的ID就很简单。 clock
阅读全文
posted @ 2019-08-16 15:16
smartJQueryZoom(smartZoom) 的使用方法
摘要：smartZoom 是一个我很喜欢用的库。 但是这个库有一些不完善的地方。 比如BUG。 比如使用上可能遇到的问题。 比如说，我们想用 smartZoom 渲染这个img。 前提条件：这个库依赖 jQuery. 首先，它的父元素的宽高必须是个像素值。设 100% 可能会出问题。 可以用 jquery
阅读全文
posted @ 2019-08-15 17:20
smartJQueryZoom(smartZoom) 存在的兼容性BUG，以及解决方法
摘要：smartJQueryZoom 是一个很好用的库。 它基于jQuery，可以对某个元素（比如 img）进行渲染，渲染之后可以放大这个区域，在做图片浏览时很好用。 但它有一个兼容性BUG： 当浏览器不是chrome（比如safari）时，放大倍率会出现问题：滚轮滚一下，就直接到了最大倍率。 为了修复这
阅读全文
posted @ 2019-08-14 16:27
javascript实战 : 简单的颜色渐变
摘要：HTML CSS JAVSCRIPT 效果： 以上。
阅读全文
posted @ 2019-07-25 15:47
javascript兼容性：展开运算符 ... 的降级
摘要：展开运算符 ... 是一个很好用的ES6新特性，用的好的话，可以节约很多代码。 但是作为ES6特性，它有兼容性问题，而且Babal（在线转码网页）并不会转换展开运算符。 展开运算符大体分为两种用法：展开对象和展开数组。 现在我就来讲讲展开运算符的降级写法。 展开对象： 用 Object.assign
阅读全文
posted @ 2019-07-01 19:23
ztree : checkbox 选中/不选中时动态添加/删除DOM元素
摘要：先上代码。 讲一下这个是怎么实现的。 首先是 zTree.getChangeCheckedNodes() 方法的坑。 API说： 获取输入框勾选状态被改变的节点集合（与原始数据 checkedOld 对比）。[setting.check.enable = true 时有效] 请通过 zTree 对象
阅读全文
posted @ 2019-06-24 11:59
