向满屏的 Import 语句说再见!

2024-06-05
阅读 5 分钟
799
密集的导入语句不仅对视觉造成冲击,也是对代码组织结构的一次考验。如何优雅地管理这些导入语句,避免“全屏占用”?本文将探讨生成大量导入语句的原因,可能带来的问题,以及如何从多个角度优化和管理导入语句。拒绝使用模块重新导出模块重新导出是一种常见技术,广泛应用于Twitter、字节跳动和谷歌等大公司的组件库中。...

诊断 React Native 崩溃

2024-06-05
阅读 4 分钟
1k
React Native 应用程序和其他软件一样,在开发和生产过程中可能会遇到崩溃。出现崩溃的原因有很多,如使用不兼容的依赖关系、不正确的数据处理、编程错误或硬件故障。如果不及时发现和修复,崩溃可能会导致令人沮丧的用户体验,从而导致应用程序商店的差评。

现在停止滥用useMemo吧!

2024-06-04
阅读 4 分钟
1k
在React应用中过度优化真的是一种噩梦。我们每天都要面对大量无用的优化,这些优化意在使代码变得“神秘”。一些开发人员甚至将 useMemo 和 useCallback 纳入他们的默认风格指南中,以简化事情。不要陷入这种迷思,因为 useMemo 甚至可能会减慢你的应用程序速度!记住,记忆化并不是免费的。

停止使用 Git Rebase

2024-06-03
阅读 2 分钟
806
在现有的 git rebase 和 git merge 之间的争论中,我们将探讨为什么选择后者(git merge)可以为开发人员节省很多麻烦,特别是在多人共同处理同一段代码时。

Tailwind Classes 我希望早点知道的

2024-06-02
阅读 4 分钟
750
line-clamp 类在处理多行文本截断时非常有用。它允许你控制显示的文本行数,并截断其余部分。这对于创建一致外观的元素(如博客摘要、卡片描述和其他文本密集型组件)特别有用。

8 种现代 JavaScript 响应式模式

2024-05-30
阅读 5 分钟
874
作为一名前端开发者,Pavel Pogosov 每天都要面对这个问题。因为浏览器本身是一个完全异步的环境。现代 Web 界面必须快速响应用户的操作,这包括更新 UI、发送网络请求、管理导航和执行各种其他任务。

安全面试中的一个基础问题:你如何在数据库中存储密码?

2024-05-29
阅读 3 分钟
945
3分钟讲解。上周的面试故事职位:初级安全工程师,刚毕业。开始面试。我:“这里你提到对数据安全有很好的理解。你能举例说明哪些方面的数据安全吗?”A:“当然。例如,当我们构建一个系统时,会有一个用户模块,当我们在数据库的用户表中存储密码时,我们需要在存储之前对其进行加密。”我:“你确定是加密而不是哈希处理吗...

关于 CSS 的那些事儿,我从未被告知

2024-05-29
阅读 4 分钟
647
个人对 CSS 的了解仅限于让它正常工作。而这特别令人遗憾,因为我们从未尝试深入研究这个主题。认识到这一点后,做了一些研究,并列出了一些新发现的内容。

为 React Native 应用程序创建垂直选项卡布局

2024-05-29
阅读 5 分钟
689
在开发包含大量资源的多级网站或应用程序时,我们希望用户能从用户界面上的一个位置轻松导航到这些不同的级别。可以使用标签元素来设计用户界面,以实现这一目标。

localhost 和 127.0.0.1 有什么区别?

2024-05-27
阅读 4 分钟
1k
当前端开发人员在本地调试时,他们经常与 localhost 互动,只需运行npm run命令就可以在浏览器中打开他们的网页,地址栏显示类似于 http://localhost:xxx/index.html的内容。

使用 react-native-masked-view 创建视觉蒙版效果

