注意: 默认情况下每次 commit 都会向 localstorage 写入数据，localstorage 写入是同步的，这样对性能存在影响，应该分场景尽量避免频繁写入持久化数据。 mutation：提交更新数据的方法，必须是同步的(如果需要异步使用action)。 防抖 de…

最近的一个项目做的是vue组件中的一个应用，「处理滚动列表」，这个应该是很常见的需求了，在项目中遇到的痛点，难点，如何一步步解决的，以及小细节一些优化。 经常会遇到的问题就是初始化了，「还是不能滚动」。那么对于这个而言，我最近用到一些经验是什么呢？ wrapper是父容器，它一…

哈哈，之前是 2020 年必读文章，到了 2021 年了，感觉这些文章还都是经典，那就改个标题吧。[手动狗头] 之前写过一篇 一年半经验如何准备阿里巴巴前端面试，给大家分享了一个面试复习导图，有很多朋友说希望能够针对每个 case 提供一个参考答案。 写答案就算了，一是精力有限…

用户在进行某些操作时，都要从服务器获取资源，这个过程都需要时间，为了减少用户等待中产生的焦虑与不安，我们应该在合理的时间内做出合理的安抚，告诉用户他的操作是有回应的，所以一个优雅的加载可的方式也可以做的非常有趣，让用户轻松自在的享受等待。 好了，我们言归正转，不扯那些有的没的了…

项目中多出有上传文件的需求，使用现有的UI框架实现的过程中，不知道什么原因，总会有一些莫名其妙的bug。比如用某上传组件，明明注明（:multiple="false"）,可实际上还是能多选，上传的时候依然发送了多个文件；又比如只要加上了（:file-list="fileList…

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

现在使用前端工程化开发项目是主流的趋势，也就是说，我们需要使用一些工具来搭建vue的开发环境，一般情况下我们使用webpack来搭建，在这里我们直接使用vue官方提供的，基于webpack的脚手架工具：vue-cli。 第一个vue-model是我保存过的设置，第一次creat…

之前开发vue项目，一直是自己搭建脚手架，并没有使用配套的Vue-CLI。原因是： 二、是觉得自己从零配置项目可控性更强。 Vue-CLI 3.0 于去年8月份就已发布，却一直没去了解。近日，有新Vue H5项目开发，就想着用Vue CLI3.0脚手架构建项目。并记录一下构建使…

前言：近日发现掘金上有所有的热门文章的排行榜，但是仅仅只是排行，不利于收藏查阅。于是乎我就把热门文章全部爬下来了（站长看到别打我啊😶），相信这些获得高赞文章质量不会差，爬完做了分类后不敢私藏，和大家一起分享。 带你走进 webpack 世界，成为 webpack 头号玩家。 …