贺知叶
码龄6年
关注
提问 私信
  • 博客:32,188
    32,188
    总访问量
  • 22
    原创
  • 960,419
    排名
  • 232
    粉丝

个人简介:人不疯狂枉少年

IP属地以运营商信息为准,境内显示到省(区、市),境外显示到国家(地区)
IP 属地:江苏省
  • 加入CSDN时间: 2019-07-22
博客简介:

贺知叶的博客

博客描述:
JavaScript+Html+Css
查看详细资料
个人成就
  • 获得15次点赞
  • 内容获得12次评论
  • 获得36次收藏
  • 代码片获得341次分享
创作历程
  • 4篇
    2023年
  • 1篇
    2022年
  • 15篇
    2021年
  • 2篇
    2020年
成就勋章
TA的专栏
  • React-Native实用组件推荐
  • React
    8篇
  • React-Native
    12篇
  • TypeScript
    2篇
  • JS
    8篇
兴趣领域 设置
  • 前端
    javascriptcssreact.jses6前端框架
  • 后端
    node.js
  • 微软技术
    typescript
  • 学习和成长
    面试
  • 最近
  • 文章
  • 代码仓
  • 资源
  • 问答
  • 帖子
  • 视频
  • 课程
  • 关注/订阅/互动
  • 收藏
搜TA的内容
搜索 取消

解决国内部分系统自带浏览器视频层级问题

传入你的 url 视频地址并返回 blob:// 直接放到你的video src 即可。
原创
发布博客 2023.11.01 ·
537 阅读 ·
0 点赞 ·
1 评论 ·
2 收藏

react-native项目上线国内安卓应用市场

用户隐私协议审核国内Android端上线应用是需要在进入程序时弹出一个表述该程序的《隐私政策》和《用户协议》以符合工信部政策。
原创
发布博客 2023.09.18 ·
775 阅读 ·
0 点赞 ·
1 评论 ·
3 收藏

针对QQ浏览器video标签不可控实现的React组件

一个简单的视频播放控件,会在QQ浏览器上使用canvas进行视频播放。
原创
发布博客 2023.09.18 ·
255 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

React 组件渲染时遇到错误如何及时的捕获并立即切换渲染至其他组件

react组件渲染时遇到错误如何及时的捕获并立即切换渲染至其他组件
原创
发布博客 2023.02.13 ·
619 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

React 自定义轮播图Carousel组件

自定义轮播图Carousel组件
原创
发布博客 2022.04.11 ·
3375 阅读 ·
3 点赞 ·
3 评论 ·
12 收藏

React-Navigation架构嵌套路由:

