自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(9)
  • 收藏
  • 关注

原创 React+hooks+TS练习

初始化项目通过create-react-app命令创建项目,–template表示使用typescript(node版本高于14才能使用npx) npx create-react-app jira --template typescript配置绝对路径在tsconfig.json中配置baseUrl,表示项目中的绝对路径是从src目录下开始寻找。使用json-server来Mock数据首先安装json-server:yarn add json-server -D在根目录下创建_

2021-12-15 22:34:02 1722

原创 无重复的最长字串的长度JS

思路采用滑动窗口的思想:扩张 + 收缩首先定义两个指针,首先(右指针)扩张到滑动窗口不满足条件的时候暂停,(左指针)开始收缩窗口,让窗口满足条件后再进行扩张(右指针)实现 const str = 'ababcdadee' function lengthOfLongestSubstring(s) { const len = s.length; let result = 0, left = 0, right = 0;

2021-11-23 14:28:07 686

原创 JS冒泡排序和快速排序

冒泡排序1.比较相邻的两个元素,如果前一个比后一个大,则交换位置。2.第一轮的时候最后一个元素应该是最大的一个。3.按照步骤一的方法进行相邻两个元素的比较,这个时候由于最后一个元素已经是最大的了,所以最后一个元素不用比较。const arr = [9, 3, 2, 6, 5, 9, 7]; // 时间复杂度 n^2 function bubbleSort(arr) { let len = arr.length - 1;

2021-11-19 11:58:30 442

原创 二分查找JS实现

思路1.从一组有序元素中间开始查找,如果中间元素刚好和目标元素相等,则查找结束。2.如果中间元素大于目标元素,则说明目标元素在数组左侧区域;如果中间元素小于目标元素,则说明目标元素在数组右侧区域。重复第一部操作,直至找到目标元素。3.如果找不到目标元素,则返回-1。实现//递归算法 const arr = [1, 2, 3, 4, 5, 6, 7, 8, 9 ]; function binarySearch(arr, item, startIndex, endIndex) {

2021-11-19 10:18:10 925

原创 ReactNative中返回事件的处理

返回事件场景描述:场景一:项目中使用naviator路由,返回上一级页面需要触发上一级页面的componentDidMount钩子函数。(包含手势返回和物理按键返回)场景二:当前页面中弹出安全警告Modal,用户需要勾选弹窗上的“已完成阅读“后才可以返回上一级页面。(不可以通过势返回和物理按键返回)思路分析:场景一:正常情况下:页面由一级页面跳转到二级页面,就是将二级页面盖在了一级页上面,此时返回一级页面,这个过程对一级页来说是无感的,自然就无法触发componentDidMount函数。可用

2021-11-05 21:14:18 2050

原创 ReactNative中安卓上加载图片遇到的问题

问题描述:在RN中,首次进入页面或清空缓存后,点击TouchableOpacity中包裹的图标进行图标切换操作(已经将动画效果去掉,通过标识判断该显示哪一张图片),图标还会出现动画效果,并且只有第一次会出现,但图标切换一个遍后,动画就会消失恢复正常。 原因分析:只有安卓中第一次进入页面和清空缓存的情况下才会发生这种情况,盲猜是安卓缓存机制的原因,点击的时候才回去加载应该显示的那张图片,导致出现一次动画效果,而再次点击就没有这个问题。解决方案:提前加载图片,在要切换的图标前面将所有的图

2021-09-24 21:06:42 456

原创 记录ReactNative中使用TextInput遇到的问题

提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录前言一、pandas是什么?二、使用步骤1.引入库2.读入数据总结前言提示:这里可以添加本文要记录的大概内容:例如:随着人工智能的不断发展,机器学习这门技术也越来越重要,很多人都开启了学习机器学习,本文就介绍了机器学习的基础内容。提示:以下是本篇文章正文内容,下面案例可供参考一、pandas是什么?示例:pandas 是基于NumPy 的一种工具,该工具是为了解决数据分析任务而创建的。二、使用步骤1.引入库代码

2021-09-06 19:50:58 950

原创 RN中实现四等分、五等分圆环按钮

四等分圆环效果:

2021-08-30 19:07:49 468

原创 React实例对象中setState方法获取最新状态

React实例对象中setState方法获取最新状态遇到的问题使用setState后无法获取最新状态的原因解决方法遇到的问题使用setState后发现state中的数据没有改变,还是上一次的数据 state = { count: 0, }; handleAddNumber = () => { const { count } = this.state; this.setState({ count: count + 1 }); console.log(th

2021-08-30 15:16:54 1750

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除