- 博客(10)
- 收藏
- 关注
RSS订阅原创 新React项目中添加Eslint检测
1、 初始化 react 项目创建一个新的 React 项目 create-react-app react_project 安装 ESlint（如之前存在 .bin/eslint，可以跳过次步骤） npm i eslint 初始化 eslintc.js 文件 npx eslint --init 安装ESLint插件 它会默认查找当前工作目录下的根文件夹下的.eslintrc.*或者.eslintrc文件。即上一步生成的文件， 按照该文件的配置内容进行代码校验
2022-05-07 16:17:45
539
原创 活跃标签遮挡问题（已解决iOS滚动兼容问题）
1、问题描述当我们制作标签的交互效果时，经常会遇到点击后活跃标签被遮挡的问题，这时需要将活跃标签展示出来。有同学可能用过 scrollIntoView() 这个方法，可以直接将被遮挡的元素展示出来，但这个方法谁用谁知道，坑实在太多了（比如可能带动外层容器上下滚动，并且存在一些iOS兼容性问题）。所以这里手动实现了一下...
2022-04-28 17:36:07
588
原创 Array.reduce 方法的简单使用
方法功能及参数展示Array.reduce 是一个非常强大的方法，可以用于：数组去重、构建对象、数组扁平化、求和、统计等，这里将简单演示一些使用情景。 Array.reduce((did,cur,index,arr) => {} , initVal) did：累计器（操作后的结果） cur：当前值 index：当前索引（如果有 initVal 索引从0开始，否侧从1开始） arr：初始值（可以是且不限于对象、数组等） 使用方法演示//1、参数展示let arr = [1
2021-05-21 16:45:47
1634
原创 快速生成自然数数组的简便方式
直接上代码let arr = Array.from(Array(100).keys()); //包含0-99let arr = Array.from(Array(100).keys(), (value, index) => index + 1); //包含1-100let arr = Array.from(Array(100), (val,index) =>index+1); //包含1-100let arr = Array.from({length:100}, (val,ind
2021-05-21 16:37:18
617
原创 浅谈 setState() 和 useState() 的对比
首先简单介绍一下二者的使用方式setState() 构造函数是唯一建议给 this.state 赋值的地方 不建议直接修改 state 的值，因为这样不会重新渲染组件 // constructor是唯一建议给 this.state 赋值的地方constructor(props) { super(props); this.state = { comment: "hi" };}this.state.comment = 'Hello'; // 错误的写法this.s
2021-05-20 15:30:02
4687
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人