- 一、前言继前期iOS由于移动设备内存不足导致页面白屏问题之后,(详参博文《跨平台应用开发进阶(五十)uni-app ios web-view嵌套H5项目白屏问题分析及解决》)又发现APP在iOS系统运行过程中,会高频出现页面黑屏、黑色区块,白屏问题。 二、问题分析出现以上问题是由于页面渲染问题导致的,引发的可能原因是页面栈溢出、应用内存泄漏。经过getCurrentPages()输出页面栈... 一、前言继前期iOS由于移动设备内存不足导致页面白屏问题之后,(详参博文《跨平台应用开发进阶(五十)uni-app ios web-view嵌套H5项目白屏问题分析及解决》)又发现APP在iOS系统运行过程中,会高频出现页面黑屏、黑色区块,白屏问题。 二、问题分析出现以上问题是由于页面渲染问题导致的,引发的可能原因是页面栈溢出、应用内存泄漏。经过getCurrentPages()输出页面栈...
- 自定义 Hooks 是我对逻辑重用的第二波探索。研究的过程,除了搞明白怎么创建 自定义 Hooks、优点、使用场景,还因此意识到项目代码中存在的可提升空间。收获颇丰! 自定义 Hooks 是我对逻辑重用的第二波探索。研究的过程,除了搞明白怎么创建 自定义 Hooks、优点、使用场景,还因此意识到项目代码中存在的可提升空间。收获颇丰!
- 遇到逻辑复用这个话题的时候,我尝试从不同层面去思考问题。既有对具体问题的实现方案,也有实现方案背后包含了哪些技术点,以及延伸了不同方案可行与不可行的总结。 遇到逻辑复用这个话题的时候,我尝试从不同层面去思考问题。既有对具体问题的实现方案,也有实现方案背后包含了哪些技术点,以及延伸了不同方案可行与不可行的总结。
- 本文借助中间件的思想实现嵌套交互功能,且所有交互可无序化随意组合。开发方案综合了代码的灵活拓展和低成本维护两个方面的要求,在与之前批量操作的实现方案对比后,发现本方案可读性更佳。 本文借助中间件的思想实现嵌套交互功能,且所有交互可无序化随意组合。开发方案综合了代码的灵活拓展和低成本维护两个方面的要求,在与之前批量操作的实现方案对比后,发现本方案可读性更佳。
- 今天聊聊useEffect 依赖项,依赖项会影响 effect(副作用) 的执行。还详细介绍不同类型的依赖项产生结果以及应用场景。额外附赠一组导入操作的小技巧,帮助拓展开发思维。 今天聊聊useEffect 依赖项,依赖项会影响 effect(副作用) 的执行。还详细介绍不同类型的依赖项产生结果以及应用场景。额外附赠一组导入操作的小技巧,帮助拓展开发思维。
- 本文采用心得文字+实际案例的组合方式,讲一讲我在项目中从Class换成Hooks的原因。 本文采用心得文字+实际案例的组合方式,讲一讲我在项目中从Class换成Hooks的原因。
- 一、前言在开发react-native App时,相信大家都遇到过这样的问题:当用户设置了系统的字体大小之后,导致APP布局紊乱,甚至有些内容会被切掉/隐藏,这对于用户来讲,是非常不好的用户体验。那为什么会出现这种情况呢?原因是我们在开发的时候,布局的前提是系统的字体大小设置为默认大小,所以只能保证在系统字体大小正常的情况下,我们的布局是友好的,那么,我们应该如何解决这个问题呢?今天这篇文... 一、前言在开发react-native App时,相信大家都遇到过这样的问题:当用户设置了系统的字体大小之后,导致APP布局紊乱,甚至有些内容会被切掉/隐藏,这对于用户来讲,是非常不好的用户体验。那为什么会出现这种情况呢?原因是我们在开发的时候,布局的前提是系统的字体大小设置为默认大小,所以只能保证在系统字体大小正常的情况下,我们的布局是友好的,那么,我们应该如何解决这个问题呢?今天这篇文...
- 一、安装npm i react-native-linear-gradientreact-native link react-native-linear-gradient 二、属性介绍 2.1 colors默认情况下,渐变色的方向是从上向下的。<LinearGradient colors={['#63B8FF', '#1C86EE', '#0000EE',]} style={{heigh... 一、安装npm i react-native-linear-gradientreact-native link react-native-linear-gradient 二、属性介绍 2.1 colors默认情况下,渐变色的方向是从上向下的。<LinearGradient colors={['#63B8FF', '#1C86EE', '#0000EE',]} style={{heigh...
- 一、前言在React或React-native的点击事件中,会经常用到bind(this)。比如说一个简单的React-native点击组件:export default class AwesomeProject extends Component { constructor(props){ super(props); this.state = { } } hand... 一、前言在React或React-native的点击事件中,会经常用到bind(this)。比如说一个简单的React-native点击组件:export default class AwesomeProject extends Component { constructor(props){ super(props); this.state = { } } hand...
- 一、简介第三方组件库react-native-tab-navigator是用于在场景之间切换的选项卡栏,用JS编写以提供跨平台支持。它适用于iOS和Android。该组件与React Native 0.16和更高版本兼容。外观与本地导航器略有不同,但在某些方面会更好。也是纯JavaScript。注:这是与TabNavigation不一样的,使用了ExNavigation,API和实现方式略... 一、简介第三方组件库react-native-tab-navigator是用于在场景之间切换的选项卡栏,用JS编写以提供跨平台支持。它适用于iOS和Android。该组件与React Native 0.16和更高版本兼容。外观与本地导航器略有不同,但在某些方面会更好。也是纯JavaScript。注:这是与TabNavigation不一样的,使用了ExNavigation,API和实现方式略...
- 一、前言先带大家分析2张架构图,对RN大致的运行加载过程有个印象。ReactNative系统框架图如下所示:启动流程图如下所示:在开始分析之前,先思考一个问题:为什么ReactNative能像web端一样实现跨端和热更新,同时又有接近Native的性能呢?ReactNative 的本质是在 JS 端编写 React 代码,通过 JavaScriptCore 引擎,把 JS 端编写的组件和事... 一、前言先带大家分析2张架构图,对RN大致的运行加载过程有个印象。ReactNative系统框架图如下所示:启动流程图如下所示:在开始分析之前,先思考一个问题:为什么ReactNative能像web端一样实现跨端和热更新,同时又有接近Native的性能呢?ReactNative 的本质是在 JS 端编写 React 代码,通过 JavaScriptCore 引擎,把 JS 端编写的组件和事...
- 一、前言继前期iOS由于移动设备内存不足导致页面白屏问题之后,(详参博文《跨平台应用开发进阶(五十)uni-app ios web-view嵌套H5项目白屏问题分析及解决》)又发现APP在iOS系统运行过程中,会高频出现页面黑屏、黑色区块,白屏问题。 二、问题分析出现以上问题是由于页面渲染问题导致的,引发的可能原因是页面栈溢出、应用内存泄漏。经过getCurrentPages()输出页面栈... 一、前言继前期iOS由于移动设备内存不足导致页面白屏问题之后,(详参博文《跨平台应用开发进阶(五十)uni-app ios web-view嵌套H5项目白屏问题分析及解决》)又发现APP在iOS系统运行过程中,会高频出现页面黑屏、黑色区块,白屏问题。 二、问题分析出现以上问题是由于页面渲染问题导致的,引发的可能原因是页面栈溢出、应用内存泄漏。经过getCurrentPages()输出页面栈...
- 13、instanceof和hasOwn instanceof 用来检查一个对象是否是一个类的实例instanceof检查的是对象的原型链上是否有该类实例 只要原型链上有该类实例,就会返回truedog -> Animal的实例 -> Object实例 -> Object原型Object是所有对象的原型,所以任何和对象和Object进行instanceof运算都会返回true ... 13、instanceof和hasOwn instanceof 用来检查一个对象是否是一个类的实例instanceof检查的是对象的原型链上是否有该类实例 只要原型链上有该类实例,就会返回truedog -> Animal的实例 -> Object实例 -> Object原型Object是所有对象的原型,所以任何和对象和Object进行instanceof运算都会返回true ...
- 8、继承可以通过extends关键来完成继承时,就相当于将另一个类中的代码复制到了当前类中(简单理解)继承发生时,被继承的类称为 父类(超类),继承的类称为 子类的代码,并且可以在不修改一个类的前提对其进行扩展 封装 —— 安全性 继承 —— 扩展性 多态 —— 灵活性 <script> ... 8、继承可以通过extends关键来完成继承时,就相当于将另一个类中的代码复制到了当前类中(简单理解)继承发生时,被继承的类称为 父类(超类),继承的类称为 子类的代码,并且可以在不修改一个类的前提对其进行扩展 封装 —— 安全性 继承 —— 扩展性 多态 —— 灵活性 <script> ...
- 今天分享如何实现一个骨架屏组件。 今天分享如何实现一个骨架屏组件。
上滑加载中
推荐直播
-
昇腾AI算法挑战赛-核心算子如何优化?专家带你深度解析2025/11/17 周一 16:00-17:00
王老师 华为算子专家
昇腾AI算法挑战赛进阶赛战鼓催征!本期直播间,我们特邀华为算子专家王老师,为你深度剖析Matmul、wholereducesum等核心算子的底层原理与优化技巧,直击赛题核心。想提升代码效率、冲击更高排名?锁定直播,带你破局!
回顾中 -
AI编码实干派,“码”力全开2026/02/26 周四 15:00-16:30
谈宗玮/于邦旭/丁俊卿/陈云亮/王一男
【中国,深圳,2026年2月26日】,以“AI编码实干派,码力全开”为主题的华为云码道(CodeArts)代码智能体新春发布会在线上成功召开。华为云码道公测版正式发布,为开发者和企业提供具备工程化能力的智能编码解决方案。
回顾中 -
华为云码道-玩转OpenClaw,开启在线养虾模式2026/03/11 周三 19:00-20:00
刘昱,华为云高级工程师/谈心,华为云技术专家/李海仑,上海圭卓智能科技有限公司CEO
OpenClaw 火爆开发者圈,华为云码道最新推出 Skill ——开发者只需输入一句口令,即可部署一个功能完整的「小龙虾」智能体。直播带你玩转华为云码道,玩转OpenClaw
回顾中
热门标签