在开发中，我们经常会将一些常用的代码块、功能块进行封装，为的是更好的复用。那么，被抽离出来独立完成功能，通过API或配置项和其他部分交互，便形成了插件。 下面这些是我在工作中积累的一些常用的前端开源插件，这里只是罗列出来，详细的用法各个插件官网或者Gayhub都有介绍。注意：往…

由于公司采用的技术方案是.m3u8（hls），而这种格式目前PC浏览器只有Safari才支持，chrome、Firefox或移动端安卓其他的大部分浏览器都不支持播放这种格式。因此，用原生video标签的方案是不行了，得找一些插件或播放器。最终选择了DPlayer这个播放器，一个…

作为一名JavaScript开发者，你也许已经接触到了众多框架，甚至在众多框架之中你已经熟练掌握了一两个。之前我偏爱框架，它降低了我的开发难度。但是在经历了那么多优秀的前端的概念变革，从Virtual-DOM到状态管理，我也在想，对于框架的本身，它们的性能到底如何，对于不同类型…

前言：之前分享过两篇bootstrap下拉框的组件：JS组件系列——两种bootstrap multiselect组件大比拼 和 JS组件系列——Bootstrap Select2组件使用小结 ，收到很多园友的关注和提问，最后总结这两篇里面的下拉框组件都存在一些大大小小的问题，…

最近公司有个项目要用到木桶布局，找了很多插件都感觉不合适，于是决定自己撸一个。已经开源到github。(文章写的匆忙，有错别字或bug请指正) 什么是木桶布局，我们随便百度一张图片就知道了。如下图。 那么问题来了，要怎么实现这种效果呢?本人想了一种思路，看下图。 首先排列若干图…

在项目中自己使用 Canvas 实现了一下水波图，在这里给大家分享一下它的实现原理。 一开始看到波浪，可能不知道从何入手，我们来看看波浪的特征就会有灵感了。 没错，有人肯定会想到，就是 正余弦曲线！对于波陡很小的波动，一般选择正弦或余弦的曲线来表示波形，这是最简单而又最接近实际…

文章目录生成插件，类似于segmentfault和掘金，不依赖第三方库

hello~亲爱的看官老爷们大家好~ 最近一直在学习 webpack 的相关知识，当清晰地领悟到 webpack 就是不同 loader 和 plugin 组合起来打包之后，只作为工具使用而言，算是入门了。当然，在过程中碰到数之不尽的坑，也产生了想要深入一点了解 webpack…