上午好，今天为大家分享下个人对于前端API层架构的一点经验和看法。架构设计是一条永远走不完的路，没有最好，只有更好。这个道理适用于软件设计的各个场景，前端API层的设计也不...

css盒子模型 又称为框模型（Box Model），包含了元素内容（content）、内边距（padding）、边框（border）、外边距（margin）几个要素。如下图...

一种是页面刷新，不保留页面状态，就是简单粗暴，直接window.location.reload()。 另一种是基于WDS (Webpack-dev-server)的模块热替...

通过es6新增class的属性创建的组件此组件创建简单. React 16.3版本后，使用此方法来创建ref。将其赋值给一个变量，通过ref挂载在dom节点或组件上，该re...

写过Vue SSR的都知道，Vue通过提供server和client的webpack插件生成bundle josn，从而实现类似服务端的热更以及客户端资源的优化注入。那么这...

提到js的隐式转换，很多人第一反应都是：坑。 的确，对于不熟悉的人来说，js隐式转换存在着很多的让人无法预测的地方，相信很多人都深受其害，所以，大家在开发过程中，可能会使用...

React 是单向数据流，数据通过 props 从父节点传递到子节点。如果顶层的某个 props 改变了， React 会重新渲染所有的子节点。注意⚠️：props 是只读...

如果你在编写函数组件并意识到需要向其添加一些 state，以前的做法是必须将其它转化为 class。现在你可以直接在现有的函数组件中使用 Hooks 1. 类组件的不足 综...

虚拟 DOM (VDOM)是真实 DOM 在内存中的表示。UI 的表示形式保存在内存中，并与实际的 DOM 同步。这是一个发生在渲染函数被调用和元素在屏幕上显示之间的步骤，...

webpack的熟练使用已成为当代前端工程师必备的生存技能。毋庸置疑，webpack已成为前端构建工具的佼佼者，网络上关于如何使用webpack的技术文档层出不穷。但鲜有能...

在上一章中，我们介绍了ref，如果仔细看过，想必对ref应该已经了如指掌了。如果还没有，或着忘记了....可以先回顾一下上篇文章。 reactive这个文件代码其实不多，1...

可以看到reactive它的参数是被readonly的对象，reactive不会对它再次创建响应式，而是通过Map映射，拿到对应的对象，即Proxy <==> Object...

目前版本单元测试相关情况 vue-next-coverage。 Vue 的核心之一就是响应式系统，通过侦测数据的变化，来驱动更新视图。 通过可响应对象，实现对数据的侦测，从...

在之前的章节中，我们讨论了如何使用数组来实现列表、栈和队列等数据结构。本章节，我们讨论另一种列表：链表。我们将会认识到为什么有时候，链表会优于数组，还会实现一个基于对象的链...

笔者长期单枪匹马在前端领域厮杀(言外之意就是团队就一个人)，自己就是规范。随着公司业务的扩展，扩充了一些人员，这时候就要开始考虑协作和编码规范问题了。本文记录了笔者在制定前...

数组几乎可以是所有软件工程师最常用到的数据结构,正是因为如此,很多开发者对其不够重视. 希望大家带着以上的问题我们进行讨论. 数组是计算机科学中最基本的数据结构了,绝大多数...