摘要： 为了把 SVG标注 代码抽成一个库，我要学习一下 ztree 是怎么写的。 开始正文。 这只是一个很简单的版本，以后可能会详细分析... 整个 ztree 是个自执行函数。 因为 ztree 是基于 jQuery 的，所以挂在 jQuery 对象下。自己写库的时候，不需要 jQuery 的话一般挂在 阅读全文

摘要： X-Tag是什么？ X-Tag是一个库，这个库可以让你用面向对象的方式定义自定义标签并给与其功能，很适合用来写一些网页小组件。 以上，创建一个时钟组件。 这个功能首先需要一个交互的东西，即一个按钮。 样式可以写在博客园设置的样式区里。 然后就是写交互逻辑，找到了相关DOM的ID就很简单。 clock 阅读全文

摘要： smartZoom 是一个我很喜欢用的库。 但是这个库有一些不完善的地方。 比如BUG。 比如使用上可能遇到的问题。 比如说，我们想用 smartZoom 渲染这个img。 前提条件：这个库依赖 jQuery. 首先，它的父元素的宽高必须是个像素值。设 100% 可能会出问题。 可以用 jquery 阅读全文

摘要： 我们知道，博客园默认的日历样式是灰底的，有点丑。 我想把它改成类似于WIN10的样式。 上代码。 效果是这样的。 虽然还是不太像。 以上。 阅读全文

摘要： smartJQueryZoom 是一个很好用的库。 它基于jQuery，可以对某个元素（比如 img）进行渲染，渲染之后可以放大这个区域，在做图片浏览时很好用。 但它有一个兼容性BUG： 当浏览器不是chrome（比如safari）时，放大倍率会出现问题：滚轮滚一下，就直接到了最大倍率。 为了修复这 阅读全文

摘要： HTML CSS JAVSCRIPT 效果： 以上。 阅读全文

摘要： 展开运算符 ... 是一个很好用的ES6新特性，用的好的话，可以节约很多代码。 但是作为ES6特性，它有兼容性问题，而且Babal（在线转码网页）并不会转换展开运算符。 展开运算符大体分为两种用法：展开对象和展开数组。 现在我就来讲讲展开运算符的降级写法。 展开对象： 用 Object.assign 阅读全文

摘要： 先上代码。 讲一下这个是怎么实现的。 首先是 zTree.getChangeCheckedNodes() 方法的坑。 API说： 获取输入框勾选状态被改变的节点集合（与原始数据 checkedOld 对比）。[setting.check.enable = true 时有效] 请通过 zTree 对象 阅读全文

摘要： 一般来说，VUE项目中，this指向VUE实例。 但有的时候，某些代码会改变this的指向。 这时，可以用一个临时变量存储VUE实例。 但有时，你可能不得不在一开始就存一份vue实例的引用。 你可以在 created 阶段 然后在 beforeDestroy 阶段 那么问题来了：如果父组件和子组件都 阅读全文

摘要： 我用 for(let x in y) 循环一个图片元素数组。 这样写是没有问题的，因为： for (let x...)的循环在每次迭代时都为x创建新的绑定。 ... 在ES标准中，有一段是关于CreatePerIterationEnvironment，也就是for语句每次循环所要建立环境的步骤，里面 阅读全文