内容：生命周期、路由 一、生命周期 1.页面渲染期 constructor 构造函数 UNSAFE_componentWillMount 组件将要挂载 re ...

从这篇文章开始来介绍开发过程，代码所在地：https://gitee.com/underline/DataMock-Electron.git。介绍下前置条件哈：vscode、electron、mock.js、vue、elementUI、c ...

在前端项目开发的时候，往往逃不开组件之间传值这种操作。常见的几种场景，父子组件、非相关组件。 大家都知道使用redux就能搞定所有的问题，redux是一个全局状态管理，可以把所有的数据放在一个单独的地方在使用的时候直接拿来用；就相当于一个数 ...

一、原始写法 模块封装在function中 缺点: 污染了全局变量，无法保证不与其他模块发生变量名冲突，而且模块成员之间看不出直接关系。 模块封装在对象里 缺点: 所有模块成员，内部状态可以被外部改写 立即执行函数写法: 模块封装在立即执行 ...

CSS 布局本质就是控制元素的位置和大小。比如这样的布局：元素宽960px，水平居中。宽960px是大小。水平居中是位置。又如这样的布局：两个元素在一行，左侧元素固定宽200px，右侧元素撑满剩余空间。固定宽200px，撑满剩余空间是大小。 ...

我是小雨小雨，专注于更新有趣、实用内容的小伙，如果内容对大家有一点帮助，那么就请动动手指，给个关注、点赞支持一下吧。 ^ - ^ 序言 前两天接到一个需求，其中包括一个有序的列表，我们今天就来看看这个有序怎么做更方便、简单。 当然，这个功 ...

1. 防抖函数 1.1 防抖定义： 函数防抖（debounce）：当持续触发事件时（例如mousemove），一定时间段内没有再触发事件，事件处理函数才执行一次，如果设定的时间到来之前，又一次触发了事件，就重新开始延时。 1.2 不做防抖的 ...

列表拖拽转换的例子 今天看到有些表格中能够通过拖动来换行，手动排序的功能，想来自己实现一下，类似效果如下 image 主要解决问题的办法 drag元素 clientX和clientY 动画元素animition 解决思路 委托外部元素监听内 ...

--文末附视频教程 本文主要学习掌握 Vue 双向绑定的核心部分原理。 代码为简化版，相对比较简陋。也未考虑数组等其他处理。 欢迎一起学习交流。 一、准备工作 1. 什么是 MVVM 框架？ MVVM 是 Model-View-ViewMo ...

最近这个 Vue.js 纪录片在前端圈广为传播，相信不少人已经看过了。第一次看编程领域的纪录片，感觉还挺新鲜的。这部 30 分钟左右的纪录片制作精良，主角是 Vue.js 作者尤雨溪，还穿插采访了框架的几个核心贡献者和早期用户。 之前看过 ...