独立开发者张张-优快云博客

原创如何为开源项目做出贡献——你应该知道的非技术性的事情

GitHub 上的标签是传递问题或 pull request 类型或状态信息的标签。是项目所有者和维护者认为适合初学者使用的标签。我曾经创建了一个关于链接断裂的问题，我解释了这个错误以及贡献者必须采取的解决步骤。我还提到这个问题是新手友好的，所以我们想把它留给那些希望为项目做出贡献的新手。在通过维护者的审查后，这个问题被标记为。可悲的是，那些故意挑起这个 issue 的人并不是新手。如果您已有一定的经验，请考虑离开此标签。该标签适用于开源或项目所用技术的初学者。

2023-12-21 15:26:42 350

原创第1章什么是 Micro SaaS？

就我而言，我能够启动我的 Micro SaaS 应用程序作为副业，最终在我扩大规模后，我能够辞掉朝九晚五的蹩脚工作，过上 Micro SaaS 自由的生活！关于浏览器扩展的最后一点 - 作为 W3C 社区于 2015 年创建的浏览器扩展 API 标准化计划的结果，您可以在主要浏览器之间移植您的扩展/附加组件，而无需重新编写您的应用程序。在经历了构建应用程序的旅程，直到我可以辞去日常工作，然后扩展和销售它们时，我觉得我处于一个很好的位置，可以与世界各地的软件开发人员分享我的知识。

2023-10-07 00:13:25 669 1

原创突破内卷！写业务代码中的成长机会

写业务代码有成长机会吗？关于这个问题，答案非常肯定：必须有成长机会。对于大部分公司而言，能够写底层代码或者中间件代码的人总是有限的，写业务代码会面临更高的复杂度。这里分三个层次来看其中的成长机会。第 1 个层次，让代码写得不一样。可从代码规范、可读性、可扩展性等角度着手，这也是程序员的基本功。第 2 个层次，考虑业务问题和技术问题的匹配。可从写业务代码中理解需求，- 并做好分析与设计。被动接...

2020-03-20 09:50:43 791 2

原创为什么你的下一个项目应该使用 NextJS 而不是 React？

服务器端渲染（SSR）是服务器在每次请求时生成网页完整 HTML 内容的一种方法。这与客户端渲染（CSR）形成鲜明对比，后者是由浏览器获取最小的 HTML 文档，然后由 JavaScript 来动态渲染内容。可以把 SSR 想象成服务器是一位尽心尽力的大厨，在美食上桌前精心准备，而 CSR 就像一位家庭厨师，需要在厨房里把饭菜一件件组装起来。

2024-09-18 20:55:45 1441

原创 Flutter 中的低功耗蓝牙概述

希望本文能对您编写蓝牙低功耗 Flutter 应用程序有所帮助。蓝牙低功耗技术成本低、易于部署，而且可与基于互联网的应用程序连接，对延长消费电子产品的电池寿命有积极影响，因此绝对值得使用。

2024-09-07 22:06:05 1483

翻译关于 Flutter 中 Mounted 属性您需要了解的一切

Mounted 属性是 Flutter 框架在 State 类中提供的布尔标志。它指示状态对象当前是否在小部件树中。创建 State 对象之后、调用 initState 之前，框架通过将 State 对象与 BuildContext 关联来“mounted”该对象。State 对象保持挂载状态，直到框架调用 dispose，之后框架将不再要求 State 对象再次构建。换句话说，当一个 widget 从 widget 树中删除时，其关联的状态对象也被删除，并且 mounted 属性被设置为 false。

2024-08-29 21:50:07 508

原创 2024 年 GitHub 上的十大 Flutter 仓库

根据 2022 年 StackOverflow 调查显示，Flutter 是最受欢迎的跨平台工具之一。自发布以来的 16 个月内，已有超过 200 万开发者采用了 Flutter。在本博客中，我们将浏览 GitHub 上可用的顶级 Flutter 存储库。除了每个存储库之外，还提供了对其优缺点的深入了解以及 GitHub 链接，可帮助您了解它们如何在应用程序开发领域使您受益。

