女王控的博客

前端

143 篇文章

CommonJS规范总结与扩展

出发点 主要是为了弥补当前 JS 没有标准的缺陷,以达到像 Python、Ruby 和 Java 具备开发大型应用的基础能力。CommonJS API 是以在浏览器环境之外构建 JS 生态系统为目标而产生的项目,比如服务器端 JS 应用程序、命令行工具、桌面图形界面应用程序等。如今,规范涵盖了模块、二进制、Buffer、字符集编码、I/O 流、进程环境、文件系统、套接字,单元测试、Web 服务器网管接口、包管理等。 CommonJS 的模块规范 CommonJS… »

React之createContext入门学习

初识 context 在典型的 React 应用中,数据是通过 props 属性显式的由父及子进行传递的,但这种方式,对于复杂情况(例如,跨多级传递,多个组件共享)来说,是极其繁琐的。 组件的封装与组合,将组件自身传递下去 在项目中,我们在父层获取数据,不同层级的子组件访问时,我们可以使用将子组件的公共组件封装,将公共组件传递下去 这种对组件的控制反转减少了在应用中要传递的 props… »

React之createRef入门学习

引言 本篇从 React Refs 的使用场景、使用方式、注意事项,到 与 Hook 的对比使用,最后以 React 源码结束,剖析整个 React Refs,关于 会在下一篇文章深入探讨。 Refs React 的核心思想是每次对于界面 state 的改动,都会重新渲染整个 Virtual DOM,然后新老的两个 Virtual DOM 树进行 diff(协调算法),对比出变化的地方,然后通过 render 渲染到实际的 UI 界面, 使用 Refs… »

React之forwardRef入门学习

forwardRef 在 中已经介绍过,有三种方式可以使用 React 元素的 ref ref 是为了获取某个节点的实例,但是函数式组件(PureComponent)是没有实例的,不存在 this 的,这种时候是拿不到函数式组件的 ref 的。 为了解决这个问题,由此引入 , 允许某些组件接收 ref,并将其向下传递给子组件 只在使用 定义组件时, 第二个参数 ref 才存在 在项目中组件库中尽量不要使用 ,因为它可能会导致子组件被 破坏性更改 函数组件 和 class… »

0%