240 发简信
IP属地:广东
  • React Hook:手动实现useEffect

    react hook中,为函数组件提供了useEffect钩子,能够在函数组件内部模拟生命周期函数,并可以在内部执行副作用操作,下面来实现一下其...

  • React Hook: 手动实现useState

    react hook当中提供了useState钩子函数,能够实现在函数当中创建状态和改变状态的方法,并支持多次调用。下面来一步步实现一个简易的u...

  • react自定义hook

    在react类组件中,有组件间可共享逻辑时,一般用高阶组件的方式对公共逻辑进行复用,在react函数组件中,hook提供了自定义hook函数的方...

  • Resize,w 360,h 240
    react hook性能优化:memo,useCallback阻止不必要的重新渲染

    在react函数组件中修改状态会触发整个函数组件的重载,重载过程中会导致函数中的方法重载和组件重新渲染,这个过程中有很多重载和重新渲染是不必要的...

  • iframe高度自适应

    方法一: 去掉html模板头部的<!DOCTYPE html>,去掉后html标签默认高度充满整个屏幕iframe加行间属性 height: "...

  • Resize,w 360,h 240
    js与V8垃圾回收机制

    GC算法 CG就是垃圾回收机制的简写,顾名思义就是找到内存中的垃圾、并释放和回收空间。 所谓垃圾就是程序中不再需要使用的对象和程序中不能再访问到...

  • 手动实现简易的VueRouter

    核心: 实现前端路由(通过H5的hiostory.pushState API实现) 注册为vue插件 实现原vuerouter插件的router...

  • Resize,w 360,h 240
    前端模块化规范

    早期的前端技术标准根本没有预料到前端会有今天这样的规模,所以很多设计会使我们在开发过程中遇到很多模块化的问题,虽然现如今基本上大部分都被我们后来...

  • Resize,w 360,h 240
    js的异步运行逻辑

    js代码在浏览器当中的异步执行主要是依靠Call stack(调用栈)、Event loop(事件循环)、Queue(消息队列)这三个模块来完成...