2024-08-27 21:20:33 1021

原创 2024 年顶级 Flutter UI 框架和库

2024-08-25 22:22:01 6972

翻译 Lua：只有少数程序员知道的最简单、功能齐全的语言

创建一种简单易学的解释型编程语言并非难事。我们只需根据简单的语言规范，使用任何喜欢的编程语言编写一个解析器和语句运行程序。为了提高性能，我们可以使用基于字节码的执行系统，而不是像 Bash 解释器那样直接执行解析后的源代码。任何人都可以创造出简单易学的语言，但每一种易学的语言都不会成为有用的通用语言。例如，创建一种只支持基本算术运算的简单脚本语言，并不会成为一种人人都能用来编程的有用语言。大多数开发人员认为 Python、Ruby 和 JavaScript 是易于学习、简单且有用的语言。

2024-07-30 20:43:20 380

翻译如何在 Flutter 中实现 2D 可滚动 TableView，探索 Flutter 中的二维可滚动项

Flutter 的预构建 widget 具有出色的性能，仅当子视图位于视图中时才延迟渲染子视图，从而提高了性能，但 Flutter 发布了一个新包来实现在垂直轴和水平轴上滚动的 TableView。在本教程中，我们将探索这个包来实现一个非常简单的 Tableview，并了解如何自定义它。您可以在这里找到完整的源代码。

2024-07-14 20:51:40 503

翻译 NuxtHub 测试版发布，一种以零配置在全球范围内构建全栈 Nuxt 应用程序的新方法

翻译自：https://hub.nuxt.com/blog/beta我们很高兴地宣布 NuxtHub 的测试版发布，这是一种以零配置在全球范围内构建全栈 Nuxt 应用程序的新方法。3 个月内拥有超过 700 名 alpha 测试人员和 3,000 个项目部署，我们很高兴地宣布 NuxtHub 现已进入公开测试阶段 ✨NuxtHub 是的扩展，可帮助您在 Cloudflare 帐户上以零配置构建全栈应用程序。

2024-07-05 21:12:44 265

原创 CSS属性选择器具有不区分大小写的模式

今天，我偶然发现了 caniuse.com 项目的一期，其中提到了新的和即将推出的 CSS Level 4 选择器。

2024-06-21 22:01:15 454

原创了解并解决 Flutter 中的灰屏问题

为了显示更用户友好的消息而不是灰屏，我们将策略性地在main函数中放置一行代码。该行充当预防措施，确保每当发生未处理的异常时都会显示自定义错误屏幕。

2024-06-15 23:34:11 1514

原创在 Flutter 中正确处理文本缩放

本教程的结构首先介绍最简单且最有影响力的解决方案。后面的部分涵盖了较难实施且总体影响较小的解决方案，但它们对于解决特定情况很有用。

2024-06-07 20:45:23 881

原创我们如何利用 0 美元营销将 UX/UI 产品发展到 320k 用户

嘿 👋我是 Paul，的联合创始人。现在，我们是一个由7人（+少数兼职成员）组成的团队，试图将产品扩展到$ 1M + ARR。希望这些对您有所帮助，并祝您未来的产品好运！我决定与大家分享对我们有用的 12 个成长渠道，它们也会对你的成长之路有所帮助。

2024-06-05 20:40:17 846 3

原创每个前端开发人员都应该了解的软件工程原理

作为前端开发人员，我们常常专注于创建漂亮的用户界面。然而，我们必须牢记，美也在于内在，完美像素的方法也应转化为我们的代码组织和结构。在本文中，我们将探讨一些基本的软件工程原则，每个前端开发人员都应该了解并在自己的项目中应用这些原则。

2024-05-30 12:12:31 814

原创告别 Dart 中的 Future.wait([])

