仙魔无否

用于服务端或路由更新之前被调用（如果这里进行接口请求，页面会等接口返回结果后才发生跳转），方法的第一个参数被设定为当前页面的上下文对象（即包含路由、参数等等的一些列信息），可用于请求一个或多个接口，并将返回的数据融合到组件的data中，改方法与mounted函数同级，只在页面模…

工作中用到video标签做视频播放器，一开始用 video.js 插件代替，如果只用这个插件进行简单的播放视频，是不是有点浪费，而且这个插件用 webpack 打包后 vendor.js 会很大，所以本文实现一个基于HTML5标签video的自定义视频播放器。其中实现了播放暂停…

上一篇文章我们分析了 Layout 布局组件的设计和实现，它的应用场景通常是局部布局。对于整个页面的布局，element-ui 提供了 Container 布局容器组件，专门用于 PC 管理后台页面的整体布局。 我们先通过几幅图看一下页面的常见布局。 这两张图的布局在后台系统中…

当我们拿到一个 PC 端页面的设计稿的时候，往往会发现页面的布局并不是随意的，而是遵循的一定的规律：行与行之间会以某种方式对齐。对于这样的设计稿，我们可以使用栅格布局来实现。 早在 Bootstrap 一统江湖的时代，栅格布局的概念就已深入人心，整个布局就是一个二维结构，包括列…

先需要交代下，每一个组件都是一个Vue构造函数的子类，这个之后会说明为何如此。从上往下我们一步步看，首先会定义_uid属性，这是为每个组件每一次初始化时做的一个唯一的私有属性标识，有时候会有些作用。 首先要找的组件需要定义name属性，当然定义name属性也是一个好的书写习惯。…

这是十篇 Vue 系列文章的第三篇，这篇文章我们讲讲 Vue 最核心的功能之一 —— 响应式原理。 可以这样理解：当一个状态改变之后，与这个状态相关的事务也立即随之改变，从前端来看就是数据状态改变后相关 DOM 也随之改变。数据模型仅仅是普通的 JavaScript 对象。而当…

写Vue有很长一段时间了，除了常规的业务开发之外，也应该思考和反思一下封装组件的正确方式。以弹窗组件为例，一种实现是在需要模板中引入需要弹窗展示的组件，然后通过一个flag变量来控制弹窗的组件，在业务代码里面会充斥着冗余的弹窗组件逻辑，十分不优雅。 本文整理了开发Vue组件的一…

我通常使用 cli 生成项目骨架再在之基础上进行个人修改。 顾名思义 XXX-CLI 就是使用命令行生成的 XXX 程序。之前写过一款 基于 nodeJs 制作个性 CLI 的教程 如何用node开发自己的cli工具并发布到NPM ， 想详细了解制作流程的可以简单看看。 鉴于使…

async/await把我们从回调地狱中解放了出来,但是,人们也对其颇有微词.因为随之而来导致了async/await地狱的诞生. 在这篇文章,我会试图解释什么是async/await地狱,另外我也会分享一些避开它们的方法. 当我们在编写JavaScript异步代码的时候,人们…