Avatar notebook default
25篇文章 · 20210字 · 1人关注
  • Resize,w 360,h 240
    关于React的一些奇奇怪怪问题

    问题一:为什么React事件处理函数会丢失this? 写Class类型React组件时,大家都会记得要将事件函数绑定this,如下: 明明我们指...

  • Resize,w 360,h 240
    react冷门小知识

    1. react合成事件 SyntheticEvent(React 17和老版本对比) React 17 以前 React在原生的DOM事件上封...

  • Resize,w 360,h 240
    从react server components聊聊前端渲染的前生今世

    最近React又出了新的特性,react server components,目前还属于开发期,并不稳定。但是,从React的这些动作可以看出,...

  • Resize,w 360,h 240
    React中的setState是异步的吗?

    在React中更新状态,一般的写法都是this.setState({a:1}),而非Vue那样this.a = 1。并且,如果在如下场景: 打印...

  • React进阶篇(十)性能优化

    在整个流程上的优化 在 HTML 内实现 Loading 态或者骨架屏; 去掉外联 css; 缓存基础框架 - HTTP 缓存资源; 使用动态 ...

  • React进阶篇(九)React Router

    单页面应用(SPA)可以让Web应用看起来像多页面应用,URL变化时,不会向服务端发起请求,而是利用自身监听路由变化而更新UI。通过使用Reac...

  • 再聊react hook

    React Hook是React函数式组件,它不仅仅有函数组件的特性,还带有React框架的特性。所以,官网文档多次强调: 只在 React 函...

  • Resize,w 360,h 240
    React进阶篇(八)react redux

    redux是参考Flux设计原则的一个管理数据流的库。 下图为redux的核心运作流程 redux 三大原则: 单一数据源:整个应用的状态都保存...

  • React进阶篇(七)React 同构

    同构,就是一套React代码在服务器上运行一遍,到达浏览器又运行一遍。服务端渲染完成页面结构,浏览器端渲染完成事件绑定。 那如何进行浏览器端的事...

文集作者