react笔记

总结一个丝滑的九宫格画法,组件的总结，致力于早早下班，或者有时间摸鱼。哈哈，希望大家都能工作愉快且生活美满。 样式如下：

又来组件积累了，为了少加班，今天写了个消息单条轮播，先记下笔记，以后方便复制。经常用于首页消息通知。

基于react antd设计的树状参数需求，之前遇到过这个层级比较深的参数需求，类似在后端接口接口参数，类型可以选择数组对象数字字符串等

// const a = document.createElement('a') // a.href = toUrl // a.referrerPolicy = 'unsafe-

用现在比较流行的方式做图片懒加载,在可视化区域进行加载图片. 一个工具函数 react中调用 render函数

净化地址栏的参数的方式净化地址栏的参数的方式净化地址栏的参数的方式净化地址栏的参数的方式净化地址栏的参数的方式

常见的文件下载功能，我懒得以后再写了，以后就直接来cv，争取能早点下班，谁的时间不是时间的，善于做笔记，以后就可以省下很多时间。要是遇到非要我背诵出来的那种面试官，那我不去就是了。主打的就是一个好好做

但是话又说回来，身为打工人的我是不敢顶嘴的，毕竟饭碗要紧。人活着不得不吃饭吧。嘿嘿嘿 今天做个总结，把我经常写的丝滑滚动做一下笔记，后面我直接cv，就可以到点下班啦~~~ jsx

AutoFixed.js useIntersectionAutoFixed.js useIntersectionAutoFixed.js useIntersectionAutoFixed.js use

今天做了一个固定吸顶的操作，元素吸顶之后要求宽度100%背景为白色，此时定位了，100%没办法找到父级宽度为基准。此时我就用vw，发现vw计算宽度把Y轴的滚动条也算进去了，导致出现横向滚动条。 思路就

rem是相对于根元素的字体大小来算大小的 想做移动端的话需要在html文件夹 不加会以980px渲染，手机不足980那么页面就会整体缩小 实现rem响应式开发步骤 这一步需要js实现 ：以上是没有用任

在工作中很多时候我们都是用组件来实现业务，搞过来的下拉组件直接用就是了，但是有些情况，UI大大要求我们写个比较花里胡哨的下拉，那么，就要使出自己的真本事了。 今天恰好做了这个功能，顺便写一下笔记吧，避

react缓存组件的方法，不像vue中直接有现成的组件可以使用（keep-alive）,react中需要借助插件来实现 安装插件keepalive-react-component 在routes.js

识别标签有点像vue中的v-html命令 使用的关键字是dangerouslySetInnerHTML

安装依赖 yarn add react-ace ace-builds 代码示例 样式安装依赖 yarn add react-ace ace-builds 代码示例 样式安装依赖 yarn add re

在src文件@/ThemeContext定义上下文对象，用来管理上下文 使用上下文传参 3.接收参数的方式

useEffect的四种玩法 useEffect和useLayoutEffect的区别 函数组件中获取ref(前面两种类组件和函数组件都可以，最后一种只能函数组件中使用) 函数组件也有个单独的hook

阻止合成事件的冒泡用e.stopPropagation() 阻止合成事件和最外层document事件冒泡，使用e.nativeEvent.stopImmediatePropogation() 阻止合成

```javascript downloadFile(f payload, callback ], call ) f const { fileName,fileId ] = payload const