在 React Native 中实现 CodePush 以进行热更新

今天 09:00
阅读 8 分钟
13
首发于公众号 前端混合开发,欢迎关注。代码推送是指将新代码更新或部署到软件应用或系统的过程。它涉及将最新版本的代码从开发环境转移到生产环境,使更改实时生效并对用户可访问。步骤1:在 AppCenter 上注册你的应用登录 AppCenter为Android和iOS添加一个新应用。填写必填字段,然后点击 Add new app 按钮。示例Andro...

我应该使用按钮还是链接

今天 08:59
阅读 4 分钟
22
在网页无障碍领域,最具争议的问题之一是,在创建某些类型的交互元素时,应该使用按钮还是链接。为什么这个问题如此有争议?多年来,无障碍专家已经无数次回答了这个问题。同时,还有大量的参考文献提供了这个问题的答案。

利用React Native JSI提升速度和性能

3 月 13 日
阅读 31 分钟
116
作为一个跨平台移动应用开发框架,React Native 需要与平台特定的编程语言(如 Android 的 Java 和 iOS 的 Objective-C)进行通信。这可以通过两种方式之一实现,这取决于你用于构建混合移动应用的架构。

ReactNative:使用 react-native-mmkv 来提升应用性能

3 月 11 日
阅读 8 分钟
66
在使用React Native工作时,你很可能已经使用了 AsyncStorage 作为存储解决方案。例如,你可以使用 AsyncStorage 来存储键值对,比如你的应用程序的当前主题,甚至为了各种原因存储状态和令牌。

理解React Native加密库

3 月 9 日
阅读 7 分钟
47
首发于公众号 前端混合开发,欢迎关注。作为应用开发者,管理我们应用的安全性至关重要。让我们以银行应用为例:实施加密组件并不是一件容易的事。我们必须:与团队讨论并达成一致,选择一个加密算法,例如RSA或三重DES使用复杂的数学来编写一个算法测试该功能并确保其能抵御密码学攻击最后,确保加密方法也具有高效性这...

在React Native应用中实现Android内购功能

3 月 5 日
阅读 11 分钟
68
编者注:本文于2023年9月21日更新,移除了对现已弃用的 expo-in-app-purchases 库的提及。现在建议您使用 react-native-iap 或 react-native-purchases ,我们在本文中都有讨论。

从零开始构建React Native数字键盘功能

2 月 29 日
阅读 14 分钟
275
现代移动应用程序在入门过程中经常涉及一个步骤,你需要输入发送到你的电子邮件或手机号码的验证码 PIN。有时,你需要使用类似于分割 OTP 输入字段的东西来输入 PIN。另一种输入验证码 PIN 的方式是使用拨号盘。

在React Native中构建启动屏

2 月 26 日
阅读 12 分钟
280
在这个教程中,我们将演示如何在React Native中构建一个启动屏幕。我们将指导你如何使用 react-native-splash-screen 为iOS和Android应用构建出色的欢迎界面。此外,由于Expo很受欢迎,许多人常常选择使用它,我们也将探讨如何在Expo中构建启动屏幕。

如何在React Native中添加自定义字体

2 月 22 日
阅读 7 分钟
736
在这篇指南中,我们将探索使用 Google Fonts 在 React Native 应用中添加自定义字体的方法。要跟上进度,你应该熟悉 React Native 或 Expo SDK 的基础知识,包括 JSX、组件(类和函数式)和样式。

向React Native应用添加屏幕捕捉功能

2 月 21 日
阅读 5 分钟
1.7k
为用户启用屏幕截图功能已经成为移动应用中用户体验的重要部分。这项功能使用户能够保存或分享应用界面的当前状态,以记住一个难忘的时刻,与朋友分享成就,或向开发者报告问题。

在 React Native 中原生实现动态导入

2 月 20 日
阅读 6 分钟
1.5k
在React Native社区中,原生动态导入一直是期待已久的功能。在React Native 0.72 版本发布之前,只能通过第三方库和其他变通方法实现动态导入,例如使用 React.lazy() 和 Suspense 函数。现在,动态导入已经成为React Native框架的原生部分。

React Native推送通知:完整的操作指南

2 月 19 日
阅读 12 分钟
443
推送通知已成为构建移动应用时需要考虑的重要功能。由于它们类似于短信,但发送不需要任何费用,许多企业现在更喜欢使用推送通知向应用用户发送信息和警报。

React Native 导航:示例教程

2 月 18 日
阅读 14 分钟
614
React Navigation 是 React Native 最著名的导航库之一。在本教程中,我们将探讨 React Native 中导航的基础知识,介绍如何开始使用 React Navigation,并通过一些 React Native 导航示例进行讲解。

提升开发效率的 10 个 JavaScript 超棒技巧

2023-12-03
阅读 5 分钟
636
JavaScript 是一种多功能且强大的编程语言,是现代网页开发不可或缺的一部分。作为开发者,我们总是在寻找聪明的技巧和方法来提高生产力并创建高效的代码。在这篇文章中,我们将分享十个超赞的 JavaScript 技巧,帮助你将开发技能提升到一个新的水平。这些技巧涵盖了 JavaScript 编程的各个方面,从性能调优到调试等等。

利用属性选择器对外部链接进行样式设计

2023-12-03
阅读 4 分钟
361
CSS 允许我们根据 HTML 元素的属性来设置样式,方法是将它们放在方括号中。例如,我们可以为具有 hidden 属性的任何元素设置 display 属性为 none:

令人期待的 CSS 新功能:让编码更高效

