![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
web
文章平均质量分 85
产品大道
开发的不仅仅是程序
展开
-
SvelteKit 1.0 - 建立个人博客,显示您的 DEV 帖子
Svelte 很快就成为最受欢迎的 Web 框架[SO Survey]的头把交椅,随着最近发布的 SvelteKit 1.0,随着越来越多的项目采用它,您应该会看到对 Svelte + SvelteKit 开发人员的需求增加。SvelteKit 之于 Svelte,有点像 Next.js 之于 React——它处理路由、布局、服务器端渲染、部署,并使开发高质量的网络应用程序更快、更容易、更有趣。但为什么是 SvekteKit?... 你会看到的!原创 2023-03-07 09:05:02 · 603 阅读 · 0 评论 -
让开发人员偷懒的正则表达式
解析器的第一个版本是在 C# 后端编写的。- 用于从重复代码中删除模式,因此,如果您有一个具有某些条件的命名组“nameGroup”,您不能在模式中写入第二个组,但只需将此指令与一个正则表达式一起使用,该正则表达式仅指示之前描述的组的名称。在此示例中,您可以立即注意到 Regex 模块的第一个功能:条件模式将完全相同,您可以轻松地与使用另一种编程语言编写的团队共享您的代码。正则表达式只是想看起来很复杂,但实际上,它们提供的功能提供了很多机会,让您可以简化和加快从初级到高级/领导的每个人的工作。原创 2023-01-10 08:56:41 · 245 阅读 · 0 评论 -
想在2023 年成为前端 Web 开发人员的分步指南
当我开始成为一名前端开发人员时,这是我希望拥有的路线图我想出了这个路线图,它有助于实现成为全能开发人员的目标。让我们开始吧。谁是前端开发人员?好的,现在谁是后端开发人员?那么如何成为一名前端开发人员呢??发展你的技能HTMLCSSJavaScript创建投资组合/制作您的案例研究把自己放在那里你还需要做什么?求职资源结论。原创 2023-01-09 08:46:04 · 600 阅读 · 0 评论 -
立即放弃 TypeScript 的 17 个理由
打字稿徽标。TypeScript 由 Microsoft 开发和维护,也称为可扩展的 JavaScript,是一种面向对象的开源编程语言。它可以说是 JavaScript 的超集,恐怕我不同意,它包含额外的类型。你猜对了。完全没有区别。因此,TypeScript 是一种静态而非强编译的编程语言,用于编写清晰简洁的 JavaScript 代码。它实现与 JavaScript 相同的目的,可用于客户端和服务器端应用程序。原创 2023-01-06 08:43:51 · 4782 阅读 · 8 评论 -
每个开发人员都应该使用的可扩展和可维护的 React 项目结构
一个好的项目结构可以在理解代码库、灵活性和维护方面对项目的成功产生巨大影响。结构和维护不当的项目很快就会变成一团糟和可怕的遗产,没有人愿意与之共事。我现在将向您展示我在项目中经常使用的结构,并解释其背后的原因。这种结构应该是大规模应用程序的良好起点,您可以根据项目的需要对其进行扩展。这是我可以为大多数项目推荐的 src 结构:让我们从上到下覆盖文件夹。测试首先,我们有tests文件夹,其中将包含 React 应用程序的所有测试文件。我在我的大部分 CRA 应用程序中使用 Jest。原创 2023-01-04 13:52:32 · 267 阅读 · 1 评论 -
挺进2023 年的JavaScript 框架
这将继续成为新的一年的主题。好吧,任何关心页面加载性能以达到底线的地方,任何关心低端设备和网络的地方,以及可以说复杂性不合理的任何地方。我们认为我们理解的开销并不是我们想象的那样,最快的 WASM Rust 库已经缩小了与 JavaScript 在客户端渲染方面的差距。虽然不是每个人都在服务器组件上出售,但很难否认在保持 SPA UX 的同时交付的 JavaScript 比最小的 SPA 框架能够提供的少得多。在经历了大约 5 年的相对沉默之后,新的框架在过去一年左右出现了,这是有充分理由的。原创 2023-01-03 08:59:08 · 519 阅读 · 0 评论 -
2023 年软件开发人员可以学习的 10 个框架
假设您对人工智能、数据科学和机器学习感到好奇。使用 Flutter 的主要优点是您可以使用相同的代码库构建 iOS 和 Android 应用程序,这意味着您可以更快地发布,轻松修复错误,并且比为不同平台拥有单独的代码库更容易管理。如果您没有 Pluralsight 会员资格,我鼓励您获得一个,因为它允许您访问他们的 5000 多个在线课程,内容涉及所有最新主题,例如前端和后端开发、机器学习等。如果您学得很快并且可以学习当前需要的技术,那么您可以找到您正在寻找的工作和令人兴奋的工作。原创 2022-12-29 16:54:05 · 1448 阅读 · 0 评论 -
11个技巧让你成为更好的 Typescript 程序员
我们的目标是让您节省编写样板代码的时间,并专注于构建重要的东西——用户体验。Typescript 在进行类型推断时使用合理的默认行为,旨在简化常见情况下的代码编写(因此类型不需要显式注释)。对象类型是输入结构化数据的常用方式,但有时您可能需要更简洁的表示方式,而是使用简单的数组。虽然这句话通常是正确的,但随着您继续前进,您会发现该语言最不可思议的力量在于组合、推断和操纵类型。它是一个虚拟类型,因为它是两种类型的结合,没有任何重叠字段。在设计实用函数和类型时,您经常会觉得需要使用从给定类型参数中提取的类型。原创 2022-12-27 10:02:40 · 1174 阅读 · 1 评论 -
现代框架背后的概念
有些人可能需要解决他们的设计决策,这可能会使您的速度变慢,但无论如何您都应该能够获得可行的结果。如果你尝试一个新的框架,我发现最有帮助的事情之一就是连接到它的社区,无论是在社交媒体、discord、github 还是其他地方。它保留的计数是状态。不变性意味着如果一个对象的属性发生变化,整个对象引用必须改变,所以简单的引用比较可以很容易地检测到是否有变化,这就是协调器所做的。的反应层提供动力,是这一原则的延伸,超越了简单状态,但有人可能会争辩说,它对复杂性进行建模的能力是一整套瞄准你脚下的枪支。原创 2022-12-26 14:49:36 · 421 阅读 · 0 评论 -
用React做一个音乐播放器
缺少的项目是音乐播放器和视频播放器。您将学到很多东西,例如处理播放和暂停音频的音频。用户可以使用时间线更改音频的当前位置。我们每秒都在运行这个函数来改变音频的当前位置。我希望这个项目能帮助你理解在 React 中处理音乐的方法。您可以查看它以获得包含代码和输出的完整项目。今天,我们将在 React 中构建一个音乐播放器。它将为我们提供音频的当前位置。让我们看看我们正在使用的状态。您会看到对每个状态的解释的注释。让我们实现正在播放和暂停音频的播放器的强制性功能。完成该项目后,我们的音乐播放器将如下所示。原创 2022-12-21 18:29:26 · 2477 阅读 · 0 评论 -
在 React 中应用设计模式:策略模式
让我们再次问同样的问题:我们如何为新的国家/地区添加新的定价计划?因此,通过在我们的 React 代码库中检测代码异味——Shotgun Surgery,我们应用了一种设计模式——策略模式——来解决它。这篇文章是关于我们许多人在 React 和前端开发中遇到的一个问题(有时甚至没有意识到这是一个问题):在不同的组件、钩子、实用程序等中实现了一段逻辑。现在假设我们需要更改一个国家/地区的定价计划,或为另一个国家/地区添加新的定价计划。我们可以简单的理解为我们每个国家的定价方案都是一个策略。原创 2022-12-20 10:57:56 · 661 阅读 · 0 评论 -
开发人员的绝佳生产力工具
我有我的博客主题、阅读列表、编程马拉松参与和有趣的 Gumroad 电子书的模板。我使用 Trello 来管理我的客户博客项目,包括写作、草稿、发送和发布等部分。您还可以使用它来管理您的开发项目、添加功能等等。转换为 PDF,其他类别是您可以为 PDF 探索的类别。Habitica 是一款免费的习惯和生产力应用程序,它将您的现实生活当作游戏来对待。今天,我们将学习一些很棒的工具,它们可以提高您的工作效率。尝试将这些工具集成到您的工作流程中,以最大限度地提高您的工作效率。自定义概念以按照您的方式工作。原创 2022-12-13 13:59:44 · 471 阅读 · 0 评论 -
为什么在 2023 年只使用 console.log 是一个大禁忌
这将在控制台中输出字符串“hello”,然后是数字 1。然后它将在控制台中输出字符串“world”,然后是数字 1。顺便说一句,如果你想要更好的日志,你可能想要使用一个专门的日志库,它提供了更多的设置。如果函数在给定输入 2 和 3 时未返回预期结果 5,这将在控制台中输出一条错误消息。这将在控制台中创建一个嵌套的、可折叠的组,标题为“用户详细信息”。这将以分层格式输出对象的属性,允许您查看对象的结构及其所有属性和值。,这些方法和技巧将帮助您提高调试输出的质量和可读性,并使您更。原创 2022-12-12 08:46:22 · 292 阅读 · 0 评论 -
Node.js 动画:事件循环
幸运的是,由于 Libuv,Node.js 不会停止运行其他操作,Libuv 是一个 C++ 库,负责事件循环和异步处理网络请求、DNS 解析、文件系统操作、数据加密等任务。同时,我们了解了事件循环及其作为 I/O 事件队列中异步操作的回调和调用堆栈之间的桥梁/连接器的作用。将来,Node.js 将知道如何处理查询,因为我们已经将回调函数与处理任务结果或错误的指令相关联。事件循环、委托和异步处理机制是 Node.js 处理数千个连接、读/写巨大文件、处理计时器的秘密成分,同时处理我们代码的其他部分。原创 2022-12-09 14:11:58 · 647 阅读 · 0 评论 -
全栈开发者路线图
专注于Web开发的前端很容易,那么后端呢?了解后端可以提高您的前端技能。这里有一些用于全栈开发的资源,您可以保存以备后用。目录💻互联网如何工作🔚高级前端🖥操作系统📕语言🖲版本控制📓数据库概念📔关系数据库📗 NoSQL 数据库📨 API♻️缓存🔒安全性 🧪 CI/CD📙开发概念🏯软件架构🧊容器📬服务器可扩展性⚖️✨当你访问 google.com 时会发生什么?🎉网络简介💫浏览器网络🎊 IP 寻址⭐️ HTTP/2✨ HTML 和 CS原创 2022-12-07 08:49:45 · 471 阅读 · 0 评论 -
再见 Typescript,你好 Javascript 原生打字 ✨
打字。不管你喜欢它还是讨厌它,它都有很多优点:更好的 DX(通过智能感知自动完成)、更好的代码文档、更少的耗时错误。它的好处大大超过了它的成本,那么为什么有些人仍然避免使用它呢?一个词:打字稿。您必须对其进行设置并确保您的工具正常工作,这会给任何项目增加一层挫败感。那么,如果我告诉你原生类型可能会出现在 Javascript 中呢?圣诞节快到了,男孩,我有礼物给你🎅TC39 是负责 Javascript 规范的委员会——他们帮助维护和发展 JS 的定义。他们最近将类型注释提案移到了第 1 阶段(共 4原创 2022-12-06 10:47:59 · 1934 阅读 · 0 评论 -
使用 JavaScript 检测用户是否在线
有时您可能希望增强您的应用程序以通知用户他们可能已经失去了互联网连接。用户可能正在访问您的网站并收到缓存版本,因此通常看起来他们的互联网仍在工作。然而,他们失去了引擎盖下的连接,并且不会加载任何新内容。在这里向他们显示一些消息以让他们知道他们应该检查他们的连接可能是有益的。我们可以利用API 来检测连接状态。这将返回一个布尔值来指示用户是否在线。这在初始加载时效果很好,所以我们可以做这样的事情。但是我们不知道加载后网络状态是否发生变化,这是不理想的。我们可以订阅离线和在线事件来监听这些特原创 2022-12-05 14:28:47 · 650 阅读 · 0 评论 -
9 个对初学者开发者有价值的 GitHub 库✨
Realworld 允许您选择任何前端(React、Vue 等)和任何后端(Node、Django 等),并了解它们如何为真实世界、设计精美的全栈应用程序提供动力。每节课都包括课前和课后测验、完成课程的书面说明、解决方案、作业等。涵盖常见的数据结构和算法、基本的网络概念、HTML & CSS & Javascript。为了帮助您浏览,我将它们按类别排列,从基础知识到课程、手册、最佳实践、项目、访谈和资源。来自库存照片、Web 模板、CSS 框架、UI 库、工具等的设计和 UI 资源精选列表。原创 2022-12-02 11:12:50 · 653 阅读 · 0 评论 -
最流行的 API 类型指南:REST、SOAP、GraphQL 和 gRPC
开头的'g'表示这是谷歌在2015年创建的最先进的版本。时,他们需要一个强大的数据获取 API,该 API 可以执行 Facebook 的所有任务,同时对他们的产品开发人员而言简单明了且易于学习和使用。而且,随着技术的发展以及我们与技术的关系发生了变化,我们已经看到 API 的出现是为了弥补新的差距并服务于新的用途。在本文中,我们将了解 SOAP、REST、GraphQL 和 gRPC API 如何相互比较,让您了解它们的优缺点、常见用例以及在为您选择最佳 API 时的其他注意事项您的需求。原创 2022-11-30 15:32:14 · 1563 阅读 · 0 评论 -
每个 JavaScript 开发人员都应该知道的 7 个速记优化技巧
运算符一次检查所有变量,而不必编写多个条件。这使得检查变量是否包含有效数据变得容易。,这些技巧可以帮助您编写更好的代码,并确保您在遇到它们时。是否等于多个值之一,并且很快就会变得很累。每种语言都有自己的怪癖,最常用的编程语言。有一个内置方法可以帮助您完成此操作。但是,您也可以使用它来。,您还可以根据条件确定调用哪个。通常您可能需要检查 a。相同,否则您可能会遇到。开发者,你一定遇到过。操作员可以为变量设置。原创 2022-11-28 16:09:14 · 412 阅读 · 0 评论 -
如何选择合适的 API 网关
但是,如果第三方服务在您使用的云提供商中运行,并且在本地运行 API Gateway 带来更好的控制,或者还有另一种选择部署特定的开放式服务,则与第三方服务集成可能会更加困难。因此,另一个需要考虑的因素是,当您不能直接使用 API 网关来满足您的需求时,选择的 API 网关如何使定制开发变得更容易。如果选择的 API 网关扩展了开源网关,你需要仔细分析它是否有许可证文件,他们是否有一个活跃的社区,寻找贡献者的数量,谁是社区用户,人们提交的频率以及他们发布新版本、编写良好的文档并在论坛上回答问题。原创 2022-11-28 15:58:36 · 1337 阅读 · 0 评论