2024-05-25
阅读 11 分钟
1.4k
在计算机科学中,"掩码"是指使用一个数字元素(掩码)来修改或提取第二个数字元素的数据。程序员在各种计算机科学应用中使用掩码:在开发软件系统/API时使用位掩码,在前端开发中使用输入掩码,在开发GUI应用程序时使用基于计算机图形的掩码。

Tailwind 4.0 即将发布,看起来很不错!

2024-05-24
阅读 4 分钟
919
Tailwind 4.0 将会更快更好。尝试当前处于 Alpha 状态的新功能安装 Tailwind 版本 4 的包: {代码...} Vite 配置: {代码...} 最后,在你的主 CSS 文件(app.css)中导入 Tailwind {代码...} 那么,现在让我们关注一下 Tailwind 版本 4 中的新功能:零配置内容检测在以前的版本中,我们需要创建 tailwind.config.js 并在...

我们忘记了前端基础知识

2024-05-22
阅读 3 分钟
502
在所有最新的趋势和无尽的范例中,我们似乎忘记了前端开发的基础。最近 Pavel Pogosov 注意到了一些改变他对这个行业看法的事情。似乎在所有无尽的趋势、范式和新奇中,我们忘记了前端开发的核心。在这篇文章中,Pavel Pogosov 想分享一些最近项目中的代码片段,并试图解释他的想法。无尽的过度复杂化这里有一个最基本的...

停止强制日期格式!现在是 2023 年!

2024-05-22
阅读 2 分钟
628
这篇文章的主题是关于为何我们应该停止强制使用特定的日期格式(如MM/DD/YYYY),尤其是在2023年的今天。作者在文章中提到了Mark Wyner,一位非常有才华的用户体验专家。Wyner展示了一个例子,说明了在用户界面中如何更好地展示日期格式要求。在他的例子中,改进后的版本将日期格式要求放在输入框上方,而不是作为占位符...

React Native 轨迹播放器:完全指南

2024-05-21
阅读 18 分钟
1.4k
React Native 应用开发人员构建各种应用,其中一些涉及实现音乐播放列表。如果你计划用 React Native 构建音频播放器,你无疑需要一个播放列表实现,包括一个可管理的音乐轨道队列,对用户可见或作为后台服务运行,以特定顺序播放音乐轨道。

Signal 即将成为JavaScript的一部分

2024-05-19
阅读 3 分钟
665
什么是响应性?在过去的几年中,响应性成为了所有现代前端框架以及React库的核心。对于不熟悉前端开发的人来说,起初这可能是一个令人困惑的概念,因为它改变了常规的、自上而下的、从调用者到被调用者的顺序工作流。在响应性范式中,当事情发生变化时,数据会自动更新,下面简单展示一下伪代码:。 {代码...} 这种方法...

程序员对 VSCode 粘性滚动不感兴趣

2024-05-18
阅读 1 分钟
728
当你发布一个很棒的功能,但程序员却想抛弃它,因为它太过复杂了。在最新的 Visual Studio Code 版本中,全球的软件工程师们迎来了一个引起大量争议的功能。这个名为 Sticky Scroll(粘性滚动)的功能现在默认在文件资源管理器面板中可用。当你的项目中有很多嵌套文件夹和大量文件时,Sticky Scroll 功能是非常有用的。...

Blazor 正在悄悄取代 JavaScript 开发者在 Web 领域的地位

2024-05-18
阅读 3 分钟
1.9k
当 JS 开发者还在为一个分号而苦恼时,Blazor 正如马可·伊纳雷斯接管太阳系般地接管了 Web 领域。在像 Angular 和 Vue.js 这样的 Web 框架的舒适环境中,一个人可能会觉得自己对 Web 开发了如指掌。这次微软可能走在了正确的轨道上然而,WASM 和 WASI 这样的解决方案开始将 Web 向不同的语言和技术开放。在这个领域中最...

他因提及其他编程语言而被禁止

2024-05-14
阅读 3 分钟
456
想象一下,你把整个职业生涯都奉献给了编程,特别是精通某一种特定的编程语言。你写书,参与该语言的开发,围绕它构建东西,分享你的知识,然后突然间,你就因为在一个程序员群组中提到另一种编程语言而被封禁了。

