- 一、前言继前期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> ...
- 今天分享如何实现一个骨架屏组件。 今天分享如何实现一个骨架屏组件。
上滑加载中
推荐直播
-
开发者玩转DeepSeek
2025/02/20 周四 16:30-17:30
Thomas – 华为云DTSE技术布道师
双擎驱动优势——华为云CodeArts IDE全栈能力与DeepSeek认知智能深度融合,打造智能编码助手。如何利用DeepSeek的能力,进一步强化业务。
即将直播 -
大模型Prompt工程深度实践
2025/02/24 周一 16:00-17:30
盖伦 华为云学堂技术讲师
如何让大模型精准理解开发需求并生成可靠输出?本期直播聚焦大模型Prompt工程核心技术:理解大模型推理基础原理,关键采样参数定义,提示词撰写关键策略及Prompt工程技巧分享。
去报名 -
华为云 x DeepSeek:AI驱动云上应用创新
2025/02/26 周三 16:00-18:00
华为云 AI专家大咖团
在 AI 技术飞速发展之际,DeepSeek 备受关注。它凭借哪些技术与理念脱颖而出?华为云与 DeepSeek 合作,将如何重塑产品与应用模式,助力企业数字化转型?在华为开发者空间,怎样高效部署 DeepSeek,搭建专属服务器?基于华为云平台,又该如何挖掘 DeepSeek 潜力,实现智能化升级?本期直播围绕DeepSeek在云上的应用案例,与DTSE布道师们一起探讨如何利用AI 驱动云上应用创新。
去报名
热门标签