CSS盒子模型与怪异盒模型 盒子模型（Box Modle）可以用来对元素进行布局，包括内边距(padding)，边框(border)，外边距(margin)，和实际内容(content)这几个部分。 标准盒模型 标准盒模型中盒子的大小是指： ...

1. 原因： ​ 除了父元素自身可以触发自己的transitionend之外，其子元素如若有transition发生，同样会触发父元素的transitionend事件。 2. 解决办法 EL.ontransitionend = func ...

Unsplash class 和 style 使用动态属性，使用驼峰式写法 v-if和 v-show v-if 不渲染不满足判断条件的模块，v-show 渲染但不显示，使用场景：是否多次切换或频繁更新条件状态 keep-alive 缓存组 ...

Vue3目前还没有文档，但git上面却有些样本，本来打算但拿它的样本去写一个tutorial，但发现已经有人写了，而且写得很好。此文是我按着他的文章内容用自己的系统环境走了一遍编写，大多数只是翻译过来。 相关参考： https://vue ...

轮播图是项目中非常常见的一个效果，平时我们可能都会用别人写好的插件，但是必要的时候也需要自己手写，尤其是需要掌握下其中的实现原理。 一、需求 1.实现渐隐渐显自动轮播效果 2.鼠标移入：显示左右切换箭头，停止自动轮播 3.鼠标离开：隐藏左右 ...

key概述 react中的key属性，它是一个特殊的属性，它的出现不是给开发者用的（例如你为一个组件设置key之后，也仍无法获取这个组件的key值），而是给react自己用的。 简单来说，react利用key来识别组件，它是一种身份标识标识 ...

Unsplash 1. 常用的数组 API forEach 遍历所有元素，item 对应的是元素的值，index 对应的是元素的位置 let arr = [4, 6, 8]; arr.forEach(function(item, index ...

基础 1，类型 // 布尔值 let isDone: boolean = false; // 定义变量之后，不可随便改变它的类型 isDone = true; // 不报错 isDone = '赋值字符串'; // 报错 // 字符串 le ...

React Hook是React函数式组件，它不仅仅有函数组件的特性，还带有React框架的特性。所以，官网文档多次强调： 只在 React 函数中调用 Hook 不要在普通的 JavaScript 函数中调用 Hook。你可以： ✅ 在 ...

redux是参考Flux设计原则的一个管理数据流的库。 下图为redux的核心运作流程 image redux 三大原则： 单一数据源：整个应用的状态都保存在一个对象（store）中。这样我们随时可以取出整个应用的状态进行持久化。 状态只读 ...