240 发简信
IP属地:上海
  • Web Components

    最简 Radio 最简的自定义Radio,只是封装了label:封装前: 封装后: Radio 实现: 定义自定义元素:通过继承HTMLElement创建自定义元素,通过cu...

  • websocket

    浏览器发起http请求初始化连接; 服务器响应,从http协议切换到websocket协议; websocket使用自定义协议而非http协议; 优点:客户端和服务器可以发送...

  • 编码

    字符集与编码 字符集对应多种编码方案。 1. ASCII 全称:美国信息交换标准码 编码范围:使用7位来表示每个字符,总共可以编码128个字符。 适用范围:主要适用于英文字符...

  • 静态服务

    要使用 Node.js 创建一个简单的静态文件服务器,你可以使用 Node.js 的内置 http 模块,配合 fs(文件系统)模块来读取并返回静态文件内容。这里有一个简单的...

  • 发布/订阅模式的EventEmitter的实现

    EventEmitter 是 Node.js 中实现事件发布/订阅模式的核心类,用于处理异步事件。在浏览器环境中,我们也可以简单实现一个类似的 EventEmitter,来理...

  • 战胜惰性,培养自律,迎接重大挑战

    在人生的道路上,我们时常会面临一些既可行又有挑战性的任务。虽然我们可能具备完成这些任务的能力,但有时需要克服一点点的自身惰性。如果过于纵容自己的懒惰,一旦遇到重大挑战,常常会...

  • Ant Design

    Layout 页面级整体布局。 主题 Ant design 将影响主题的最小元素称之为Design Token,如colorText, fontSize等。 组件中使用当前主...

  • CSS 关键帧动画

    关键帧动画是在时间轴上定义关键帧并指定其属性值的动画技术。百分比用于表示动画的时间进度,从而确定在特定时间节点上动画元素应该具有的属性值。 关键帧动画应用 以下是一个简单的C...

  • css 属性

    white-space:用于控制元素内部inline | inline-block | 文本空白字符(例如空格、制表符和换行符)的处理方式。自动换行:text-wrap: n...

  • nginx 实战

    nginx 指令 location location指令用于配置请求的匹配规则,并指定对应的处理方式。nginx 按照以下顺序匹配location块: 精准匹配,如果请求的u...

  • 微前端之 qiankun 实战

    微前端概述 微前端就是将应用拆分成多个子应用,主应用再加载这些子应用。核心就是先拆后合。 微前端解决的问题 技术栈不同 独立开发,独立部署 微前端方案 iframe:通过if...

  • History

    pushState向浏览器会话历史堆栈中添加一个状态,并更新地址栏。 onpopstate当调用history.back(), history.go(), 点击浏览器回退前进...

  • 31. React源码之更新优先级--高优更新打断低优更新

    在构建Fiber树过程中如果出现高优更新,则高优更新会先执行。 代码详情 useEffect中的更新优先级低于onClick中的更新优先级,当useEffect中的更新在渲染...

  • 120
    30. React源码之更新优先级--并发渲染

    React render阶段是并发的,首先创建一个宏任务用于构建Fiber树,待浏览器执行渲染等高优操作后,取出宏任务执行,如果5ms 未执行完任务,再次创建一个宏任务,等待...

  • 120
    29. React源码之更新优先级--lane

    更新可以设置优先级,在处理更新的时候可以指定渲染优先级,高于指定渲染优先级的更新才能渲染。React中使用lane(车道)表示任务优先级,共有31个lane,数字越小优先级越...

  • 28. React源码之scheduler--调度

    浏览器事件循环机制: 浏览器执行调用栈上的代码; 清空微任务以及新加入的微任务; 检查是否需要渲染,如果需要渲染执行渲染操作(resize回调,scroll回调,reques...

  • 27. React源码之scheduler--最小堆

    最小堆特点是一棵完全二叉树,父节点小于子节点;采用数组存储。 代码详情 知识点 插入节点:将待插入节点放到数组末尾向上调整; 删除节点:数组第一个元素是最小节点,将最后一个元...

  • 120
    26. React源码之useLayoutEffect

    useLayoutEffect会在所有DOM变更之后同步调用effect。 执行DOM变更时调用effect destroy()方法,DOM变更后同步调用effect cre...

  • 120
    25. React源码之useEffect

    赋值给 useEffect 的函数会在组件渲染到屏幕之后执行。 挂载阶段:beginWork创建hooks及对应的effects,effect.tag = HasEffect...