![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
javascript
没有梦想的coder
从来不知想拥有多少的理想
展开
-
【javascript】纯原生js的轻便组织结构图,树状图,支持自定义样式
前言写这个插件呢,只是一时兴起,公司的项目中使用到了组织结构图,然后本着面向百度、谷歌编程的思想,我去摸索了半天。结果一无所获,可能这个词用的有点重了,但是就是没有符合我公司项目要求的,然后我又去了全球最大的同性社交网站(github)还是没有找到自己满意的插件。但是整个过程借鉴下来也有了自己的一些小思路,干脆自己封装一个得了(本文的插件非常简单,大佬勿喷)思路思路呢,大概是这样的,先定数据结构,因为有了结构才好拿着去定 dom 的结构。因为是结构图嘛,所以父子关系肯定是跑不掉了,那原创 2020-09-15 18:15:46 · 3976 阅读 · 11 评论 -
【bug】Swiper的loop模式下无法操作当前swiper-slide的解决方案
一、问题描述在开发一个 Vue 项目时,用到了 Swiper 插件,别问我为什么不用 vue-awesome-swiper,因为要自定义一些东西,用不惯 vue-awesome-swiper。好了,回到正题,下面是要实现的两个效果:1.当前的 swiper-slide 使用高亮的背景色,其他的使用暗淡的透明色。2.不同的 swiper-silde 有不同的子项内容,所以要根据当前的 s...原创 2019-10-12 17:03:37 · 4502 阅读 · 3 评论 -
【javascript】原生js实现列表间隔滚动
今天公司项目遇到一个需求,要求实时间隔滚动显示区块链信息,实时显示需要跟后台协商交互即可搞定。那么问题就剩下我们拿到数据如何间隔滚动了,用jquery的时候可以直接用插件来搞定。但是从接触vue之后,我就很少使用jquery写项目了,所以自己用原生coding一个,方便自己以后使用。<!DOCTYPE html><html lang="en"><h...原创 2019-05-20 17:52:04 · 989 阅读 · 0 评论 -
【javascript】浅谈节流和防抖
最近在负责公司的前端面试以后,迫使我不得不去重新收集一些面试题。而在这些面试题中,节流和防抖便是我认为需要总结的一个知识点。在前端开发的过程中,我们经常会需要绑定一些持续触发的事件,如 resize、scroll、mousemove 等等。但有些时候我们并不希望在事件持续触发的过程中那么频繁地去执行函数。通常这种情况下我们怎么去解决的呢?一般来讲,防抖和节流是比较好的解决方案。...转载 2019-07-23 11:18:02 · 288 阅读 · 0 评论