开发前沿 -
React useMemo和useCallback的使用场景
目录 useMemo useCallback useMemo 我们知道当父组件发生重新渲染时，其所有（状态、局部变量等）都是新的。一旦子组件依赖于父组件的某一个对象变量，那么无论对…
React事件机制源码解析
目录 原理简述 源码浅析 委托事件绑定 listenToAllSupportedEvents listenToNativeEvent addTrappedEventListener…
JS实现苹果计算器
本文实例为大家分享了JS实现苹果计算器的具体代码，供大家参考，具体内容如下 <!DOCTYPE html> <html> <head> <…
详解react应用中的DOM DIFF算法
目录 前言 什么是VirtualDOM? 使用VirtualDOM的原因 DOM渲染页面的操作流程 VirtualDOM的优势 如何将DOM用virtualDOM来表示 DOMDI…
uniapp开发小程序的经验总结
1. 新建UI项目 首先，我们的UI是基于ColorUI，当ColorUI没有的样式，就基于Uniapp自带的UI。所以项目的开始要引入这两个UI框架。 如下，新建一个uni-ui…
uniapp小程序实现瀑布流布局的思路与代码
一、前言 现在写瀑布流算不算是炒冷饭啊？ 我不管， 我就要写，谁也别想拦我。 瀑布流应该算是很常见的一种布局方法了，大致的思路也很好理解， 但是在小程序里面确有另外需要考虑的几个问…
详解vue computed的缓存实现原理
目录 初始化 computed 依赖收集 派发更新 总结一下 本文围绕下面这个例子，讲解一下computed初始化及更新时的流程，来看看计算属性是怎么实现的缓存，及依赖是怎么被收集…
Vue 如何import服务器上的js配置文件
目录 背景 实现 补充vue-cli2.0下如何配置 总结 背景 项目中有一个本地配置文件： // src/image-position.js export default { l…
编写简洁React组件的小技巧
目录 避免使用扩展操作符传递 props 将函数参数封装成一个对象 对于事件处理函数，将该处理函数作为函数的返回值 组件渲染使用 map 而非 if/else Hook组件 组件拆…
React实现一个高度自适应的虚拟列表
目录 改造前： 改造后： 0x0 基础知识 0x1 实现一个“定高”虚拟列表 原理： 优化： 0x2 列表元素高度自适应 近期在某平台开发迭代的过程中遇到了超长List嵌套在ant…
React使用emotion写css代码
目录 简介： emotion的安装： 新增普通css组件： 给已存在组件加样式： 提取公共的css组件 写emotion行内样式 简介： emotion是一个JavaScript库…
react中常见hook的使用方式
目录 1、什么是hook？ 2、为什么要出现hook？ 3、有哪些常用的hook？ (1) useState (2) useEffect (3) useContext (4) us…