zipWith 扩展方法允许您将两个future的结果组合成一个类型化元组，从而无需手动转换。在此示例中，我们将合并两个future的结果：一个解析为字符串 “andrew”，另一个解析为整数 1984。该zipWith方法返回一个元组，(T, T2)其中T是第一个未来的类型，T2是第二个未来的类型。但是等等，还有更多！您甚至可以链接多个zipWith调用来组合三个或更多future// ...在此示例中，我们将三个 futures 组合在一起，从而生成一个嵌套元组。

2024-05-25 22:09:11 642 1

原创 innerHTML 的新替代方案

浏览器支持说明：所有浏览器都支持。setHTML仍在标准化中，仅在 Firefox 中可用。自版本 125 起在 Chrome 和 Edge 中受支持。浏览器最近实施了一种新的方法。这里的Unsafe意味着，就像innerHTML一样，它不执行输入清理。这种命名方式与以前的浏览器 API 并不一致：我们有innerHTML，但没有；有eval()，但没有，等等。但与老方法不同的是，它既有安全版本（setHTML），也有不安全版本（）–这就是命名的由来。

2024-05-22 22:44:58 1028 1

原创我用 Flutter、React Native 和 Ionic 构建了相同的应用程序

在开始寻找最佳的跨平台移动开发框架的过程中，Flutter、React Native 和 Ionic 是让我印象深刻的。这三款产品很有吸引力，因为它们承诺在为多个平台使用单一代码库的同时提供良好的性能。为了开始冒险进入这个新世界，我创建了三个版本的移动应用程序，这些应用程序使用 API 并在屏幕上显示基本数据。这个想法很简单：构建一个应用程序，显示一个随机国家的详细信息。我以前在 Python 中做过类似的项目。让我们先深入了解一下我使用 Flutter 构建移动应用程序的经验。

2024-05-16 16:11:04 731 1

原创在 CSS 中使用 text-emphasis 来增强文本的趣味性

您可以更改颜色、大小、字体，甚至添加阴影和轮廓等效果。但最近，我了解到一个我以前没有听说过的时尚 CSS 属性，它非常棒！属性是一种有趣的方式，可以增加对文本的强调，并可用于为您的设计增添趣味。大多数现代浏览器都支持它，因此您可以立即开始使用它来使您的文本脱颖而出！属性组合的简称，可以为文本添加强调标记。这些标记可用于以各种方式突出显示文本，例如在文本上方或下方添加点、圆、双圆或文本。您甚至可以使用表情符号来强调文本。您也可以使用字母来强调文本。这将在文本顶部添加一个点，如下所示。

2024-05-14 18:04:32 583

原创 Appwrite 1.5 已在云端发布 - 四月产品更新

作为1.5版本的一部分，Appwrite在Init期间发布了许多新产品和功能。虽然新的Appwrite产品和功能已经可以在自托管平台上使用，但还没有发布到云平台上。今天，我们很高兴地宣布，Appwrite 1.5云版本终于发布了，等待终于结束了

2024-05-11 18:35:40 1058

原创为什么 Cloudflare 是 2024 年 Vercel 的最佳替代品？生态系统和价格比较

本文探讨了 Vercel 的功能，并与 Cloudflare 生态系统中的类似产品进行了比较。从托管到存储，我们将看到为什么 Cloudflare 可以在 2024 年成为 Vercel 的最佳替代品

2024-05-10 15:57:33 1163

原创为 Flutter 应用设置主题：ThemeData 和 ColorScheme 指南

在媒体和其他来源中有许多关于这个主题的文章，那么这篇文章的必要性是什么？在本文中，我计划仅关注ThemeData小部件的关键点以及我的开发经验中最常用的参数，并且您将获得有关每个参数如何对您的应用程序执行操作的简要说明。你好奇吗？继续阅读🤗。

2024-05-08 17:14:50 3344

原创 Flutter 从 Assets 中读取 JSON 文件：指南 [2024]

