React技术栈⚛️

白天 夜间 首页 下载 阅读记录
  我的书签   添加书签   移除书签

use client

浏览 110 扫码 分享 2024-04-30 09:37:14

若有收获,就点个赞吧

0 人点赞

上一篇:
下一篇:
  • 书签
  • 添加书签 移除书签
  • Form 表单低代码
    • B端表单设计
      • 表单场景化方案
      • 表单设计器竞品调研
      • 问卷考试系统
      • 百度网盘新建文件
    • AntdForm 表单组件
      • Form 属性
        • labelCol 表单布局
        • 原生 form属性
      • FormItem属性
        • Item 表单属性
        • FormItem3x属性
      • Form表单验证
        • antd表单验证
        • form rules 表单项验
        • validator 表单自定义校验
        • Input输入实时格式化
        • Input表单属性
        • antd Form表单联动
        • React.forwardRef
        • Form.create
          • getFieldDecorator
          • Form.create原理
      • FormGroup antd5
        • FormGroup 密码生成器
        • XRender 表单设计器
        • FormBuild3x
        • FormGroup antd3
      • react表单操作
        • react-hook-form
        • numeric-keyboard 键盘
        • react-credit-cards信用卡付款表格
        • spreadsheet交叉表
      • Input 输入框
        • Input.Search 回车搜索
      • InputDimentsion 维度组件
      • InputNumberWithUnit
      • Cascader 级联选择
        • Cascader lodaData 异步加载
      • CitySelect 省市区选择
      • Select 下拉框
        • Select.js
        • select下拉加载
        • Select带ajax请求
      • Form动态表单-删除%26新增
        • Form.List 嵌套 Form.List
        • FormList 动态表单
        • 且或逻辑表单
        • Form.useForm()动态表单
        • Form.Item多个表单
        • Form3x动态表单
      • Form4x常见错误
        • Input %26 Switch
      • Form3x常见错误
        • initialValues
        • form.setFieldsValue
      • Switch开关
      • RangeNumber 区间数值
        • Phone 手机号
      • Telephone组件
      • DatePicker日期选择
        • RangePicker 预设日期选择器
        • TimePicker 时间选择
        • RadioPicker 日期区间
      • ColorPicker 颜色选择器
      • CheckboxGroup多选
      • RadioGroup单选
        • SearchDate日期搜索
      • VerifyCode 验证码组件
    • @formily/* 组件库
      • formily 表单设计规范
      • @formily/shared 工具方法
      • @formily/antd
    • formily 表单设计器
      • formily术语
      • formily 表单布局
      • formily 表单领域模型
      • 对齐表单 FormButtonGroup
      • RenderSchema antd5
      • formily jsonSchema协议
        • formily x-属性
        • x-component字段
        • x-reactions 字段联动规则
        • jsonSchema 属性
      • formily 常见问题
    • formily schema表单模板
      • 报名表
      • formily 动态增减表单
      • login 登录注册场景
      • formily jsonSchema字段说明
      • monitorType JSON
      • x-validator %26 rules 表单校验
      • ModalForm 弹窗表单
      • formily 表单字段联动
        • 旅游表单
      • 用户信息 JSON
      • JSONSchema 案例
      • formily schema
      • formily 时间组件
    • Designable 表单设计器
      • designable 自定义组件
        • VerifyCode 手机验证码
      • designable 自定义桥接组件
      • designable 自定义组件细节
      • formily表单组件 Submit
      • dataSource 数据结构
    • Ajv JSONSchema validator
      • ajv-formats 校验数据类型
      • ajv-i18n 多语言
      • ajv-errors 自定义错误信息
      • ajv.addKeyword 自定义关键字
  • Table 表格低代码
    • ProTable 最佳实践
      • 自定义 valueType
    • TableDesign 可视化编辑器
      • umi-table package.json
      • TableDesign API
        • table api 管理
        • request 数据源
      • TableList.jsx 表格组件
      • Table自定义表头
      • ActionButton操作列
      • ColumnsTable动态列
    • antd table 常用配置
      • table Action 操作
      • ellipsis 超出隐藏
      • dataIndex
      • columns动态时间表头
      • rowSelection多选单选
      • onChange 参数
      • Table 自定义空状态
      • table文本超出隐藏
    • Table常见错误
    • Table拖拽排序
      • Table拖拽调整列宽-可伸缩列
    • Table前端分页
    • Table细线表格
    • Table 竞品调研
      • react-data-grid
        • ReactDataGrid
      • tabulator
      • ag-grid
      • table 大数据性能
      • S2 table透视表
    • Excel 表格竞品
      • SheetJs xlsx
        • xlsx 术语概念
      • xlsx导入 excel
      • xlsx导出 excel
      • csv
        • PaPaParse csv转json
      • luckySheet 在线 Excel
        • spreadJS Excel 收费
      • handsontable
      • react-bolivianite-grid
    • ali-react-table 虚拟表格%26交叉表
      • style定义表格样式
      • StickyTable虚拟滚动封装
      • 左侧固定%26拖拽调整列宽%26排序
      • 排序拖拽列
  • B端设计资产体系
    • B端设计系统 DesignSystem
    • B端设计
    • 云产品交付模式
      • OneConsole 混合云控制台
      • XconsoleDesign 公有云管控类产品
    • 网页字体最佳实践
      • rem转 px 字体大小参考
      • font-family 字体规范
      • 浏览器font-size12px字体
    • 构建UI资产-提供解决方案
      • react-admin
      • ngx-admin
      • blur-admin
      • Bootstrap Stisla
    • Design Token
    • Atomic Design 原子设计
    • AntDesign 蚂蚁设计体系
    • FusionDesign 阿里设计体系
      • teambation
    • Ding Design 钉钉
    • TDesign 腾讯设计体系
    • ArcoDesign 字节设计体系
      • Semi Design 抖音
    • KingDesign 金山云设计系统
    • Apple Design 苹果设计手册
    • Eva Design System
      • colors.eva.design
    • Fluent Design 微软
      • Fluent UI
      • Windows Guidelines
    • Material Design3 谷歌
    • SAP Fiori 思爱普
  • 企业级系统项目集成
    • react 技术选型
    • 一站式前端研发工作台
      • 项目目录规范
      • 前端开发环境
      • 前端组件平台
      • 什么是复杂的项目
      • 前端工程化
        • yarn build:zip 前端打包并压缩
      • 公有云部署
    • 企业级应用五大核心模块
      • 企业级项目架构设计
      • 企业级应用的特点
      • 后台开发的共性
      • Complexity has to live somewhere 复杂度是不灭的
    • 企业级项目开发流程
    • 软件工程问题
      • react安全规范
      • 珑文汽修系统
        • 汽修系统API
        • 珑文汽修系统调研
      • 6 react脚手架开发
      • 项目需求分析调研
      • 项目复盘
    • 1 react页面布局体系
      • GlobalHeader
        • PageHeader
        • Breadcrumbs匹配路由
        • react-helmet修改标题
        • react-document-title
        • 布局组件与路由结合起来
      • Web端如何搭建布局框架
        • 双飞燕布局
        • 圣杯布局
        • 多个div自适应高度
        • stickyFooter 绝对底部布局
      • 栅格系统
        • react媒体查询
      • DragAndDrop拖拽
        • moveable
        • react-sortable-hoc拖拽
          • sortable-hoc组件
          • arrayMove移动数组
        • Sortablejs拖拽
          • SortableEvent
          • Sortable拖拽后更新数据错乱
        • dndkit 拖拽
      • react-grid-layout拖拽布局
        • RGL 基本用法
          • GridLayout 栅格配置
        • GridLayoutCard 拖拽卡片
        • WithResponsive
        • react-resize-detector自适应宽高
        • gridster.js拖拽布局
        • css实现两栏拖拽布局
      • react-split-pane分割面板
      • react-content-loader 骨架屏
      • react-fittext文字自适应
      • screenfull 全屏页面
    • 2 react权限系统
      • workflow工作流
      • 如何设计一套登录体系
        • 7 Message消息模板
        • 6 Email 邮件
        • 5 Settings 账号设置
        • 4 Profile 个人中心
        • 3 RetrievePassword 找回密码
        • 2 Register 注册页
        • 1 Login 登陆页
      • node-sso中间件
      • login登录注册页面
      • SlideToUnLock 滑动验证
    • 3 react菜单系统
      • react-acl-router路由鉴权
      • react-router-config集中路由管理
        • router-config.jsx
      • Sider菜单
        • siderUtils
        • getFlatMenuKeys
        • getMenuMatchKeys
        • urlToList路由转数组
      • 递归渲染父菜单及子菜单
      • 菜单高亮
      • selectedKeys%26openKeys
    • 4 消息通知系统
      • 通知渠道 NotifyChannel
    • 5 react多语言
      • Intl国际化
        • IntlContext
        • locale.json语言文件
        • navigator.languages
      • antd多语言
      • 中文转pinyin拼音
      • 服务端国际化
      • react-intl多语言
        • react-intl
        • react-intl-translations-manager
        • addLocaleData
        • FormattedMessage
        • hooks组件使用 react-intl
        • react-intl常见错误
        • format.js
      • i18next
      • locale 多语言国家地区对照表
    • react微前端
      • 微前端实现原理
        • 微内核架构
        • 微前端实现方式
        • proxySandbox 代理沙箱
        • SnapshotSandbox js快照沙箱
      • qiankun微前端
        • 微前端子应用改造
        • qiankun细节点
        • qiankun样式污染
        • qiankun与 singleSpa的关系
      • icestark微前端
        • icestark技术栈
      • aliyun微前端
      • 无界微前端
      • webComponent
      • iframe 集成
        • react嵌套 iframe
    • react 富文本编辑器
      • Lexical 编辑器
      • WangEditor 编辑器
        • WangEditor 简洁版
        • WangEditor 仿腾讯文档
      • Slatejs 编辑器
      • Tide 编辑器
      • novel 仿Notion的 AI编辑器
    • JSON编辑器
      • react-json-view
    • react 代码编辑器
      • @monaco-editor/react
      • AceEditor 代码编辑器
        • react-ace代码自动补全
      • 在线 IDE编辑器
      • sql 解析器
      • typed.js 打字机效果
    • react 文件操作
      • 组合快捷键
      • Pdf
        • jspdf 导出pdf
        • react-pdf
        • Print 打印
      • Upload 文件上传
        • accept 限制文件类型
        • 大文件分片并发上传
          • spark-md5 分片上传
          • webUpload分片并发上传
        • Upload上传图片裁剪
        • base64 图片上传
        • Upload 上传 Excel
      • Download 文件下载
        • FileSaver
        • StreamSaver 大文件导出
        • 导出 excel
        • download 下载
        • fileType 文件类型
        • 批量下载多个文件
      • react文本高亮效果
        • react 搜索关键字高亮
        • 搜索高亮
      • react-markdown解析器
        • mdx
        • 如何实现一个markdown编辑器
      • 全文搜索
        • algolia文档搜索引擎
      • react 图片裁剪
      • react 头像生成
      • qrcode.react生成二维码
      • contextmenu 鼠标右键菜单
      • copy-to-clipboard复制剪贴板
    • 登录体系
    • react详情体系
    • react动画
      • 贝塞尔曲线动画
      • react-transition-group
        • CSSTransition 购物车动画
        • 小球飞入购物车动画
          • 小球抛物线
      • react-spring 弹簧动画
        • useTransition
        • useSpring
      • react-loading
      • css loading
    • 前端 npm库
      • npm常用的组件库
      • bytes 字节流量单位换算
        • pretty-bytes 格式化byte
      • isIP ip-regex
      • isJson 判断是不是JSON格式
      • isType判断数据类型
      • js判断字符串是否为JSON格式
      • split
      • js特殊字符
      • 生成随机颜色
      • emotion css in js
      • 数组转对象
      • wpsJS插件
      • 命令行下运行js
      • smart-background 元素背景
  • React 领域业务解决方案
    • 高级工程师
      • 前端架构
    • react 架构图
      • 架构图模板
    • Web Components 组件化
    • react技术选型
    • 如何架构项目中的css文件
      • less全局样式配置
        • babel-plugin-react-css-modules
        • reset.css
      • 自定义 antd样式类名
      • :global @keyframes无效问题
      • cssModules
      • css规范
      • css样式隔离方案
        • attachShadow css沙箱
      • classnames 高效合并className
      • react style
      • tailwind css
        • tailwind css 错误
        • tailwind.config.js
        • tailwindcss ui
        • atom css 原子化
    • 前端架构设计
      • 大厂项目开发流程
      • 项目的静态资源优化
      • 真机调试
      • react 架构图
      • Firebase
      • Dawn 私有服务端搭建
      • 代码重构
        • 重构-代码分层
    • 前端开发常见问题汇总
    • 一 代码规范文档
      • stylelintrc
      • 变量命名规范
        • 怎样给文件命名才显得专业
        • var变量命名参考
        • state数据规范
      • Eslint规范
        • .eslintignore
        • .eslintrc.js
          • eslint rules规则
          • semi分号配置
        • eslint 常见错误
        • eslint
        • lint-prettier.js
      • Prettier代码格式化
        • eslint 和 Prettier结合解决代码规范
      • standard 代码规范
        • standard-version%26commitizen
      • .env环境变量
        • cross-env跨平台的环境变量
        • env-cmd
        • env-cmd
        • vite .env
      • commit%26husky
        • @commitlint/cli
        • pre-commit Hook
        • commit-lint代码提交规范
        • git cz 代替 git commit
      • 约定式提交 Conventional Commits Specification
    • 二 项目结构规范
      • 根目录文件
        • .eslintignore
        • .gitignore
        • postcss.config.js
        • jsconfig.json
        • tsconfig.json
      • proxy代理解决跨域
        • enablejavascript.io
        • npm设置代理
        • .npmrc
      • mock方案
        • xswitch
        • postman
        • postwoman hoppscotch
        • apiPost
        • json-server
        • jsonplaceholder.typicode.com
    • react单元测试
      • jest %26 react testing library
      • supertest 测试用例
      • playwright
      • cypress
        • cypress.json配置
      • 集成测试
      • end2end 测试
      • 冒烟测试
      • TDD 测试驱动开发
      • 为啥单元测试难以落地?
      • 前端测试工具
    • DDD按领域组织文件夹结构
      • 领域业务解决方案
      • 业务中台解决方案
      • feature划分项目目录
      • 前端的领域驱动
      • 人月神话
    • vite创建react项目
      • vite 项目集成
      • vite eslint%26prettier代码规范
      • vite静态资源
      • vite tsconfig.json
      • vite常见问题
        • @babel/plugin-syntax-jsx
      • vite-css配置
      • vite.config.js
        • vite react%26ts项目配置
        • vite alias别名配置
        • vite package.json
  • Antd5 组件化实战
    • antd5 新特性
    • antd技术栈体系
    • prop-types 属性校验
    • react组件化最佳实践
      • antd常见问题
      • react 组件平台
      • 构建自己的组件库
      • antd3 antd4多版本共存
      • bundlephobia npm包体积分析
      • react组件设计规范
      • 组合式开发%26分层思维
    • pro-editor
      • LevaPanel 属性面板
      • Highlight 代码高亮
    • pro-components
      • PageContainer
      • ProLayout 布局组件
      • pro-component1x
    • antd 日期场景组件
      • react Calendar日历组件
      • Calendar日历组件
    • antd5 theme 主题
      • antd5 token design
      • theme.useToken
      • cssinjs
      • antd-colors
      • react-colorful 颜色组件
      • aliyunTheme 阿里云主题
        • aliyunTheme index.less
      • antd dark 暗黑主题
        • @import default.less
    • Icon 图标
      • IconPicker 图标选择器
      • antd-icons
      • react-icons 图标
      • svg图标插画
      • ReactSVG
      • IconFont 在线图标
    • Status 状态
    • Driver分步引导
    • Empty 空状态
    • Menu菜单
      • DropdownMenu 下拉菜单
    • 定时任务组件
      • cron 正则表达式
      • 倒计时组件
      • SwitchCountDown倒计时
    • List 列表
      • TooltipList 提示列表
      • Card 卡片列表
      • List信息展示
      • react 列表无缝滚动
        • vue-seamless-scroll 无缝滚动
      • InfiniteScroll 滚动加载更多
      • TopList 排行榜
        • lax
        • 列表滚动效果 scrollEffects
      • 列表设计案例
      • 无限滚动列表
      • 长列表优化
      • 移动端长列表
    • Tabs 选项卡组件
      • TabTitle 标题高亮
      • TabExtra
      • 如何解决Tabs切换导致页面抖动
    • Grid栅格布局
      • flexbox-grid 栅格
    • Tree树形菜单
      • react-awesome-query-builder
      • react-querybuilder noSql
      • RuleTree
      • tree-defaultExpandAll无效
    • Card组件
    • Popconfirm 确认弹窗
      • ButtonConfirm封装
    • Button提交防抖
      • Button 点击效果
      • Button状态
    • message 警告
    • BaseDrawer
      • DrawerForm 侧边栏抽屉
      • Drawer3.x
    • ProModal
      • ModalForm pro-components
      • 网页中常用的弹窗组件
      • ts ProModal
      • destroyOnClose
      • Modal原理
    • nprogress顶部进度条
    • PhotoSwipe
      • Swiper轮播图
        • swiper 卡片滑动
      • owl
    • SliderBlock滑块验证码
    • SliderImage图片验证码
    • Skeleton 骨架屏
    • ClipBoard复制剪贴板
    • react-custom-scrollbars自定义滚动条
    • JSON格式化输出
  • Hooks 函数式编程
    • react代码规范
    • ahooks3x
    • useRequest
    • swr
    • hooks库
      • useAsync
      • react-use hooks
      • useTitle 设置标题
      • useDebounce
    • 组件状态
    • react常见问题
      • Error Decoder引用变量不存在报错
      • npm run build警告
      • jsx常见问题
      • antd-less编译报错
      • React.StrictMode警告
      • Sider收缩文字不隐藏
      • react-intl报错
    • JSX最佳实践
      • react 快捷键
      • jsx编译原理
      • function函数组件
      • hooks技巧总结
      • hooks常见问题
      • render props
      • react容器模式
      • dangerouslySetInnerHTML
      • return为什么要加()
      • class组件最佳实践
      • dom-diff
      • tsx
      • jsx组件封装
      • jsx死循环问题
    • createContext数据流方案
      • createContext
        • class createContext
        • createContext异步获取数据
        • createContext 重复渲染问题
      • Provider全局用户信息
      • useContext购物车
      • useContext跨层级数据传递
    • useRef组件引用
      • useRef 定时器
      • forwardRef 获取实例
        • forwardRef错误
      • createRef
    • useState管理状态
      • useReducer
      • useState自变量-因变量
    • useEffect解决副作用
      • useLayoutEffect
    • memo
      • useMemo
      • fast-deep-equal
      • deepEqual 深比较
      • shallowEqual 浅比较
    • useCallback
  • IceStark 工作台微前端方案
    • ice-stark常见错误
    • iceStark 主应用
      • iceStark umijs 主应用
    • icestark 子应用
    • icejs build.json 项目配置
    • icestark原理解析
    • ice-work
    • icestore
  • remix SSR前端框架
    • SSR 前后端同构
      • SSR 同构原理
      • vercel 部署
      • CSR,SSR,SSG,ISR
    • remix 项目
      • remix web3项目
    • remix.config.js
    • remix 常见问题
    • remix 路由
  • nextjs SSR 服务端渲染
    • next 部署项目
    • nextjs 路由
      • nextjs SSG
      • pages/api
      • use client
      • app 和 pages区别
    • nextjs 创建项目
    • nextjs 常见错误
    • next.config.mjs
  • umi4x 前端中台方案
    • umi4技术栈
      • yarn create umi 初始化项目
      • umi4 antd-pro6 项目初始化
      • umijs4 设计思路
      • umi3 umirc.ts配置
      • umi3-dva
      • umi3 build 源码分析
      • umi 菜单图标
    • umi package.json
    • umi app.tsx 运行时配置
      • app.tsx request
    • umi config
      • config.ts 项目配置
      • routes.ts 路由配置
        • umi3 动态路由配置
      • layout.ts 布局配置
      • global.less 全局样式
    • ant-design-pro目录结构
      • antd pro6 项目初始化
    • umi build优化
      • externals cdn加载
      • cdn资源
      • umijs loading
      • umijs构建优化
      • public/index.html 首页模板
      • antd cdn
      • umi 菜单 icon
      • umi去掉水印waterMarkProps
      • umi3 生产环境优化
    • umijs 运行流程
    • umijs 常见问题
      • umi3热更新无效
    • eslintrc 配置
    • umi-qiankun 子应用
    • umijs 插件开发
  • React 数据流状态管理
    • react-redux 入门到精通
    • fetch http请求实践
    • Flux架构
      • FSA Flux Standard Action
    • immer 不可变数据
      • immutable
    • zustand
      • zustand 模板代码
      • zustand中间件
    • valtio 双向数据流
    • redux-undo 撤销还原功能
      • undo-redo 实现思路
    • react-query
    • mitt 发布订阅
      • event-emitter
      • Pubsub发布订阅
    • Redux 单向数据流
      • redux-action设计原则
      • react-redux
      • reselect
    • Recoil %26 Rematch数据流
    • redux-persist持久化
    • 手写redux原理
      • createStore
      • combineReducers
      • bindActionCreators
  • CreateReactApp
    • require.context 批量导入
    • webpack.config.js
    • redux-reducer
    • create-react-app 初始化项目
    • craco-alias ts配置
    • craco.config.js
      • webpack
      • devServer
      • craco生产环境优化
      • ProComponent配置
      • import按需加载
      • 多页面配置
    • create-react-app做了什么
      • create-react-app build配置
      • react-scripts原理分析
    • craete-react-app eject配置
      • create-react-app 常见错误
      • MPA 多入口页面配置
      • webpack.configure.js
    • jsconfig.json
    • .babelrc
    • build config
  • Dva 工程化
    • dva build优化
    • dva常见错误
      • connect memo报错
      • dva升级react18报错
    • routes 路由
      • router.js
      • dva默认路由配置
      • RouterConfig路由配置
      • dva/dynamic
        • dynamic原理
      • RouteConfig动态路由
    • models 模型
      • effects
        • loading
        • effects用法总结
        • subscriptions
        • routerRedux
        • put
          • pue.resolve
        • dva取消异步请求
      • user.model.js
    • connect 组件绑定数据
      • dva-dispatch
      • connect %26 props
      • nav.js
    • Dva 知识点
      • dva-immer
      • dva源码实现
        • model.reducer同步
        • models.effects异步
      • app实例
        • onError
      • dva轮询
      • dva-loading
      • redux-saga
        • redux-saga为什么不能用 async%26await实现
      • babel-plugin-dva-hmr热更新
    • dva-admin
    • dva 项目工程化配置
      • .webpackrc.js
        • dva-cssModule
        • roadhog配置
          • 不同环境打包不同的url
          • dva mock数据地址改为服务器地址
          • no-socket
          • no-proxy
          • process.env
      • dva mock数据
        • roadhogrc.mock.js 本地mock数据
      • index.js
      • App.js
      • 初始化dva项目
  • React 基础知识
    • react 组件类型
    • react18 新特性
      • ConcurrentMode
      • react并发模式
    • react17新特性
    • react16 新特性
    • Fiber架构
    • react常见错误
      • window相关错误
      • hooks相关错误
      • mjs和 js
      • Failed to minify the bundle. Error: index.js from UglifyJs
      • Failed to minify the code from this file
    • react新特性
      • react学习资料
    • ErrorBoundary错误边界
    • createPortal
    • cloneElement 复制元素
    • createElement 创建
      • createElement原理
    • React.Children
    • Fragment 空标签
    • react组件通信
      • props传参
    • react生命周期函数
      • 生命周期函数
      • getDerivedStateFromProps
      • getSnapshotBeforeUpdate
      • componentDidMount
      • componentDidUpdate
      • componentWillUnmount
    • Class类组件
      • HOC高阶组件
      • Component 和 PureComponent区别
      • event事件处理
      • class ts组件
      • state
      • state与props的区别
      • React.createClass
      • tsx-class类组件
    • 受控组件%26非受控组件
    • vue 转 react
    • San框架
  • react-dom
    • ReactDomServer
    • render
  • react-router-dom 路由
    • react-rouer-dom6
    • react-router-dom v5
      • router-config.js
    • react路由懒加载
      • react-loadable异步加载
      • lazy%26Suspense
    • useHistory, useLocation
    • Protected受保护的路由
    • react-router
    • routerRedux
    • 路由传参
    • Route%26Switch
    • react 页面跳转方式
    • history
      • createHashHistory 哈希路由
      • history常见问题
      • history.pushState 替换URL参数不刷新页面
      • createBrowserHistory 原理
    • withRoute
    • routerConfig.js
    • 根据菜单渲染路由
      • react多级路由匹配
    • 根据路由渲染面包屑导航
    • 页面离开确认弹框
    • react-router常见错误
  • react 性能优化
    • react 设计模式
      • preRender预渲染
      • react乐观更新
      • React.Profiler追踪性能信息
      • memoize-one
      • 优化ifelse
        • 策略模式优化ifelse
    • BundleSplitting 代码分割
      • bundle.js 分析
    • TreeShaking 摇树优化
    • 长列表优化%26虚拟列表原理
      • react-window
        • react-virtual
        • resetAfterIndex 清除样式
        • react-window table固定列
        • Grid栅格
        • VariableSizeList可变宽度Table
        • FixedSizeList固定宽度
        • StickyList固定行
        • VirtualTable固定列
      • react-virtualized
      • VirtualTable表格虚拟滚动
        • react-table
      • 虚拟列表的原理
        • 虚拟滚动技术点
        • ResizeObserver 动态获取高度
        • 离屏渲染 offscreen rendering
        • 时间分片渲染一万条数据
      • 虚拟列表的实现
        • padding 虚拟列表
        • CardList 卡片虚拟列表
          • 动态高度的卡片列表
        • translate3d 实现虚拟滚动
        • absolute 实现虚拟滚动
      • vue虚拟滚动
    • 页面性能优化
      • LightHouse
      • performance检测页面性能
      • why-did-you-render
      • 防止重复请求
      • 网页性能检测
    • 图表大数据优化
      • canvas性能优化
      • js分片加载数据
      • 增量渲染
    • 图片优化
      • 资源预加载
      • 图片加载优化
      • IntersectionObserver懒加载
      • canvas图片压缩
    • Event 事件优化
      • 函数组件防抖节流
  • React 源码分析
    • react 所有的方法汇总
    • setState异步原理实现
    • react中的事务实现
    • 合成事件
    • react响应式原理
      • vue响应式原理
      • Angular响应式原理
    • create-react-app原理分析
    • jsx原理和虚拟DOM
      • diff算法
    • react-router-dom源码
    • ReactDOM
    • Portals传送门
  • mobile 移动端技术选型
    • 移动端最佳实践
      • IOS数字键盘兼容性
        • NumberKeyboard
      • 移动端表单设计原则
      • mediaQuery 响应式
        • 移动端设备兼容
        • viewport
        • rem
        • rem自适应
      • border1px 移动端 1像素边框
        • devicePixelRatio 设备像素比
        • 移动端的 1px并不是真正的 1px
      • 移动端 reset.css
      • 移动端 click点击延迟
    • ant-design-mobile
      • antdmobile 常见问题
      • 初始化 antd-mobile5项目
      • H5屏幕自适应
    • ant-design-mini
    • ant-design-mobile-rn
    • react移动端技术选型
      • H5移动端 console.log
      • hammer.js
      • @use-gesture 鼠标和触摸事件库
      • better-scroll
        • iScroll
      • taro 小程序
      • alitajs umi版移动端框架
        • nutUI
        • ionic
        • zarm
  • react-native 开发实战
    • Expo 方案
    • RN NutUI
    • WebviewJavascriptBridge
    • lottie-react-native
    • RN UI Kitten
    • mand mobile金融场景UI
    • react-native移动端开发
    • rn 省市区级联选择
    • unlock解锁
暂无相关搜索结果!

    让时间为你证明

    展开/收起文章目录

    分享,让知识传承更久远

    文章二维码

    手机扫一扫,轻松掌上读

    文档下载

    请下载您需要的格式的文档,随时随地,享受汲取知识的乐趣!
    PDF文档 EPUB文档 MOBI文档

    书签列表

      阅读记录

      阅读进度: 0.00% ( 0/0 ) 重置阅读进度

        思维导图备注