前端全栈开发者

前端开发,全栈开发、大前端技术、程序员成长精进

  • 博客(287)
  • 资源 (14)
  • 问答 (1)
  • 收藏
  • 关注

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

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

2023-12-21 15:26:42 113

原创 第1章 什么是 Micro SaaS?

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

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

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

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

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

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

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

2024-04-23 19:29:10 338 1

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

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

2024-04-19 02:10:06 903 1

原创 推荐一个非常好用的产品:亮数据,轻松玩转数据获取!

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

2024-04-15 16:31:42 241

原创 Dart 中 JS 互操作的历史

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

2024-04-11 15:40:19 1004

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

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

2024-04-07 17:32:36 249

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

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

2024-04-03 21:19:52 989

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

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

2024-03-30 23:37:38 320

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

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

2024-03-30 15:50:16 716

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

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

2024-03-27 15:59:56 636

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

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

2024-03-25 22:10:48 764

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

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

2024-03-20 16:50:10 857

原创 使用 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 1452

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

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

2024-03-11 22:09:52 401

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

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

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

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

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

2024-03-03 21:15:52 570

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

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

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

翻译 关于 Next.js 你不知道的事情

NextJS 14 不仅仅是一次更新,它是对开发人员体验和速度的重新关注。总体而言,NextJS 14 承诺为 React 开发人员带来更快、更愉快的开发之旅。无论您是重新开始还是升级现有项目,它都绝对值得一试。今天我将向您介绍一些大多数开发人员不知道的 NextJS 概念,您可以使用它们来优化您的应用程序并改善开发人员体验。

2024-02-20 19:42:37 59

原创 2024 年十大 Vue.js UI 库

Vue.js 是一个流行的 JavaScript 框架,它在前端开发者中越来越受欢迎,以其简单、灵活和易用性而闻名。Vue.js 如此受欢迎的原因之一是它拥有庞大的 UI 库生态系统。这些库为开发人员提供了预构建的组件和工具,帮助他们快速高效地构建漂亮且响应性强的用户界面。所以,让我们来看看 2024 年排名前 10 的 Vue.js UI 库,以确保您的开发生产力尽可能高!

2024-02-05 15:11:09 1809

翻译 Flutter 和 Dart 软件包生态系统的进展情况

Flutter 和 Dart 包生态系统仍然是开发人员从单一代码库为任何屏幕构建漂亮、高性能应用程序的关键驱动因素。2023年,该生态系统从1月份的3.8万个包增长到12月底的4.8万个包,增长了26%。截至 2024 年 1 月,Pub.dev 每月活跃用户超过 700,000 人。Flutter 团队仍然热衷于并致力于支持这种增长,并使开发人员能够使用 Flutter 和 Dart 构建并为 Flutter 和 Dart 做出贡献。

2024-02-03 15:40:05 76

原创 VueFire:一个一流的 Vue 和 Firebase 体验,包括对 Nuxt 的支持,现在已经稳定了

一个一流的 Vue 和 Firebase 体验 — 包括对 Nuxt 的支持,现在已经稳定了。Vue 和 Firebase 现在比以往任何时候都更好了。

2024-01-31 19:26:48 1011

原创 Flutter 高级动画技术综合指南

在动画领域,Flutter 提供了一系列功能,包括基于物理的动画,可以模拟真实世界的动态,在应用程序中创建更逼真和自然的运动。本文将深入研究 Flutter 动画,探索各种类型,并演示如何在项目中实现它们。Flutter 的动画系统围绕着一个“Animation 对象”的概念,这个对象的值会随着时间而变化,这个变化由一个“AnimationController”来控制,它定义了动画的持续时间、方向和其他参数,要设置一个动画,这两个元素必须连接起来。

2024-01-29 19:54:10 1361 1

原创 Flutter中状态管理选项的比较:利弊探索

Flutter 应用程序开发的一个关键方面是管理状态,这确保了整个应用程序的数据一致性和更新。然而,Flutter 提供了多种状态管理解决方案,每种解决方案都有自己的优缺点。在这篇博客中,我们将探讨 Flutter 中一些流行的状态管理选项,并讨论它们的优缺点。

2024-01-24 15:05:06 701

原创 fsx 简介:适用于 JavaScript 的现代文件系统 API

我们今天拥有的 JavaScript API 比十年前要好得多。考虑一下从到fetch()的转变:开发者体验显著改善,允许我们编写更简洁、功能性更强的代码来完成同样的事情。异步编程的 promises 的引入允许了这种变化,以及一系列其他变化,使得 JavaScript 更容易编写。然而,有一个领域几乎没有创新:服务器端 JavaScript 运行时的文件系统 API。

2024-01-24 15:02:03 571

原创 如何优雅的发布一个 TypeScript 软件包?

