- 博客(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
1777
原创 无重复的最长字串的长度JS
思路采用滑动窗口的思想:扩张 + 收缩首先定义两个指针,首先(右指针)扩张到滑动窗口不满足条件的时候暂停,(左指针)开始收缩窗口,让窗口满足条件后再进行扩张(右指针)实现 const str = 'ababcdadee' function lengthOfLongestSubstring(s) { const len = s.length; let result = 0, left = 0, right = 0;
2021-11-23 14:28:07
711
原创 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
478
原创 二分查找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
954
原创 ReactNative中返回事件的处理
返回事件场景描述:场景一:项目中使用naviator路由,返回上一级页面需要触发上一级页面的componentDidMount钩子函数。(包含手势返回和物理按键返回)场景二:当前页面中弹出安全警告Modal,用户需要勾选弹窗上的“已完成阅读“后才可以返回上一级页面。(不可以通过势返回和物理按键返回)思路分析:场景一:正常情况下:页面由一级页面跳转到二级页面,就是将二级页面盖在了一级页上面,此时返回一级页面,这个过程对一级页来说是无感的,自然就无法触发componentDidMount函数。可用
2021-11-05 21:14:18
2153
原创 ReactNative中安卓上加载图片遇到的问题
问题描述:在RN中,首次进入页面或清空缓存后,点击TouchableOpacity中包裹的图标进行图标切换操作(已经将动画效果去掉,通过标识判断该显示哪一张图片),图标还会出现动画效果,并且只有第一次会出现,但图标切换一个遍后,动画就会消失恢复正常。 原因分析:只有安卓中第一次进入页面和清空缓存的情况下才会发生这种情况,盲猜是安卓缓存机制的原因,点击的时候才回去加载应该显示的那张图片,导致出现一次动画效果,而再次点击就没有这个问题。解决方案:提前加载图片,在要切换的图标前面将所有的图
2021-09-24 21:06:42
522
原创 记录ReactNative中使用TextInput遇到的问题
提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录前言一、pandas是什么?二、使用步骤1.引入库2.读入数据总结前言提示:这里可以添加本文要记录的大概内容:例如:随着人工智能的不断发展,机器学习这门技术也越来越重要,很多人都开启了学习机器学习,本文就介绍了机器学习的基础内容。提示:以下是本篇文章正文内容,下面案例可供参考一、pandas是什么?示例:pandas 是基于NumPy 的一种工具,该工具是为了解决数据分析任务而创建的。二、使用步骤1.引入库代码
2021-09-06 19:50:58
1043
原创 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
1855
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人