随笔分类 -  JavaScript

基于vue-drag-verify二次开发的vue组件
摘要：工作中需要用到vue滑动组件，在npm上找到一款vue-drag-verify，但是美观度不够。所以在其基础上增加了参数提高了交互效果，并根据日常需求封装了常用的四个组件： 滑块组件 文档&演示地址 图片滑块组件 文档&演示地址 图片滑块组件（拼图）文档&演示地址 旋转图片滑块组件 文档&演示地址 阅读全文
posted @ 2024-06-21 21:30 limes 阅读(297) 评论(0) 推荐(0)
记viewer.js图片预览踩的坑
摘要：最近在帮同事在旧系统增加功能时又接触到viewer.js，其中踩了些坑，直到跟踪到源码才找到解决方法。 旧系统是N年前的系统，采用jquery+自研发的UI进行的开发，其中引入了一些插件，其中图片预览就是采用的viewer.js。之前上传的文件只有图片，所以预览并没什么问题，新需求中要求可以上传PD 阅读全文
posted @ 2021-01-28 18:59 limes 阅读(3913) 评论(0) 推荐(0)
【源码解读】js原生消息提示插件
摘要：效果如下： 关闭message后前后message的衔接非常丝滑，这部分是我比较感兴趣的。带着这个问题先了解下DOM结构，顺便整理下作者的思路。 从DOM里我们可以看到所有的message都在一个容器里，而这个容器做了绝对定位实现了可视窗口的水平居中，新增的message只要在容器里append对应 阅读全文
posted @ 2021-01-23 13:53 limes 阅读(910) 评论(1) 推荐(0)
js封装xhr【重复造轮子】
摘要：仿jquery ajax，不过功能没那么多。贴代码 分割线 使用方法: 阅读全文
posted @ 2018-01-08 08:40 limes 阅读(1763) 评论(0) 推荐(0)
封装jQuery插件实现TAB切换
摘要：先上效果图： 直接上代码： index.html 插件tab.js!function( var Tab = function(ele){ 标签可随意设置成文本或其他内容，可自行修改。 依自己的理解对切换逻辑进行修改： 1.mousove触发切换时只有mouseout才会继续轮训切换 2.click触 阅读全文
posted @ 2018-01-06 14:09 limes 阅读(1403) 评论(0) 推荐(0)
javascript变量作用域
摘要：把《javascript高级程序设计》的变量和函数部分翻了一遍，感觉可以找些题看看了。遂找了写经典题目，逐一解析（第二题踩坑了~） 先看题http://blog.csdn.net/YoungerChen/article/details/7934008 均在非严格模式下： 1. 分析：全局变量var 阅读全文
posted @ 2018-01-02 16:49 limes 阅读(351) 评论(0) 推荐(0)