ES14 中最具变革性的 5 个 JavaScript 特性

今天 18:56
阅读 2 分钟
13
在过去的 10 年里,JavaScript 已经取得了长足的进步,每个版本都有全新的功能升级。我们来看看 ES14(2023)中到来的 5 个最重要的特性;并看看你错过了哪些。toSorted()toSorted() 方法使得对数组进行排序并返回一个不发生变异的副本变得更加容易。不用这样做:现在可以做到这一点:toSorted() 接受一个回调来控制排序...

理解 TypeScript 中的 “using” 关键词

今天 09:22
阅读 2 分钟
16
using 关键词用于代替 const 和 let,用于定义一个可释放的对象,即一个在使用后可以自我清理的对象。然而,这个关键词源自 C#,那么 TypeScript 只是复制 C# 吗?并不是,TypeScript 只是从 C# 中挑选出最优秀的特性,以提升整体开发者体验。今天解释 using 关键词在 TypeScript 中的工作原理,以及一个适用于 using 关...

揭秘 React Native Redash 和 Gesture Handler

今天 09:14
阅读 24 分钟
20
有效地实施动画对于创建出彰显自我特色的移动应用至关重要。动画有力量赋予屏幕的各个元素和部分生命力,提升整体用户体验,增强用户对我们应用的忠诚度。

前端JS发起的请求能暂停吗?

6 月 13 日
阅读 4 分钟
32
在讨论前端JS发起的请求是否能暂停时,需要明确两个概念:什么状态可以被认为是“暂停”?以及什么是JS发起的请求?如何定义暂停?暂停指的是临时停止一个已经开始但尚未完成的过程。这意味着这个过程可以在某个时间点被中断,并在另一个时间点恢复。什么是请求?首先,让我们介绍一下TCP/IP网络模型。网络模型从上到下分...

使用 react-native-linear-gradient 创建复杂渐变

6 月 12 日
阅读 7 分钟
27
渐变是一种设计技巧,它将多种颜色以平滑的过渡方式混合在一起。例如,想想 Instagram 的标志。当你想要创建多色背景或自定义按钮时,渐变可以派上用场,为你的用户界面增添视觉吸引力,并引导用户的注意力。

前端工程师必备软技能

6 月 11 日
阅读 3 分钟
61
保持热情听起来很简单,但实际操作起来却很复杂。我见过许多专业同学最终选择了其他职业。这是为什么呢?因为他们不喜欢这份工作,也许只是觉得必须找点事做,或者只是为了多赚点钱。

如何在 React Native 应用添加刷新功能

6 月 10 日
阅读 22 分钟
51
在这篇文章中,我们将探讨如何在 React Native 应用程序中使用 FlatList 组件实现下拉刷新和滚动刷新功能。作为额外内容,我们将研究如何通过改变不同的参数,如大小和颜色,来自定义 RefreshControl 组件。

为什么在 TypeScript 中应优先使用类型而非接口

6 月 10 日
阅读 3 分钟
56
类型和接口是每个 TypeScript 程序中常用的强大功能。然而,由于类型和接口在功能上非常相似,这就引出了一个问题:哪一个更好?今天,我们将评估类型和接口,并得出结论,为什么在大多数情况下你应该使用类型而不是接口。它们的区别是什么?我们分析一下这个 Person 类型和接口定义: {代码...} 显然,类型和接口的语法...

受够了“系统异常”!

6 月 10 日
阅读 7 分钟
49
作为用户,你是否有过这样的经历:使用软件时偶尔弹出一个消息,显示“系统异常!”?作为程序员,你是否有过这样的经历:运维同事跑来求助:“用户不能下单了!”“显示什么错误?”“系统异常!”无论是作为用户还是程序员,当看到这四个字“系统异常”时,我都感到不安。它只告诉我系统有问题,却没有提供任何有价值的信息。这...

Oxlint 会取代 Eslint 吗?

6 月 8 日
阅读 4 分钟
53
最近,一个基于 Rust 的代码检查工具 Oxlint 在国外前端社区引起了热议,许多专家对其给予了高度评价。那么,相比于它的大哥 Eslint,Oxlint 有哪些优势?它会在未来取代 Eslint 吗?本文将讨论这个话题。

最佳的 React Native 应用内订阅库

6 月 7 日
阅读 12 分钟
55
实现应用内订阅购买(IASP)是从移动应用程序赚钱的关键方式之一。通过 IAP,你可以轻松地将应用程序的功能和内容货币化,甚至可以出售数字产品。

这个 TypeScript 技巧将让你大开眼界

6 月 7 日
阅读 3 分钟
78
这段代码使用了一个名字数组进行搜索。findName 函数接受一个姓氏字符串并返回相关的全名。问题在于当你输入 "Doee" 进 findName 函数时会出现。

停止在你的数据库中使用UUID

6 月 5 日
阅读 2 分钟
67
在数据库中唯一标识行的最常见方法之一是使用UUID字段。然而,这种方法带来了需要注意的性能问题。本文将讨论在使用UUID作为数据库表中的键时可能出现的两个性能问题。我们直接进入正题!什么是UUID?UUID代表通用唯一标识符(Universally Unique Identifier)。UUID有很多版本,但在本文中,我们将讨论最流行的版本:UU...

React Native V0.74 稳定版发布

6 月 5 日
阅读 4 分钟
64
React Native 最近有个令人兴奋的消息——V0.74 版本在几天前发布了,包含了超过1600个提交。亮点如下:Yoga 3.0新架构:默认无桥模式新架构:批量 onLayout 更新新项目使用 Yarn 3下面我们深入了解每个新亮点。Yoga 3.0首先了解一下 React Native 中的 Yoga 是什么。Yoga —— 布局引擎Yoga 是一个由 Meta 开发的开源布局引...

向满屏的 Import 语句说再见!

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

诊断 React Native 崩溃

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

现在停止滥用useMemo吧!

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

停止使用 Git Rebase

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

Tailwind Classes 我希望早点知道的

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

8 种现代 JavaScript 响应式模式

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

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

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

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

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

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

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

localhost 和 127.0.0.1 有什么区别?

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

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

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

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

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

我们忘记了前端基础知识

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

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

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

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

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

Signal 即将成为JavaScript的一部分

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