React-Navigation ^5x架构嵌套路由:react-native使用的版本是^0.64,导航用的5x。目前已经出到了6x,不过也相差不大。目录React-Navigation ^5x架构嵌套路由:前言一、React-Navigation包引用二、import { NavigationContainer } from '@react-navigation/native'1.注册主路由容器 NavigationContainer2.App.js / index.js三、import { c
原创
发布博客 2021.12.21 ·
1742 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

React-Native新架构:

React-Native新架构:ReactNative宣布在2018年宣布对架构进行重要调整,此时正式Flutter面世。(2018.2.27-世界移动大会发布Fluuter)。而React-Native是在2015发布。以下是重构前的React-Native运行方式:如图所示,RN结构四大核心部分:React代码部分,由代码翻译过来的JavaScript部分,一系列统称为“桥”的部分,以及原生部分。当前架构一个关键点是:两个端——JavaScript端和Native端,是互相都不了解对方的情况
原创
发布博客 2021.12.15 ·
1338 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

React-Native : ‘^0.64.0’ 项目架构

项目场景:这里介绍一下我自己从0-1的React-Native项目架构,细粒化的程度还行,主要我喜欢深度细粒化的项目,写起来很舒服。package.json:"dependencies": { "@react-native-async-storage/async-storage": "^1.15.5", "@react-native-community/masked-view": "^0.1.10", "@react-navigation/bottom-tabs": "^5.
原创
发布博客 2021.12.15 ·
2299 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

React中如何在Hooks函数式的写法中强制渲染?

项目场景:基本上我们使用 this.forceUpdate() 方法强制组件在 React 类组件中立即重新渲染问题描述:在Class的写法中可以使用 this.forceUpdate() 来执行强制渲染操作,但我们如何在Hooks里使用呢? 解决方案:这可以使用useState或useReducer,因为在内部useState使用useReducer.// 引用 useReducer import { useReducer } from 'react'// 定义 useReduce
原创
发布博客 2021.11.25 ·
4125 阅读 ·
3 点赞 ·
0 评论 ·
4 收藏

将阿拉伯数字转换为英文字母ABCD:

项目场景:列表序号要求为英文单词问题描述:map渲染出来的index转化,1 => A,2 => B,3 => C 解决方案:// 以0开始 使用map里index的话,就是String.fromCharCode(index+65)String.fromCharCode(2+65)// 以0开始,当前输出为C,因为是2为第三位...
原创
发布博客 2021.11.25 ·
2875 阅读 ·
0 点赞 ·
0 评论 ·
1 收藏

JavaScript阿拉伯数字“1“转中文数“一“

项目场景:列表序号采用中文一、二、三,而不是阿拉伯数字1、2、3:问题描述:开始是列表结构,本想寻求使用map遍历的index+1,获得对应下标为序号,但UI要求使用中文一,二,三的方式。死写肯定不行。所以有了以下代码:原因分析:直接index+1,死转肯定不行,想办法灵活一点。解决方案:const toChineseNumber = (n) => { if (!Number.isInteger(n) && n < 0) { throw Erro
原创
发布博客 2021.11.25 ·
4299 阅读 ·
5 点赞 ·
1 评论 ·
7 收藏

react-native禁止系统设置字体大小

项目场景:App标准规范之一就是要适配屏幕大小,使用户体验良好,防止UI尺寸变形给用户带来不好的体验是最高的标准。用户字体看不清或者误修改了字体大小之后进入我们App必然会发现屏幕内某些字体大小发生异常,冲出当前轮廓的范围之外并且与"UI设计师"提供的设计文档显示相反,这并不是我们想要实现的效果。问题描述:1、设置系统字体大小导致UI混乱2、用户体验极其不良好3、与UI设计文档实现效果相反 解决方案:import { TextInput, Text } from 'react-nati
原创
发布博客 2021.07.12 ·
722 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

React Native Large List V3高性能列表组件-踩坑记录

项目场景:要求在手机端实现类似于web端的表格UI功能,想到可以使用该组件。原生桥接实现的一组高性能弹性大列表组件,支持超大数据源,高度重用,极大地优化了性能,滑动更跟手,完全可以媲美原生列表。CPU和内存占用比官方的SectionList明显少很多。当前使用版本:“react”: “17.0.1”,“react-native”: “0.64.0”,“react-native-largelist-v3”: “^3.0.15”,“react-native-spring-scrollview”:
原创
发布博客 2021.04.13 ·
1538 阅读 ·
0 点赞 ·
0 评论 ·
5 收藏

使用native-echarts图表绘制组件-记录踩坑

项目场景:获取后台的数组数据结构,并根据项目需求绘制图形态势页面,将使用到第三方组件 ‘Native-Echarts’一、版本:“react”: “17.0.1”,“react-native”: “0.64.0”,“native-echarts”: “^0.5.0”,“react-native-webview”: “^11.3.2”问题描述:1、报错Invariant Violation:WebView has been removed from React Native. It ca
原创
发布博客 2021.04.13 ·
789 阅读 ·
0 点赞 ·
0 评论 ·
2 收藏

一些ES6的常用特性

1、let 和 const:​ let为声明变量,const为声明常量。块级作用域:​ let的用法类似于var但他只能在声明的代码块里面使用,称之为:块级作用域​ const为一个只读的常量,且常量的值无法改变,作用域也在声明的代码块里,是块级作用域暂时性死区 TDZ:​ 当let以及const在代码块里面声明以后就绑定在这,无法在当前块级外面使用,并且JS编译是从上往下编译,所以只能在当前声明行一下调用 if (true) { console.log(MAX);
原创
发布博客 2021.03.11 ·
212 阅读 ·
0 点赞 ·
0 评论 ·
1 收藏

原型链

原型链当谈到继承时,JavaScript 只有一种结构:对象。每个实例对象( object )都有一个私有属性(称之为 proto )指向它的构造函数的原型对象(prototype )。该原型对象也有一个自己的原型对象( proto ) ,层层向上直到一个对象的原型对象为 null。根据定义,null 没有原型,并作为这个原型链中的最后一个环节,就是原型链继承。目录原型链前言一、图形描述:二、图形分析:三、属性解释:原型链总结:前言原型链有个缺点就是:在性能方面,原型链会在查找属性上比较耗时,
原创
发布博客 2021.02.28 ·
322 阅读 ·
1 点赞 ·
6 评论 ·
0 收藏

闭包

闭包:什么是闭包?有权访问另一个函数作用域内部变量的函数是闭包描述闭包://父函数function f1(){ const n = 123;//父函数内变量function f2(){ //子函数 alert (n) //在子函数中调用父函数变量} return f2; //返回子函数}var result = f1 (); //调用父函数f1并封装成变量result() //调用父函数变量f1形成闭包 原理是什么呢?当内部函数在定义它的作用域的外部被引用时,就创
原创
发布博客 2021.02.27 ·
207 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

如何在React Native中获得地理位置

如何在React Native中获得地理位置geolocation API扩展了geolocation的web规范。在android中,地理位置使用android.location. api。以下替代库用于在React Native中包含新的位置服务API。React-native-geolocation-serviceReact-native-location要请求位置访问,需要在应用程序的AndroidManifest.xml文件中包含以下代码。<uses-permission and
原创
发布博客 2021.02.24 ·
667 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

React-Native强制关闭软键盘

项目场景:NativeBase切换Tabs未关闭软键盘示例:UI界面使用NativeBase子组件Tabs,在Tabs中嵌入两个界面,Tab界面中拥有Input输入框效果问题描述:当我在Tabs中点击Input输入内容时切换去其他Tab是不会关闭Input输入框,并且输Input输入焦点依然在之前的输入框里面,所以我还是可以继续输入内容,这时BUG发生了。继续在上个输入框输入内容后会造成UI变形,界面显示焦点将会强制聚集到当前Input输入框界面。原因分析:由于使用NativeBase中
原创
发布博客 2021.01.22 ·
2264 阅读 ·
1 点赞 ·
0 评论 ·
0 收藏

React-Native环境搭建流程

React-Native环境搭建流程 React-Native:0.63,React:17.0对应系统对应不同环境:Mac->Xcode,Windows->AndroidStudio,RN->VSCode希望这篇文章对你的问题可以有效地解决。防止以后忘记环境安装流程,对你以后更换工作并且又要重新环境有用处。蟹蟹!文章目录React-Native环境搭建流程 React-Native:0.63,React:17.0前言一、基本步骤二、创建项目三、部分问题解决方案总结前言不多
原创
发布博客 2021.01.11 ·
815 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏
加载更多