本文将vue-cli的使用和图片瀑布流放在一起来讲，主要是我自己做着两方面的练习。其实如果只是写个单页面的图片瀑布流效果也不用专门搭建一个vue-cli项目。需要看代码的小伙伴可以在我的github中自行查看。 Progressive Web App (PWA) Support…

瀑布流又称瀑布流式布局，是比较流行的一种网站页面布局方式，视觉表现为参差不齐的多栏布局。最早采用此布局的是网站是 Pinterest，后逐渐在国内流行，比如花瓣，蘑菇街等。

瀑布流布局实现方式：1.CSS的弹性布局实现2.javascript定位实现1.弹性布局实现：相对简单，适用于移动端数据少列展示，但无法保证左右两侧高度的相近，会出现一侧高度相对另一侧高度太多2.Ja

最近有一个需求，用户可以动态切换页面的布局分别是1.列表布局2.网格布局3.瀑布流布局1、实现瀑布流的思路这样子瀑布流就可以实现了，接下来实现的是如何通过参数来动态改变样式来实现不同的布局

你是如何界定要不要造轮子的？于我而言，将需要多处调用的重复代码封装成组件、插件，把繁琐的操作流程开发成提效工具，后续能简化工作量，提高工作效率，就值得造轮子。为业务封组件、封插件，为提效造工具，做有价值的事，才能实现自我价值。 我们先来看看，这次造的什么轮子，针对我们请假审批的…

封装发布组件是前端开发中非常重要的能力，通过对常用组件的封装可以提升团队开发的效率，避免重复劳作且不方便维护。好的组件的抽象和封装能让组件得到更广泛和多环境兼容的应用。 本文讲述了如何一步步从0到1封装发布一个常用的toast组件的过程。本文是搭配实例书写的，所以理论上根据本文…

去重是开发中经常会碰到的一个热点问题，不过目前项目中碰到的情况都是后台接口使用SQL去重，简单高效，基本不会让前端处理去重。 那么前端处理去重会出现什么情况呢？假如每页显示10条不同的数据，如果数据重复比较严重，那么要显示10条数据，可能需要发送多个http请求才能够筛选出10…

本文主要记录一下如何基于 Vue 开发组件，并在 npm 上发布。废话不多说，进入正题 好了，到这里准备工作做好了，我们可以开始开发组件了，接着上面的例子，下面开始开发一个 switch 组件。 写的比较简单，主要还是提供思路。用习惯了开源的组件自己总得了解一下嘛，有的时候在…

3.最后直接在需要的地方进行使用就可以啦...