1. Lottie 介绍 Lottie 是 Airbnb 开源的一套跨平台的完整的动画效果解决方案，设计师可以使用 Adobe After Effects 设计出漂亮的动画之后，使用 Lottic 提供的 Bodymovin 插件将设计好的动画导出成 JSON 格式，就可以直接…

当我们使用Vue去开发项目时，Vue-Cli 给我们提供了一套开箱即用的项目模版，免去了我们配置 webpack 的烦恼。但由于Vue-Cli是面向所有开发者的，它所提供的项目模版是非常基础的，当我们使用这套模版去开发的时候，通常还要再引入 axios Element-ui 等…

前天（周日），写了一个 webpack-loader，auto-inject-async-catch-loader，晚上 8 点多发的 npm 包。昨天早上，上 npm 官网一看，才十几个小时下载量 282 次（着实有点意外😯）～ 在之前，我写过一篇文章《现场教学，优雅地处理…

`v-on="$listeners"`封装组件时，可传入未识别的事件。`v-bind="$attrs"` 可传入未识别的属性 逻辑： 传入该按钮的权限，获取当前用户的权限，判断用户权限是否在按钮权限中，如果不在代表没有权限，移除该按钮的DOM。 监听滚动，使用getBoundi…

之所以把vue安装在devDependencies, 是因为我们的组件库是依赖于使用者的安装的vue包的, 我们打包自己组件并不需要把vue一起打包进去. 每次 commit 代码之前会用husky格式化代码, 确保代码风格统一. 在src/styles/vendors创建no…

配置webpack 来分离 echarts webpack/externals使用详解. 4. gzip暴力压缩

因为在2.6.0中，具名插槽 和 作用域插槽 引入了一个新的统一的语法 (即v-slot 指令)。它取代了 slot 和 slot-scope，并且现在网上都说的是一些老版本的内容，官方文档不太容易理解，所以就整理了一篇有关于插槽(slot)使用的文章 如果<test>中没有包…

Vue 3.x 的Pre-Alpha 版本。后面应该还会有 Alpha、Beta 等版本,预计至少要等到 2020 年第一季度才有可能发布 3.0 正式版; 后续 Vue 3.x 出来后持续更新. 3. 14种组件通讯 provide 和 inject 主要为高阶插件/组件库提…

最近在用 Vue 重构一个历史项目，一个考试系统，题目量很大，所以核心组件的性能成为了关注点。先来两张图看下最核心的组件 Paper 的样式。 从图中来看，分为答题区与选择面板区。 答题模式与学习模式可以相互切换，控制正确答案显隐。 单选与判断题直接点击就记录答案正确性，多选是…