2024年是时候抛弃验证码了

2024-05-14
阅读 3 分钟
446
如果不用解决验证码,每年可以建造77600所房子。但年复一年,验证码仍然在浪费我们的时间和金钱。2024年是一个完美的年份,彻底摆脱验证码。

开发者对 React 19 Beta 发布感到困惑

2024-05-14
阅读 4 分钟
497
React 编译器是 React 团队长时间实验的工具,目前用于运行 Instagram,并且预计很快会发布。开发者们对编译器的期望很高,因为它将减少手动记忆化的需求,这是一项耗时且容易出错的 React 修补工作。有了编译器,React 将更善于判断何时需要更新 UI,何时不需要,从而提升性能。

处理React Native ViewPropTypes 错误

2024-05-08
阅读 3 分钟
771
如果你在过去的12个月里使用过React Native,那么你可能已经使用PropTypes作为检查你的组件类型的一种手段。类型检查是一种保护你的组件并确保它们被正确使用的方式。

安全专家对 SSH 漏洞感到恐慌

2024-05-07
阅读 4 分钟
390
在过去的几个月里,每个人都在谈论 SSH 中触发的漏洞。通常对它的描述相当复杂。这只是某个随机应用程序中的另一个漏洞吗?如果是这样,为什么网络安全专家如此关注这一漏洞,而在线论坛上充斥着恐慌的安全专家?让我们一探究竟!

如何使用react-native-sound在React Native中播放声音

2024-04-17
阅读 8 分钟
1.8k
为你的应用添加声音是吸引用户的好方法。新通知的小铃声,发送邮件的“嗖”的声音,或者删除文件的崩溃声,都能在很大程度上为你的React Native应用构建更好的用户体验。

在React中使用SWR和TypeScript进行数据获取

2024-04-16
阅读 9 分钟
1.1k
可能一开始,你会使用内置的 fetch 或 Axios 手动获取数据,但很快你就会遇到如处理缓存、错误处理和过时数据等挑战。随着你的应用程序的增长,管理状态和处理复杂的数据获取逻辑变得更加具有挑战性和耗时。

为React Native应用实现应用内更新

2024-04-11
阅读 5 分钟
857
更新移动应用程序的传统方法通常非常耗时,造成延迟,阻碍整体生产力。然而,React Native应用程序有一个显著的优势可以缓解这个问题: 无线更新(over-the-air updates),这是一个显著简化更新过程的特性。

如何将HTML渲染到React Native

2024-04-09
阅读 7 分钟
1.2k
假设你想使用React Native将你的网站或Web应用程序转换为移动应用程序,或者你有静态HTML代码要在应用程序的特定页面上显示。你会怎么做?你会重写一大堆代码吗?

如何在react-native中更改/重命名应用名称(在安卓和IOS中):

2024-04-07
阅读 2 分钟
993
要更改在用户设备上显示的应用程序名称,你通常需要修改 app.json 或 package.json 文件。查找 "name" 或 "displayName" 字段,并用你想要的应用程序名称进行更新。

最佳的React Native日期选择器库

2024-04-02
阅读 5 分钟
4k
首发于公众号 前端混合开发,欢迎关注。今天,有各种各样的应用程序实现了某种形式的日期或时间选择器。我们用它们来设置提醒,标记日历中的特殊日期,设置闹钟,等等。在这篇文章中,我们将浏览一下 React Native 日期选择器的可用选项,并讨论如何为你的应用选择合适的日期选择器。从零开始构建日期选择器:逻辑、功能...

构建一个React Native主题切换应用程序

2024-04-01
阅读 12 分钟
1k
几乎每个网站和移动应用现在都包含一个暗黑模式或者默认颜色方案的替代方案。颜色方案为用户提供了选择他们希望应用设计看起来如何的选项。当这样的选项不可用时,用户可能会感到失望。