向 NPM 发布软件包本身并不是一个特别困难的挑战。但是,配置你的 TypeScript 项目以取得成功可能是一个挑战。你的软件包能在大多数项目上运行吗?用户能否使用类型提示和自动完成功能?它能与 ES Modules (ESM) 和 CommonJS (CJS) 风格的导入一起使用吗?阅读完本篇文章后,你将了解如何使你的 TypeScript 包在任何(或大多数)JavaScript 和 TypeScript 项目中更易于访问和使用,包括浏览器支持!

2024-01-22 21:27:45 909

原创 DOMPurify:一个只针对 DOM 的、超快的、宽容的 HTML XSS清理工具

是一个只针对 DOM 的、超快的、超容忍的 HTML、MathML 和 SVG 跨站脚本清理器。DOMPurify 于 2014 年 2 月发布,目前已经达到 v3.0.8 版本。DOMPurify 是用 JavaScript 编写的,在所有现代浏览器(Safari(10 ),Opera(15 ),Edge,Firefox 和 Chrome - 以及几乎所有使用 Blink,Gecko 或 WebKit 的浏览器)上都可以运行,它不会在 MSIE 或其他旧版浏览器上崩溃。

2024-01-21 15:41:19 965

原创 2024 年 Vue.js 会发生什么

就像前端开发世界的其他部分一样,Vue 世界发展得很快。在这篇文章中,我想了解一下 Vue 的现状,并分享我对 2024 年发展趋势的预测。

2024-01-20 14:44:42 1382

原创 2023 年顶级前端工具

在过去的 12 个月里,我在我的时事通讯中分享了数百种工具。我为前端和全栈开发人员提供了大量实用的库、帮助程序和其他有用的东西。这些工具涵盖许多类别,包括 JavaScript 库和实用程序、Web 框架、CSS 生成器、数据库工具、React 组件、CLI 工具,甚至 ChatGPT 和基于 AI 的工具,后者是我在过去一年中开始定期介绍的工具。本文中的 60 个工具是我的时事通讯中 2023 年点击次数最多的 Web 开发人员工具。

2024-01-18 16:37:59 1134

原创 htmx 只是另一个 JavaScript 框架吗?老外都吵上了

对 htmx 最常见的批评之一通常来自第一次听说它的人,如下所示:你抱怨现代前端框架的复杂性,但你的解决方案只是另一个复杂的前端框架。这是一个很好的反对意见!对于你引入到项目中的任何第三方 (3P) 代码,你都有权提出疑问。即使你没有亲自编写 3P 代码,但只要将其纳入项目,你就必须了解它–如果你想升级它,就必须重新了解它。让我们将这些批评分解成其组成部分,并确定htmx在其声称要解决的伤害中到底有多少沉迷其中。

2024-01-15 14:03:15 502

原创 如何在 Flutter 中使用 Tree Shaking 功能优化应用程序的性能

Tree Shaking 是一种消除死代码的过程,可帮助您删除应用程序中未使用或多余的代码。它对于 Flutter 等基于 JavaScript 的框架尤为重要,因为在这些框架中,优化捆绑包大小和运行时性能是重中之重。在 Flutter 中,Dart 编译器采用 Tree Shaking 来删除构建过程中任何未使用的代码、库或类,从而生成更紧凑、更高效的最终包。Tree Shaking 可确保应用程序中仅包含代码的必要部分,从而减小其大小并提高性能。

2024-01-11 15:03:40 1005

原创 在 Flutter 中创建圆角图像和圆形图像有多少种方法?

使用ContainerClipRRectCard和实现具有视觉吸引力的图像效果。在 Flutter 应用 UI 设计中,圆形图像是常见的视觉元素。本博客探讨了使用不同技术实现圆形图像效果的各种方法。无论是使用网络图像、本地文件还是资源,这些方法都可以灵活地创建圆形和圆角形状。

2024-01-09 15:14:39 756

原创 Rough.js:创建手绘、草图外观的图形