在本教程中，我们将探讨如何从 Flutter 项目中的 asset 中读取 JSON 文件。您将找到详细的解释、实际示例和最佳实践，使您的 JSON 文件处理顺利高效。那么，让我们深入了解 Flutter 和 JSON 的世界吧！

2024-04-26 15:59:59 1015 3

原创如何在 Flutter 中制作多种颜色的 TextField

原文：https://medium.com/akvelon/how-to-make-textfield-in-multiple-colors-in-flutter-c317ae0efafe。你可以进行更复杂的处理。类是实现各种自定义功能的大门。widget 本身并不施加任何样式。对象中，这就是通常应用颜色的方式。我们首先导入为另一个项目制作的。对象，即一段带有样式的文本。，默认实现只是将其放入。如果您有兴趣，请查看这里。要重载该方法，请子类化。请参阅此处的完整代码。请参阅此处的完整代码。

2024-04-23 19:29:10 899 3

原创如何使用 Node.js 发送电子邮件全解和相关工具推荐

是的，您可以使用自定义的 SMTP 服务器发送电子邮件。您需要在传输器选项中提供 SMTP 服务器的主机、端口和身份验证详细信息。

2024-04-19 02:10:06 2394

原创推荐一个非常好用的产品：亮数据，轻松玩转数据获取！

通过编写一个简单的Python脚本，我测试了亮数据平台的IP归属地和数量，结果显示，每次请求的IP都是不同的，且归属地随机分布，这有效地保护了我的隐私。在实际使用亮数据平台的过程中，我对其稳定性、延迟性和匿名性进行了深入的测试，在进行在线ping值测试时，即使在高频率的请求下，亮数据平台的延迟始终保持在3秒以内，这让我对它的稳定性印象深刻。为了进一步验证亮数据平台的实力，我进行了一个实战演练，爬取电商网站数据用于市场分析，通过亮数据浏览器，我轻松地设置了爬虫任务，并在几分钟内获取了大量有价值的数据。

2024-04-15 16:31:42 335

原创 Dart 中 JS 互操作的历史

这引发了 JS Types 的工作，以在编程模型中明确定义 Dart 和 JS 的边界，并找到在 Wasm 和 JS 编译目标中使用 JS 的一致方法。2023 年，当我们在 Dart 3.0 中放弃了不健全的空安全性时，我们终于看到了我们所取得的进步，我们的设计和 @staticInterop 的工作清楚地表明，我们已经准备好解决长期存在的健全性差距。了解我们的过去，我们确信这不是旅程的终点，而是我们历史上令人兴奋的时刻。这意味着我们的互操作性是我们原本健全的语言中不健全的根源。

2024-04-11 15:40:19 1267

原创 Flutter Keys：你的终极指南，让 widget 世界更快乐

我们将讨论 UniqueKey、ValueKey、ObjectKey、PageStorageKey 和 GlobalKey — 所有这些很棒的 Key 类型都可以提升您的 Flutter 水平！

2024-04-07 17:32:36 459

原创如何打造一个好的(Vue)组件库？这里有一个清单

你是否考虑过在 Vue.js 或其他框架中构建组件库，或者你需要它来构建可重用的设计系统，以减少投入市场的时间并提供视觉一致性，或者你想为社区贡献另一个组件库。你可能想立即投入进去并开始编码，但是首先你必须退后一步，问问自己：“是什么构成了一个好的组件库？让我们在这篇文章中回答这个问题，给你一个我们认为是必要考虑的项目清单。

2024-04-03 21:19:52 1059

原创为什么 Vite 是最好的？探索 Vite 的高级功能

Vite 是一个现代的前端构建工具，它以其速度和简洁性在 Web 开发社区中备受关注。但是，是什么让 Vite 成为您下一个项目的最佳选择呢？让我们深入研究它的高级特性，以更好地理解它为什么会脱颖而出。

2024-03-30 23:37:38 412

原创如何简化多个 if 的判断结构

