logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

react 优先级策略

React内部对于优先级的管理, 根据功能的不同分LanePrioritySchedulerPriorityReactPriorityLevelLanePriorityfiber优先级(LanePriority): 位于react-reconciler包, 也就是基于Lane(车道模型).export const SyncLanePriority: LanePriority = 15;export

#react.js#javascript#ecmascript
react Provider、Consumer原理解析

Context 状态管理在fiber树创建过程中, 如果使用了Context api(具体来说是使用Context.Provider,Context.Consumer,Class.contextType等api), react内部会维护一个栈来保存提供者(Context.Provider)的状态, 供给消费者(Context.Consumer)使用export type StackCursor&l

#react.js#javascript#react native
react 源码中位运算符的使用

位运算符基本使用按位与(&):a & b对于每一个比特位,两个操作数都为 1 时, 结果为 1, 否则为 0按位或(|):a | b对于每一个比特位,两个操作数都为 0 时, 结果为 0, 否则为 1按位异或(^):a ^ b对于每一个比特位,两个操作数相同时, 结果为 1, 否则为 0按位非(~):~ a反转操作数的比特位, 即 0 变成 1, 1 变成 00000 0000 0

#算法#css#javascript
vue3 diff算法优化

事件缓存:将事件缓存,可以理解为变成静态的了添加静态标记:Vue2 是全量 Diff,Vue3 是静态标记 + 非全量 Diff静态提升:创建静态节点时保存,后续直接复用使用最长递增子序列优化了对比流程:Vue2 里在 updateChildren() 函数里对比变更,在 Vue3 里这一块的逻辑主要在 patchKeyedChildren() 函数里,具体看下面事件缓存<button @c

#算法#javascript#vue.js
git git pull和git pull --rebase的区别

git pull = git fetch + git mergegit pull --rebase = git fetch + git rebase现在有两个分支:test和master,假设远端的master的代码已经更改了(在B基础上变动:C,F),test的代码更改了要提交代码(在B基础上变动:D,E),如下图:D---E test/A---B---C---F--- master问题就来了,

文章图片
#git
formrender 适用于react+antd的表单

1、下载npm i form-render --saveFormRender依赖ant design,单独使用不要忘记同时安装antd2、使用(1)配置schema条件const schema = {type: 'object',properties: {input1: {title: '简单输入框',type: 'string',required: true,},

rn 图片拍照、上传react-native-image-picker

多图像选择,对裁剪工具的更多控制,以及对横屏的支持等使用react-native-image-crop-picker1、安装yarn add react-native-image-picker2、配置权限(1)在android/app/src/main/AndroidManifest.xml中添加<uses-permission android:name="android.permissio

#react native
react ts环境搭建及ts格式写法

1、脚手架启动npx create-react-app 项目名称--template typescript官方建议:If you've **previously installed create-react-app globally**via npm install -g create-react-app, we recommend you uninstallthe package using *

react 深入异步setState

(1)多个setState一起调用会被合并成一个批处理,相同属性只会保留最后一次的结果(2)若setState有回调函数,则会在setState的所有异步操作执行完成后才执行回调(3)将异步setState同步化方式一:通过回调函数的形式this.setState({xx},()=>{获取state进行操作this.setState({xx},()=>{获取state进行操作})})方

react 路由render属性

作用:能够更方便地给组件传递额外的属性<Route path={xx}render={props=>{return <组件 {...props}></组件></Route>因为渲染的组件不是路由组件,所以需要传入props代码示例:import React from 'react';import './App.css';import {Switch,

    共 126 条
  • 1
  • 2
  • 3
  • 13
  • 请选择