2023-11-29
阅读 2 分钟
812
CSS 是一种不断发展的语言。每一次迭代,它都会变得越来越好。因此,了解最新的 CSS 功能非常重要,这样你才能在项目中使用它们,减少对第三方库的依赖。

让你开发更舒适的 Tailwind 技巧

2023-11-29
阅读 9 分钟
1.2k
使用 Tailwind CSS,我避免了在 React 项目中复制大量 CSS 文件的麻烦,使网页开发变得更加迅速高效。虽然 Tailwind 已经非常优秀,但我还是发现了一些技巧,可以进一步提升使用这个框架的体验。

为什么margin、padding和其他间距技术应使用 px 单位

2023-11-28
阅读 2 分钟
771
它们的值接受几乎完全相同的 CSS 数据类型: length 和 percentage ( margin 也接受 auto ,但这对我们现在讨论的内容并不重要)。

从 ES2021 到 ES2023 的 13 个实用的 JavaScript 新功能

2023-11-25
阅读 4 分钟
476
免费体验 Gpt4 plus 与 AI作图神器,我们出的钱 体验地址:体验以下是 ECMAScript 从 ES2021 到 ES2023 中引入的一些有用且令人兴奋的功能:ES2021String.prototype.replaceAll():使用该方法可以替换字符串中出现的所有子串。逻辑赋值运算符(&&=、||=、??=):这些运算符将逻辑运算符(AND、OR、nullish coalescing)...

使用 Pinia 的五个技巧

2023-11-24
阅读 3 分钟
432
免费体验 Gpt4 plus 与 AI作图神器,我们出的钱 体验地址:体验在这篇文章中,想与大家分享使用 Pinia 的五大技巧。以下是简要总结:不要创建无用的 getter在 Option Stores 中使用组合式函数(composables)对于复杂的组合式函数,使用 Setup Stores使用 Setup Stores 注入全局变量,如路由器(Router)如何创建私有状...

新 CSS Math方法:rem() 和 mod()

2023-11-23
阅读 2 分钟
448
CSS 添加了许多新的数学函数来补充旧有的函数(如 calc() 和最近的 clamp() )。这些函数最终都表示一个数值,但其工作原理的细微差别并不总是一开始就很清楚。本文介绍每个函数的常见用例以及不太常见的用例。

JSON非常慢:这里有更快的替代方案!

2023-11-22
阅读 8 分钟
645
是的,你没听错!JSON,这种在网络开发中普遍用于数据交换的格式,可能正在拖慢我们的应用程序。在速度和响应性至关重要的世界里,检查 JSON 的性能影响至关重要。在这篇博客中,深入探讨 JSON 可能成为应用程序瓶颈的原因,并探索更快的替代方法和优化技术,使您的应用程序保持最佳运行状态。

干净的前端架构

2023-11-21
阅读 2 分钟
662
功能性和非功能性的要求不仅应该在后端应用,还应该在前端应用。因此,有了前端架构,我们就能满足业务需求。此外,我们能够更好地理解项目的复杂性,从而降低项目的风险、时间和成本。然而,作者认为,前端架构的最有价值的原因是任何项目的可维护性和可扩展性。

不要在按钮、链接或任何其他文本容器上使用固定的 CSS 高度或宽度

2023-11-17
阅读 2 分钟
480
免费体验 Gpt4 plus 与 AI作图神器,我们出的钱 体验地址:体验为什么尽管一些网页设计工具为按钮等元素指定了 CSS 高度值,但设置高度或最大高度实际上可能会违反 WCAG 2.2 Success Criterion 1.4.4 Resize Text.标准要求:除了字幕和文本图片外,文本可以在不使用辅助技术的情况下放大到 200% 而不会丢失内容或功能。...

CSS @scope 如何取代 BEM

2023-11-14
阅读 11 分钟
477
前端工程师最常见且最具挑战性的问题之一是 CSS 命名约定。随着 Block Element Modifier(BEM)方法的流行,许多人习惯于按照一种可维护的模式组织他们的样式。

as const:一个被低估的 TypeScript 特性

2023-11-10
阅读 3 分钟
421
你有没有感觉 TypeScript中可能有一些被低估但却非常有用的工具,你并没有充分利用?的确有,今天我们要重点介绍一个:as const。它虽然沉默却强大,而且非常有力,是一个被低估的功能,但它的力量却强大无比。

JavaScript的大分水岭:CommonJS vs ES模块

2023-11-09
阅读 2 分钟
298
所周知,JavaScript社区喜欢进行热烈的辩论。四年来,我们如何组织代码的问题上一直存在一个分歧——这是一个基本但令人意外地有争议的问题,继续将开发者分开。

这5道JavaScript题,90%的开发者都做不出来

2023-11-08
阅读 4 分钟
342
免费体验 Gpt4 plus 与 AI作图神器,我们出的钱 体验地址:体验让我们看看TOP-5最困难的JS挑战并分析它们。剧透:只有8%的回答者正确地解决了TOP-1测验TOP-5. 默认函数参数 & 函数长度属性。 18%的正确答案。 {代码...} 答案:1关键点是,函数的 length 属性应该提供关于函数的 arity 的信息,它是作为她正式定义的参数...

2023年WebAssembly 现状

2023-11-07
阅读 5 分钟
320
Rust 和 JavaScript 的使用仍在继续增加,但更值得注意的变化发生在下面—— Swift 和 Zig 的采纳率都有了显著的增长。

慌了,我老板说:AI 将100% 取代前端

2023-11-06
阅读 3 分钟
467
其中,文章还提到了一些AI在前端开发中的应用,如自动化重复性任务、生成模板代码和优化性能。这些应用可以提高前端开发的效率,但作者强调人类的创造力和设计能力仍然是不可替代的。