前端
文章平均质量分 84
前端技术开发
产品大道
开发的不仅仅是程序
展开
-
像专业人士一样调试 JavaScript:查找和修复错误的工具和技术
介绍JavaScript 是一种功能强大的编程语言,用于创建交互式网页和动态用户界面。然而,与任何编程语言一样,JavaScript 代码可能包含错误,这些错误可能会导致意外行为、错误或崩溃,最重要的是,它会使您的生活变成地狱!然后是调试,这是发现和修复这些错误的过程,它是任何 JavaScript 开发人员的必备技能。因此,在本文中,我们将讨论一些工具和技术,它们可以帮助您像专业人士一样调试 JavaScript,从而过上没有错误的生活;1.浏览器控制台。原创 2023-03-07 09:23:07 · 719 阅读 · 0 评论 -
关于 JavaScript 中的 Promises
在 JavaScript 中,Promise 是一个对象,它表示一个可能还不可用,但会在未来解决的值。已解决的 Promise 的不变性是一个重要的特性,因为它确保 Promise 的值保持一致和可预测。链中的每个承诺都取决于前一个承诺的成功完成,因此如果链中的任何承诺失败,则整个链都会失败。使用 Promises,您可以将异步操作链接在一起,而无需嵌套多个级别的回调。Promise 链首先从 API 获取用户数据,然后使用第一个用户的 ID 获取他们的帖子,最后使用第一个帖子的 ID 获取该帖子的评论。原创 2023-03-07 09:07:35 · 312 阅读 · 0 评论 -
作为 React 开发者你应该知道的 7 个库
在成为一名全面的React开发人员的过程中,您会遇到无数的库,让您感到茫然和困惑。因此,这里列出了作为React开发人员学习不会出错的 7 个库。原创 2023-03-07 09:00:18 · 210 阅读 · 0 评论 -
如何使用 CSS 网格区域构建杂志布局
Web 开发,尤其是您可以使用 CSS 进行的开发,已经变得越来越复杂。借助 CSS Grid 的附加功能,现在可以实现看起来像手动布局的布局。让我们解决一个如何做这样的事情的实际例子。在这篇文章中,我想谈谈 CSS 网格的惊人可能性,以及它如何允许更接近印刷设计的复杂布局。我们将要讨论的设计实际上是我为客户所做的设计(稍微修改为演示案例)。它将涵盖 CSS 网格的两个主要用例:有一个静态网格,我们在其中为每个元素定义指定的起点和终点;原创 2023-02-23 09:07:02 · 171 阅读 · 0 评论 -
7 个 JavaScript Web API 来构建你不知道的未来网站
随着技术的日新月异,为开发人员提供了令人难以置信的新工具和API。但据了解,在100 多个 API中,只有5%被开发人员积极使用。让我们来看看一些有用的Web API,它们可以帮助您将网站推向月球!🌕🚀。原创 2023-02-22 14:47:14 · 379 阅读 · 0 评论 -
15 个杀手级 你可能从未听说过的 JS 技术
我们都同意,在 Google 或 StackOverflow 上搜索 Javascript 错误修复或答案并不有趣🏴☠️。这里有 20 种简短而强大的 JavaScript 技术,它们可以最大限度地提高生产力⚡并最大限度地减少痛苦🩸。让我们深入研究代码🤘。原创 2023-02-20 08:50:02 · 310 阅读 · 0 评论 -
如何学习 Web3
第一个内容怎么样?我不建议直接跳到代码中,而是握住我们的手一会儿,然后从大致了解什么是 Web3 开始。在上发表的这篇文章是一个很好的开始。它是一种用于实现智能合约的面向对象的高级语言。它是静态类型的。它是一种花括号语言,旨在针对以太坊虚拟机。它支持:继承、库和复杂的用户定义类型。这就是 Solidity 文件(扩展名:.sol)的样子在接下来的部分中,您可以使用一些免费资源来学习和开始使用 solidity 编程语言。原创 2023-02-17 14:29:07 · 1384 阅读 · 0 评论 -
使用 Nodejs、Express、Postgres、Docker 在 JavaScript 中构建一个 CRUD Rest API
这是我们将要创建的应用程序架构的架构:我们将为基本的 CRUD 操作创建 5 个端点:创造阅读全部读一个更新删除我们将使用以下方法创建一个 Node.js 应用程序:表达为框架序列化为 ORM我们将 Dockerize Node.js 应用程序我们将有一个 Postgres 实例,我们将使用 Tableplus 对其进行测试我们将创建一个 docker compose 文件来运行这两个服务我们将使用 Postman 测试 API。原创 2023-02-17 14:28:12 · 327 阅读 · 0 评论 -
使用 Hashnode API、Typescript 和 GraphQL 将博客文章添加到您的 React 站点
多亏了 GraphQL 和 TypeScript 的魔力,我们可以在我们的应用程序和服务器/API 之间生成端到端类型安全的数据获取。这是一次性设置,将在未来加速开发,消除类型错误,并验证我们的模式。首先,该getStaticPaths函数将获取我们博客文章的所有 slug,并告诉 Next.js 我们要为我们返回的每个路径生成静态页面。所有页面都将是静态的或服务器端呈现的。现在我们有了我们的帖子列表,我们需要开始生成我们的个人页面,这是通过使用 Next.js 中非常常见的技术通过使用。原创 2023-02-16 08:49:09 · 739 阅读 · 0 评论 -
12 个华丽的 UI 组件,为您提供设计灵感✨
现代 Web 开发已转向基于组件的架构,从而实现更快的开发、更多的控制和更低的维护成本。在本文中,我精心挑选了一些我最喜欢的 UI 组件作为您的设计灵感。我尝试在我们的开发工作流程中包含不同类型的一些最常用的组件,包括卡片、文本、按钮、复选框、图标、加载器和菜单。对于每个组件,我将提供一个直接链接,一个交互式预览,这样您就可以即时获得初步印象以及作者链接,这样您也可以探索他们的更多作品。原创 2023-02-15 09:11:02 · 5020 阅读 · 0 评论 -
使用 Nodejs、Express、Postgres、Docker 在 JavaScript 中构建 CRUD Rest API
这是我们将要创建的应用程序架构的架构:我们将为基本的 CRUD 操作创建 5 个端点:创造阅读全部读一个更新删除我们将使用以下方法创建一个 Node.js 应用程序:表达为框架序列化为 ORM我们将 Dockerize Node.js 应用程序我们将有一个 Postgres 实例,我们将使用 Tableplus 对其进行测试我们将创建一个 docker compose 文件来运行这两个服务我们将使用 Postman 测试 API。原创 2023-02-14 13:44:27 · 355 阅读 · 0 评论 -
5 个自定义 React Hooks 将改变你的代码
昨天完成我的每日文章(是的,我每天都会发布一篇关于前端开发的新文章,所以如果你想要每天的代码丸,请务必关注😉),我去编码了一点......我开始为我正在构建的副项目编写一些自定义挂钩(我在我的 Twitter 上谈论它:@thenaubit我意识到有很多非常有用的自定义 React 钩子。因此,我开始了一个新系列,我将在其中发布其中的一些内容(由我编码或在 Internet 上找到并转换为 TypeScript如果你做过让你引以为豪的事情,请随时在评论中分享要点链接。原创 2023-02-10 17:33:11 · 751 阅读 · 0 评论 -
无需人工智能!7 个经过验证的省时应用程序和工具,可将每个前端开发人员和设计师变成设计忍者!第一部分
如果您需要进一步解释生成的代码的含义,可以随时获得教程。随着 AI 和 ChatGPT 的兴起,重要的是要记住已经可以用来帮助满足我们的设计和 UX/UI 需求的久经考验的真实工具。此扩展程序是任何设计师或开发人员必备的。集 情绪板和速写本于一身的这款应用程序是我组织团队和与团队协作的首选。只需设置列和卡片的数量,它就会随机生成一个布局供灵感使用。该站点不仅可以生成 CSS、HTML 等代码,还可以帮助您的网站进行 SEO。此应用程序非常适合动画爱好者,是尝试概念和产生想法的绝佳可视化工具。原创 2023-02-08 14:15:10 · 97 阅读 · 0 评论 -
使用 useWorker 的多线程 React App
使用 useWorker 在单独的线程中处理昂贵且阻塞 UI 的任务。众所周知,Javascript 是一种单线程语言。所以,如果我们做任何昂贵的任务,它都会阻塞 UI 交互。并且用户需要等到它完成才能执行任何其他操作,这会带来糟糕的用户体验。为了克服和执行这些任务,Javascript 有一个名为的解决方案,它允许在不阻塞用户界面的情况下在 Web 浏览器中执行昂贵的任务,并使用户体验非常流畅。让我们先看看什么是网络工作者。原创 2023-02-08 14:14:16 · 907 阅读 · 0 评论 -
在 React JS 中使用 JSON 占位符的Web 简易应用程序
这是一个非常好的资源,可以在您需要为您的应用程序测试一些虚假数据时使用。在这里,搜索组件包含唯一的输入框,以及所有其他搜索实现,例如匹配键及其在其父组件(即 App 组件)中的值。在本文中,我们的主要重点是构建组件,而不是它们的样式部分。这种行为背后的原因是卡片组件的数据取决于输入框的值,因此我们将搜索组件的状态提升到其父组件。要在公司和地址中搜索文本,我们将在他们的对象中进入一个级别,因为他们都没有其他属性。对于地址,我们将根据城市属性搜索,对于公司,搜索将基于其名称属性,因此它看起来像这样。原创 2023-02-07 15:57:48 · 511 阅读 · 0 评论 -
Javascript 中 Var、Let 和 Const 的区别javascript 最常被问到的面试问题
2015 年 ES6 发布,它改变了我们在 javascript 中声明和使用变量的方式。ES2015(ES6)引入了新的变量声明方法,let和const。这两种方法解决了开发人员在使用 var 时面临的问题,let 和 const 有自己的属性让我们深入探讨。变量var 是关键字,用于变量声明。使用 var 我们可以声明具有全局范围的变量,它提供程序中相同变量的提升和重新声明。变量范围var 语句声明一个函数范围或全局范围的变量,可选择将其初始化为一个值。用var声明的变量的范围是其当前。原创 2023-02-06 08:53:42 · 380 阅读 · 0 评论 -
50 个 JavaScript 面试问题
是一个静态方法,它将 arraf 个可迭代的承诺作为输入并返回一个单一的 Promise,它是数组中已实现的承诺的值。- 在 JavaScript 中,用于将 javascript 环境设置为 sticter 模式,以避免错误,例如在没有关键字 var、let、const 的情况下声明变量。我们不是将一个回调嵌套在另一个回调中,而是使用先前已完成的承诺的结果,并为链中的下一个承诺返回已完成的承诺。- 是一种编程技术,它通过缓存昂贵的函数调用的结果并在发生相同输入时返回缓存的数据来优化应用程序的性能。原创 2023-02-03 09:09:57 · 522 阅读 · 0 评论 -
学会这7个常见问题和答案,让你下一次JavaScript面试获得高分
🤔JavaScript 和 Java 都是编程语言,但是它们用于不同的目的并且有一些关键的区别。JavaScript 是一种脚本语言,主要用于创建交互式和动态网站。同时,Java 是一种通用编程语言,可用于创建范围广泛的应用程序,包括移动和桌面应用程序、Web 应用程序以及后端系统。浏览器执行 JavaScript 代码,而 Java 代码通常在虚拟机或特定设备上编译和执行。2️⃣。原创 2023-02-02 14:20:06 · 265 阅读 · 0 评论 -
每个 JavaScript 开发人员都应该掌握的 5 个高级 ES6 特性
新的一天,新的文章!今天的文章是关于五个我喜欢的并且我认为每个人(至少每个开发人员)都应该理解的高级 Javascript ES6 特性。你准备好了吗?💡。原创 2023-02-02 14:17:05 · 213 阅读 · 0 评论 -
构建这 5 个项目以成为 React 高级工程师
您是否希望被聘为高级 React 开发人员?建设项目是向潜在雇主展示您的技能的好方法🚀这里有 5 个项目创意,可帮助您成为高级 React 开发人员🔥请记住,您不需要构建所有这些项目,即使您的投资组合中有 2-3 个这样的项目也足以让您被录用。原创 2023-02-01 09:53:52 · 283 阅读 · 0 评论 -
20 个杀手级的 JavaScript 单行代码,可以节省你的编码时间
使用这些基本的单行代码将您的 JavaScript 技能提升到一个新的水平,这也将节省您的编码时间 🚀2)从数组中删除重复项:3)生成一个1到100之间的随机数:4) 检查字符串是否为有效数字:5)获取当前日期和时间:6) 检查变量是否为数组:7) 检查一个变量是否是一个对象:8) 将数组转换为字符串:9) 检查一个变量是否是一个函数:10) 将对象转换为数组:11) 计算数组中某个元素的出现次数:12) 使用动态键和值创建一个新对象:13) 检查字符串是否为回文:14) 获取数组中所有数字的总和15)原创 2023-01-29 11:31:39 · 290 阅读 · 0 评论 -
Web 应用程序——我的心理备忘单
本文是“持续交付:HTML 到 Kubernetes”的一部分。虽然我迫不及待地想深入了解分布式系统的细节,但我发现自己处于一个不愉快的境地:我认为最好从前端开始写。那是因为网络应用程序是当今的标准。在多个云中部署的 ArgoCD-Kubernetes 集群中有多少 3000 个微服务并不重要;如果用户不能或不会使用您的产品,那么这些都无关紧要。❗要让 Web 开发真正有意义,请查看应用程序的整个生命周期,从创建新应用程序需要多长时间原创 2023-01-28 09:58:54 · 389 阅读 · 0 评论 -
现代JavaScript,你应该使用的10件事
上面的代码无论如何都不完美,但它确实代表了我们想要从不同级别的对象中挖掘数据的情况。我们用它来处理一些操作是异步的并且需要时间才能完成的事实。然后我们得到了人们开始使用的 promise 库,最终,我们得到了语言的原生支持。方法,一个长的、多行的、难以阅读的语句。将代码划分为许多不同文件的能力,这些文件也是独立的单元,即所谓的模块。对象或数组之前的 a 并且完成了名称所说的内容,它将某些东西从结构变成了逗号分隔的列表。作为收集剩余参数的方式,是我们命名它们并使我们更明确地表示我们想要使用它们的一种方式。原创 2023-01-12 09:06:26 · 186 阅读 · 0 评论 -
很少人知道的7个极酷HTML元素
搜索很酷的HTML元素,尤其是当您不知道要查找什么时,通常就像被扔进一堆垃圾中一样动图别担心,我为你做了肮脏的工作!在浏览了看似无穷无尽的HTML元素之后,我挖出了一些很少使用的宝石!原创 2023-01-12 08:55:42 · 217 阅读 · 0 评论 -
在 Node JS 中实现微服务架构
🙂正如我们在之前的博客“单体与微服务:一种实用方法”中讨论的那样。但是今天我们要在 NodeJS 中实现微服务架构。👉您可以使用任何技术,如 Spring、Python 等。但我们将使用 NodeJS 进行演示。📍。原创 2023-01-11 09:04:22 · 2426 阅读 · 0 评论 -
想在2023 年成为前端 Web 开发人员的分步指南
当我开始成为一名前端开发人员时,这是我希望拥有的路线图我想出了这个路线图,它有助于实现成为全能开发人员的目标。让我们开始吧。谁是前端开发人员?好的,现在谁是后端开发人员?那么如何成为一名前端开发人员呢??发展你的技能HTMLCSSJavaScript创建投资组合/制作您的案例研究把自己放在那里你还需要做什么?求职资源结论。原创 2023-01-09 08:46:04 · 627 阅读 · 0 评论 -
立即放弃 TypeScript 的 17 个理由
打字稿徽标。TypeScript 由 Microsoft 开发和维护,也称为可扩展的 JavaScript,是一种面向对象的开源编程语言。它可以说是 JavaScript 的超集,恐怕我不同意,它包含额外的类型。你猜对了。完全没有区别。因此,TypeScript 是一种静态而非强编译的编程语言,用于编写清晰简洁的 JavaScript 代码。它实现与 JavaScript 相同的目的,可用于客户端和服务器端应用程序。原创 2023-01-06 08:43:51 · 5025 阅读 · 8 评论 -
每个开发人员都应该使用的可扩展和可维护的 React 项目结构
一个好的项目结构可以在理解代码库、灵活性和维护方面对项目的成功产生巨大影响。结构和维护不当的项目很快就会变成一团糟和可怕的遗产,没有人愿意与之共事。我现在将向您展示我在项目中经常使用的结构,并解释其背后的原因。这种结构应该是大规模应用程序的良好起点,您可以根据项目的需要对其进行扩展。这是我可以为大多数项目推荐的 src 结构:让我们从上到下覆盖文件夹。测试首先,我们有tests文件夹,其中将包含 React 应用程序的所有测试文件。我在我的大部分 CRA 应用程序中使用 Jest。原创 2023-01-04 13:52:32 · 277 阅读 · 1 评论