在React Native中构建启动屏

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

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

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

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

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

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

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

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

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

React Native 导航:示例教程

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

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

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

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

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

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

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

让你开发更舒适的 Tailwind 技巧

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

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

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

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

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

使用 Pinia 的五个技巧

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

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

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

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

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

干净的前端架构

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

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

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

CSS @scope 如何取代 BEM

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

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

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

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

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

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

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

2023年WebAssembly 现状

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

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

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

Tailwind CSS vs 现代CSS,Tailwind CSS 会像CSS-in-JS 一样亡?

2023-11-02
阅读 3 分钟
370
本文是 关于Tailwind CSS 与 现代 CSS之间比较的文章。文章中作者详细比较了这两种CSS开发方法的优缺点。他指出,Tailwind CSS是一种基于类的CSS框架,提供了快速开发网站的便利性,但可能导致HTML代码的臃肿。另一方面,现代CSS方法更加模块化和可维护,但编写速度可能较慢。

我们可以依靠HTTPS来保证我们的安全吗

2023-11-02
阅读 2 分钟
370
正如我们的大部分技术社区都同意的那样,数字安全严重依赖于我们经常认为理所当然的缩写词。HTTPS是其中一个缩写词,它为你的网络浏览增加了额外的安全层。

Lodash 真的死了吗?Lodash 5 在哪里?

2023-11-01
阅读 2 分钟
566
它也是一个像 Moment.js那样被捕获得措手不及的库。由于没有模块化,它从一些项目中被丢弃,因为当你加载5MB的分析工具时,每多1kB的负担都太大了。

JavaScript模式匹配的未来

2023-10-31
阅读 2 分钟
407
今天,揭开一个令人兴奋的功能的面纱,这个功能通常在 Elixir 这样的函数式编程语言中看到,现在被提议用于 JavaScript ——模式匹配。

Vue 3.3.6 发布了,得益于WeakMap,它更快了

2023-10-27
阅读 4 分钟
440
性能改进和DOM节点的附加属性的类型检查使新的Vue值得更新。Vue团队确实做了很多工作。实际上,他们在同一天发布了两个子版本。Vue 3.3.5 和 3.3.6 都在2023年10月20日发布。

如何 通过使用优先级提示,来控制所有网页资源加载顺序

2023-10-26
阅读 6 分钟
429
由于有太多的活动,有效地管理这些流量的优先级变得至关重要。带宽争用是真实存在的,当所有请求同时触发时,有些HTTP请求的优先级并不像其他请求那样高。例如,如果你必须选择,你可能更希望某人的付款请求成功完成,而不是仅仅表示他们尝试过的分析请求。而让你的主要图片尽快显示无疑比在页面底部渲染你的标志更为重要。

让图片完美适应:掌握 CSS 的object-fit与object-position

2023-10-25
阅读 6 分钟
428
在CSS中,我们可以使用 background-size 和background-position属性为背景图像设置大小和位置。而 object-fit 和 object-position 属性则允许我们对嵌入的图像(以及其他替代元素,如视频)做类似的操作。在本文中,我们将深入探讨如何使用 object-fit 将图像适应到特定的空间中,以及如何使用 object-position 在该空间...