程序媛兔子

TypeScript 是微软开发一款开源的编程语言，他是 JS 的一个超集，本质上是为了 JS 增加了静态类型声明。任何的 JS 代码都可以在其中使用，不会有任何问题， T...

vue 支持双向绑定：1.父子之间通过props 2. 组件和 DOM 之间通过 v-model 双向绑定 当组件需要复用部分功能时，vue 框架使用 mixins，vue...

mixin 中文意思就是混入，它提供了一种非常灵活的方式，来分发 Vue 组件中的可复用功能。一个混入对象可以包含任意组件选项。当组件使用混入对象时，所有混入对象的选项将被...

computed 是计算属性，对绑定到视图的数据进行处理，并监听变化，进而执行对应的方法。只有相关依赖发生变化时，它们才会重新请求值。 watch 是一个侦听的动作，用来观...

Virtual DOM 是对真实 DOM 的一种抽象描述，以对象的形式模拟树形结构，本质上是 JavaScript 对象，它的核心定义无非就几个关键属性，标签名、数据、子节...

⚠️ props 只可以从父组件传递到子组件，即所谓的单向数据流，而且 props 只读，不可被修改，所有修改都会失效并警告。 \$parent 访问父实例, 子实例被推入...

状态管理就是：把组件之间需要共享的状态抽取出来，遵循特定的约定，统一来管理，让状态的变化可以预测。 ⚠️注意：这篇文章讲的都是状态管理都是保证单一数据源和单向数据流，单一数...

目前业界分为两个大的流派，一个是以 React 为首的单向数据绑定，另一个是以 Angular、Vue 为主的双向数据绑定。 数据挟持：vue.js 采用数据挟持结合发布者...

在执行 vm._render() 函数渲染 VNode 之前（也就是挂载开始之前），执行了 beforeMount 钩子函数，beforeMount 之前，会找到对应的 t...

当下是 MVVM 盛行的时代，从早期的 Angular 到现在的 React 和 Vue，从最初的三分天下，到现在的两虎相争，给我们的开发带来了一种前所未有的体验，告别了操...

当 Render Tree 中部分或全部元素的尺寸、结构、或某些属性发生变化时，浏览器重新渲染部分或全部文档的过程叫做回流。 回流比重绘的代价更高，有时候，仅仅回流一个单一...

在高清屏下，移动端的 web 的1px会很粗，主要是因为 DPR（设备像素比），它是默认缩放为100%的情况下，物理像素/css 像素的比值，目前主流的屏幕 DPR = 2...

css 布局方式有很多中，并且实现方法很多。 物理像素被称为设备像素，是显示设备中一个最微小的物理部件，每个像素可以根据操作系统设置自己的颜色和亮度。 css 像素是一个抽...

随着前端工程化的完善，css 预处理器已经成为项目不可缺少的部分，绝大部分的前端工程脚手架也内置了一系列的 css 预处理的模版。 市面上有很多 css 预处理器可供选择，...

当网页内容发生层叠时，一定会有一个前后的层叠顺序产生，有点类似于真实世界中论资排辈的感觉。 层叠上下文，英文是“stacking context”。假定用户正面向网页，而 ...

在开发过程中，总是难易避免会遇到将元素水平或垂直居中的需求，今天我们就对此进行一次整理。...

直接设置 display: flex或display:inline-flex的元素成为 flex 容器，里面的子元素成为 flex 子项。 flex 和 inline-fl...

只占据它对应标签的边框所包含的空间。 若设置行内元素 float:left/right，则该行内元素转换为块级元素，且具有浮动特性。 display:inline-bloc...

js 有自动垃圾回收机制，会定期对那些我们不再使用的变量、对象所占用的内存进行释放。JS 的回收机制很简单：找出不再使用的变量，然后释放掉其占用的内存，但这个过程不是时时的...

JS 有六种简单数据类型：undefined、null、boolean、string、number、symbol，还有一种复杂类型object。js 是弱类型语言，只有到运...