是一个小型的(

2024-01-07 16:46:33 502

翻译 2024 年提高软件开发生产力的 10 个最佳 AI 工具

到 2023 年,人工智能已在多个行业得到广泛采用。到 2024 年,软件开发行业可以从人工智能中受益匪浅。可以在整个 SDLC 中利用人工智能来提高整体软件交付效率。因此,本文探讨了软件开发可以采用的 10 个最佳 AI 工具,以显著提高他们的开发生产力。

2024-01-02 15:33:10 330

原创 2024 年 17 个提高生产力的 Chrome 扩展,你用了几个呢?

在快节奏的数字工作流程世界中,拥有触手可及的正确工具可以发挥重要作用。有人问我浏览时会用什么扩展,所以我决定编写一个列表,列出我最喜欢的一些扩展,它们对我的工作流程的生产力贡献最大。无论你是开发人员、设计师还是热衷于多任务处理的人,这些扩展都可能改善你的体验。我提供了直接链接、描述和视觉效果,以便您可以立即获得每个扩展的初步印象。希望这些对您有用!

2023-12-29 16:50:59 968

原创 date-fns v3 发布——这个由 200 个函数组成的 JavaScript 日期处理套件

经过几个月的开发,v3 终于出来了!对于大多数开发人员来说,升级不需要做任何改动。对某些人来说,升级也是轻而易举的事。

2023-12-24 15:21:09 157

原创 前端扫盲:什么是API网关?为什么它有用?

API 通常被称为应用程序从后端服务访问数据和业务逻辑的前门。API 本质上是一个软件向其他人或程序提供的接口,允许他们与该软件进行交互。在创建 API 时,需要选择编程语言(Java、Python、PHP 等)来编写 API 逻辑,还需要将 API 部署到服务器上,并监控 API,以确保基础设施有足够的能力处理大量请求。API网关将这些步骤抽象出来,你不需要编写太多代码,也不用担心管理底层基础设施,你只需要创建客户端可以发送请求的API端点。

2023-12-23 15:03:50 200

原创 NativePHP:使用 PHP 构建桌面应用程序

PHP 在我心中占据着特殊的位置。它是我的第一份工作,我记得我在家里花了无数个小时做一些小项目。我非常想用 PHP 创建桌面应用程序,但我从来没有做到过。,我可以了。NativePHP 追随 Slack、Discord 和 Trello 等流行应用程序的脚步,将您的 PHP 应用程序包装在 Electro 中。它允许后端逻辑在 PHP 上运行,而 UI 则使用 HTML、CSS 和任何 JavaScript 框架构建。

2023-12-22 17:38:37 334

原创 如何优雅地观察 Vue.js 3 中 localStorage 的变化?

原生 localStorage 只能监听同源跨不同页面的变化。然而,对于单页面应用程序来说,这种方式并不实用。因此,我打算创建一个自定义钩子来监视 localStorage 中的变化。我们需要重写 localStorage 下的所有方法,以便无论何时使用它们都可以被观察到。emit 事件接口,我们可以使用 mitt 或 tiny-emitter 等第三方库来实现此功能。好了,这就是全部了。不过,我打算使用自己实现的中介模式作为通信方法。第三,我实现了 useStorage 钩子。由于 Vue 3 删除了。

2023-12-14 16:32:33 174

用于辩论赛的微信小程序Demo,拿过去美化一下改改就能变成商业作品了

用于辩论赛的微信小程序Demo,拿过去美化一下改改就能变成商业作品了,项目不交简单,也可以下载下来参考学习

2023-10-16

信息资源管理02378-名词解析汇总-自学考试-计算机信息管理专业本科段

信息资源管理02378涉及的重要名词解析,分章节汇总,适合集中复习

2022-03-28

信息资源管理02378-复习备考宝典

自考计算机信息管理专业,信息资源管理02378-备考讲义

2022-02-09

自考《计算机网络原理04741》简答填空综合题汇总.pdf

自考《计算机网络原理04741》简答填空综合题汇总

2021-10-31

自考《计算机网络原理04741》复习备考通关宝典.pdf

基于《计算机网络原理》04741科目2018版新教材编写,参考考试大纲,汇总可能考的简答题和综合题,可以当做练习和典型题目学习

2021-10-31

自考《计算机网络原理04741》填空版记忆精华.pdf

基于《计算机网络原理》04741科目2018版新教材编写,把知识以填空的形式展现,不但可以训练填空题,也可以帮助记忆知识点

2021-09-16

信息系统开发与管理通关宝典(讲义)04757 自考.pdf

信息系统开发与管理通关宝典(讲义),课程代码:04757,自考计算机信息管理专业

2021-08-17

头条号入门知识手册,从开通头条号到商业变现.pdf

头条号入门知识手册,从开通头条号到商业变现

2021-08-13

李开复给中国学生的七封信.pdf

精编,可打印成册。李开复老师,在微软、在谷歌,工作、事业取得辉煌成就时,回国后,一直关注着中国大学生的成长,并能够无私的将自己的经验分享,值得尊敬。下面专门整理汇总了李开复给大学生的七封信,方便大家阅读,相信会给大家学习、成长上有所帮助的。

2021-08-13

云计算技术集锦.pdf

本集锦从云计算的历史讲起,补充Linux、计算机网络等知识;并针对云计算的各种知识,穿插进各类阿里云产品的使用;在每一个阶段,提供了实战指引,展示不同规模的企业上云方式;最后在夯实基础的条件下,进入分布式计算这一前沿方向。

2020-04-18

基于jQuery Masonry的瀑布流模型

Masonry是制作瀑布流模型的一个比较好的jQuery组件,简单快速搭建你的瀑布流模型,大概四五代码就搞定。有Dome

2012-11-06

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除