三元运算符与if/else并没有革命性的区别，因为它们都是条件操作，但三元运算符会返回一个值，因此可以直接用于赋值。// 'yep'基本模式只是一个条件，如果为真则返回一个值，如果为假则返回另一个值。

2024-03-30 15:50:16 883

原创小技巧｜如何向文本添加渐变效果和图案

在这个快速技巧中，我们将展示向网页上的文本添加渐变效果和图案是多么容易。我们实现此目的的方法是使文本透明，通过属性在文本上放置背景装饰，并使用将该背景装饰剪切到文本字符。我们可以创建的一些示例如下图所示。

2024-03-27 15:59:56 776

原创实战｜使用 Node.js 和 htmx 构建全栈应用程序

在本教程中，我将演示如何使用 Node 作为后端和 htmx 作为前端来构建功能齐全的 CRUD 应用程序。这将演示 htmx 如何集成到全栈应用程序中，使您能够评估其有效性并确定它是否是您未来项目的不错选择。htmx 是一个现代 JavaScript 库，旨在通过实现部分 HTML 更新来增强Web应用，而无需重新加载整个页面。与传统前端框架中的 JSON 有效载荷不同，它通过有线方式发送 HTML 来实现这一功能。

2024-03-25 22:10:48 1600

原创 Flutter 3.13 之后如何监听 App 生命周期事件

在 Flutter 中，您可以监听多个生命周期事件来处理应用程序的不同状态，但今天我们将讨论事件。每当应用程序的生命周期状态发生变化时，就会触发此事件。可能的状态有resumedinactivepauseddetached和hidden。您可以使用mixin 监听此事件。resumedinactivepauseddetachedhidden通过在有状态小部件中实现这些生命周期状态，您可以响应不同的事件并相应地管理应用程序的状态。

2024-03-20 16:50:10 1803 2

原创使用 GitHub Actions 通过 CI/CD 简化 Flutter 应用程序开发

在 main.yml 文件中，定义您的工作流程。这是我在我的用例中使用的一个示例。on:branches:- devjobs:build:steps:with:with:with:在本示例中，工作流是在向dev分支提出 pull_request 时触发的。您可以根据需要在任何 github action（如推送等）上运行此工作流。检查存储库代码。使用安装依赖项。使用运行测试（如果您已定义任何测试）。使用构建 APK。使用上传工件将开发好的 apk 上传到工件。

2024-03-17 19:44:45 1647

原创使用 Array.prototype.with 更新不可变数组

使用本文介绍的四种方法之一可以在 JavaScript 中更轻松地实现不可变更新

2024-03-11 22:09:52 474

原创在 Flutter 中使用 flutter_gen 简化图像资产管理

你是否厌倦了在 Flutter 项目中手动管理图像资产的繁琐任务？告别手工输入资源路径的痛苦，欢迎使用“Flutter Gen”高效资源管理的时代。在本文中，我将带您从手动处理图像资源的挫折到动态生成它们的便利。

2024-03-05 17:32:40 1465 1

原创 Vue3：使用 Composition API 不需要 Pinia

一个引人注目的替代方案是利用 Composition API 将数据和业务逻辑封装在自定义 hooks 中。这些钩子（以useStore函数为例）成为状态定义、更新和特定业务逻辑的中心。反过来，组件只需要与这些钩子公开的状态和方法进行交互，从而抽象出内部的复杂性。// 使用 Composition API 自定义 hook// 在 useStore 函数外部定义 count 变量});

2024-03-03 21:15:52 719

原创 Flutter 中 Gap 和 SizedBox 的比较与区别

在 Flutter 中，两个小部件在控制应用设计布局尺寸和空间方面起着至关重要的作用，它们是 SizedBox 和 Gap 小部件。在 Flutter 中构建响应式布局时，间距和大小很重要。框架提供了一些简单但功能强大的小部件来控制间距和大小，SizedBox 和 Gap。让我们来了解一下 SizedBox 和 Gap。

2024-02-23 20:13:24 1619 1