本文中，Manuel 解释了为什么 Emmet 是他首选的用于编写 HTML 和 CSS 的生产力工具之一，以及一种在 Visual Studio Code 中创建自定义 Emmet 代码片段的方法，以帮助您同样改进这种前端放弃的工作流程。 12 个月早些时候，我在这个博客上分享了这个我在开始新的网络创业时喜欢使用的 HTML 样板，并提供了逐行的合理化。它是我通常在我构建的每个网站上使用的主要 <head> 标记和属性的集合。直到最近，我还可以在需要时简单地复制和粘贴样板文件，但我决定利用这种帮助来改进我的工作流程，将其作为代码片段包含到 VS Code（我的编辑器的首选）中。播放 这是我创建的这个自定义剪辑的快速演示。 这是我创建的这个自定义代 VS Code 中的缩写与自定义用户片段以及通过 Emmet 提供的 HTML 和 CSS 片段和缩写集成。例如，如果您输入 p>aSign UpHTML 文档并按 Enter 或 TabEmmet，它可能会转换为以下 伊朗移动数据库 标记 <p><a href=””>注册</a></p> 复制注意 请转至此Emmet 文档来发现使用缩写语法的方法。如果我们经常需要这个特定的缩写，我们可以将其保留为片段，以进一步改进我们的工作流程。这是质量，但是如果我们想通过删除或包含因素和属性来改进此代码片段，我们应该覆盖它并创建我们的个人代码片段。 创建并覆盖片段如果我们需要创建自己的片段 要分段或覆盖 VS Code […]
Monthly Archives: September 2023
960 posts
历并构建这种情况以符合你的要求，这可能是克服这一障碍的好方法，并且只是帮助轻轻地改变你的思维定势。这就是我可以为这些东西做的所有事情，但在 Jamstack 上。你同意吗 麦克风 是的。这就是我所希望的。我想应该是很远吧这当然是它的目的。这些天我报名参加了一次会议……部分原因是我对这个主题的动机，这样我决定在这本电子书中对其进行培训，我可能想教你一门编程语言。一个框架，但以实际的方式向您介绍这个堆栈要高得多，因为每个喜欢的开发人员都非常适合通过谷歌搜索来定位文档以及堆栈溢出的用途。 我浪费时间慢慢教你这个？ 麦克风 我需要让您简短深入地了解这个堆栈以及我可以用它做什么。您将了解到每件作品的价值。 NextforF 和 Prisma 。还有查克拉。我会将您链接到此文档，这样您就可以节省一些 越南手机数据库 点击次数。但您将看到这些部分如何与交互式实例结合在一起。您还将学习这个困难的因素。麦克风示例 我要深入研究的一个方面是我为异步多文件上传构建的这个选项。这里有一个前面的放弃和一个后面的退出。虽然在这个前面的这个前面的放弃和在这个前面的放弃的后面，如果你使用这个比喻，你已经有了这个React层。然后你就得到了这个节点层。这里有这些 API 路由。麦克风，如果您想将其应用于多个记录上传并使用此提供程序，我在本书中使用 Cloudinary。 但是如果你使用API提供者上传图片和媒体 （你必须）这样就可以有一个变化的数字。有客户与此人互动。有针对 Cloudinary 或不同供应商的 API 请求。但这样一来，您就需要发出多个 API 请求才能变为绿色。您必须使用 Cloudinary 执行一些 印度电话列表 签名，这需要 API 调用。麦克风 您只需接受此标志并进行添加即可。此上传是从此浏览器制作的，绕过您的 API，立即到达 Cloudinary 。那么您需要将其保存在用于该前端后端的数据库中。这里有很多东西，而且这个社区中还没有一个开源插件。我现在可以从已经构建的应用程序中取出它并将其放入应用程序中，因为不同的人也会拥有它。无论如何，这只是简单的发音，我认为这是教人类的一个非常有价值的组成部分。 即使你是一名高级工程师，花点钱，你也可以把所有东西都包起来，在上面放一个蝴蝶结，然后就可以了。这是一个设备组，可以很好地协同工作，通过该堆栈构建 SaaS 应用程序。我不必考虑如何编写自定义的内容来克服这个障碍。
可以 Drew 全部都在 Jamstack 上。您为什么决定现在写这篇时事通讯并在这本电子书中采用这种技术？良好的麦克风查询。我已经编码了大约 20 年，我想我不久前尝试写一本电子书，但它还没有完全成型。在我的职业生涯中，我确实需要投入额外的专业知识。多年来我一直在使用它，我渴望真正将它推广到这里并帮助不同的人。麦克风 我在 10 月份左右度过了最后的 12 个月……我想推出一些产品。电子书感觉是一个非常好的开始方式。我是对的，并且对你可以用它做的事情着迷。我使用这个时间段 Jamstack 并记住它是 Jamstack 的一部分，因为它默认生成静态网站。 麦克风但我认为就我而言它是 已经有足够的对话或可以使用更多的解释，这是用于构建软件即服务应用程序。因为 Jamstack 不仅仅适用于网站。它最适合内容推送的网站，因为它是静态的、活跃的且 SEO 友好的。麦克风 菲律宾手机数据库 有很多丰富的功能，特别是 Vercel 在今天举行的一次会议上，他们推出了越来越多的值得注意的功能。我痴迷于将软件程序构建为服务。软件网站很精致，但软件是用来做事的。麦克风 对我来说，这个堆栈很大程度上代表了软件程序作为提供商改进的未来。它让我回想起 Ruby on Rails 刚问世时的样子。你可能想说这是一种进化。它可以自动化并简化您以前必须手动完成的许多事情。 它加快了改进的步伐并改进了这种特殊的改进 生产一些可以为您简化负载的东西。它简化了许多与速度相关的问题和与可访问性相关的问题。安装。这就是该路由已为您执行的全部内容。您不必担心客户端或服务器端路由。这是电脑化的。 Chakra UI 通过 印度电话列表 可访问性和主题来做到这一点。这些装备聚集在一起，并且这只是……这个开发人员的陶醉变成了真正的真实，这一切……它给了你真正创建软件程序的自由。麦克风回答您的问题。我现在出版一本书是因为我真的想出版一些东西，而 Jamstack 环境正在开始成熟和发展。它还让我有机会在 Jamstack 中记下额外的代码，我真的很喜欢。 Drew 我认为正如您所说，当您考虑流行的网站和轻量级网站时，接受 Jamstack 概念是很干净的。
会说是的我不知道到什么程度。我很好奇Tailwind和Chakra现在的市场比例是多少。我确实知道 Chakra 最近获奖了。 GitNation React 奖旨在表彰对该网络产生最大影响的举措。我可能会说它巨大且令人拥抱。这有利于准确的动机。现实中的人们喜欢它。我不是最好的那个。 Drew 在将依赖项引入到任务中时，真正值得考虑的一个因素是当您需要更新该依赖项时会发生什么。麦克风当然可以。德鲁，我认为查克拉这次正在增强一切。在这种情况下，在导入并使用它进行构建后，您是否会被锁定到某个模型，或者通常可以安全地保留它的更新吗？您网站的布局和内容是否相当可靠，不再与 Chakra 更新交替？这款麦克风至今为止。 是的我想这是特别因为这个 他们的尖端版本是 163 。几个月前，他们从零变成了至少一。这成为他们做出任何必要修改的最佳时机。从那时起，他们一直在不断地发布特性版本和特洛伊木马修复程序。整个麦克风至少是 日本手机数据库 在过去几个月才推出的。添加和修复。无需担心破坏性修改。我不知道这张街道地图是什么样子，但我认为它会保持这种方式。每次我改进这些小版本时，其中一个都是一流的。我从来没有看到任何结果。但在他们发布 10 之后发生了一些主要的变化。但我不认为这是灾难性的。德鲁，你是否已经知道套餐长度和摇树脉轮天赋发生了什么，它是否会为你的企业增加足够的重量，或者当你使用这个麦克风时，它们是否会被进口，我绝对不会忘记。 我很可能应该知道这一点但没有注意到它的扩大 对于体重来说很多。主要是因为您要单独上传添加剂。不上传所有这个脉轮或类似的东西。我想说它支持树摇动，但我还没有测试过。但到目前为止我还没有得到任何特别实质性的东西。德 印度电话列表 鲁 是的。这始终是一个至关重要的考虑因素，不是吗？麦克风是的。 Drew 在我们立即投入并在我们的计划中使用它之前，我们是否还需要了解有关 Chakra UI 的其他内容？这个麦克风不太好。还有一个相当活跃的网络。我经常看到更新。我现在正在搜索此文档，并看到以前未见过的组件。我看到很多正在交付的功能。这很特别。德鲁 是的。精彩的。您已经出版了一本名为 Cut Into this Jamstack 的书，该书处于预览状态。
是的绝对地我的态度有点独特。我并不总是需要了解幕后发生的事情，但我感觉我通常可以推断出来。如果我正在查看一个盒子组件，即使我们正在谈论评估，我现在也只是在搜索此文档。如果我观察到一个现场问题，我会说 k。默认情况下，这将是一个 div 。我发现它无论如何都通过了这个梯度特性。麦克风 我可以了解内部发生的情况，而无需完全了解这就是翻译 CSS 的魔力。将 props 转换为 CSS 。但这个文档非常棒，因为它非常线性。这是很有规律的。它通过示例列出了全部内容。一点复制和粘贴。 这个麦克风只是用于一个非常精确的空 此页面不会让人感到不知所措，您可以轻松找到您需要的内容。他们的搜索也很棒。他们的搜索变得非常有用。这次百分之九十我想这就是我来这里的目的。可能会进去看看是否有一个组件 孟加拉国移动数据库 可以做一些事情。通常就是这种情况。并偶然发现了一些我没有意识到存在的有用的东西。或者只是重新熟悉一些概念。我不断地在这里找到我想要的东西。德鲁出现在这个最有效的组件周围，我不喜欢这些文件，其中的广告数量是这样的。在他们的 Chakra UI Pro 商业产品的每个网页上。麦克风 我还没有看到这个。惊险。我已经看到了它。我确实亲眼所见。但我没有看到它。哦耶。好的，这就是 Chakra UI Pro。 我想我在心里过滤掉了它并且听到 至少现在它不是太大并且在你的脸上。德鲁的体型不算太大。它就在这个不正确的位置。这正是您寻找信息的地方。我想这就是他们这样做的原因。当考虑到这个环境以及围绕这一挑战的整个 印度电话列表 过程时，非常值得一提的是，这是一个添加剂专家集……我打赌它相当于 Tailwind UI 中的某些东西。营销页面，这里是这个组件，更多的组件组成了这个页面元素、整个页面和这个布局等等。您可以从这家 Chakra 制造商处获得它，但作为工业产品。麦克风是的。现在只是简单的搜索。其中一些无疑是有用的。或者，他们的变体可以免费使用 eG Chakra 模板。我打赌它的 Chakra 模板是 Chakra Pro 或开源竞争对手的开源方式。
报告它只是包装此应用程序中的每个页面。您只需将主题发行器插入 Chakra，它就会实现这种放松，并且它确实可以在任何地方发挥作用。事实上，加入它没有任何障碍。但我敢打赌，neithisr 确实有脉轮。 Drew Chakra 使用 TypeScript 。我认为确实如此，不是吗？麦克风有帮助。是的。德鲁支持了这一点。对于已经使用 TypeScript 来完成此任务的人们来说，这是一个巨大的收获。如果人们还没有使用 TypeScript 的话，这有什么缺点吗？麦克风我不这么认为。我也在所有项目中默认使用 TypeScriptEchobind。但是，当我在非公开层面上做事时，我会使用…我喜欢为 t 说一小部分。 非常适合通过增加静态类型来 尽管它具有矢量 TypeScript 的价值，但它可能是一个实际的麻烦，具体取决于您对它的认识。麦克风是我的最低门槛…我对 TypeScript 的使用严格性相当低，因为这个事实你可能会通过简 巴基斯坦手机数据库 的排序从 TypeScript 中获得很多价值。它将避免许多常见的伤害。当您进入更高级的打字环境时，如果您现在不太熟悉这些东西，它可能会真诚地让您变得迟缓并让您感到沮丧。麦克风 这对于 Chakra 和 TypeScript 来说是相同的。我倾向于在开始时至少使用少量 TypeScript，直到我确实充实并稳定了一个项目。但在不使用 TypeScript 或使用 TypeScript 的情况下使用 Chakra 时，它不会给出任何苛刻的情况。 集体起来非常顺利我喜欢它但对于路线你也喜欢 没有必要应用它。德鲁 是的。我发现使用 TypeScript 你可以得到 80% 的优势，就像你所说的那样，简单地用于某些类型。如果你在这个兔子洞里走得太远，你会发现你使用的是一个脚本，它通 印度电话列表 常是 TypeScript 。然后将一些 JavaScript 降到最低。麦克风或者你花了很多时间寻找这种正确的方式来友善，但你的大脑却崩溃了。这就是您放置 […]
这样的简单网格。您需要将其放置在其中，这就是您的网格。您只需将内容放在那里并指定“我敢打赌”列或类似的东西的种类繁多。这样你就有了一个网格。麦克风但是如果您在该网格的行为中需要额外的灵活性，那么您肯定有一个习惯的网格事物，这可能是一个简单的网格问题，可以包装其他网格添加剂。它只是其自身之上的任何其他外观。麦克风 这种事物组合方法是 React 全局中用于相同目的的宝贵范例。如果您有一个经常出现的元素，并且有多个房屋，那么您肯定需要在整个严格且快速的使用实例中以相当频繁的方式应用该组件。 将其与其他具有静态或前置的每个集成 与精确的道具结合在一起以获得更强大的元素。麦克风他们在Chakra中彻底使用了这种方法。我还没有遇到过我不能做的事情。我确信它在某个地方可用。或者做一些比较麻烦的事情。但总的 印尼手机数据库 来说，这还没有过去。至少我不能考虑。德鲁•威尔（Drew Well）对此我非常高兴看到，您提前指出的内容似乎是对可访问性的强有力认可。麦克风当然可以。德鲁在这条促销信息中变成了路线。这是通过代码本身生成的吗？它只是简单地漫步这个话题吗？它确实内置了适当的可访问性吗？麦克风我想是的。我最近一次测试它是在灯塔上向它走去。它始终承诺为可访问性提供过高的分数。 我一般使用 Has out-for-this-container 性能 您经常会看到过高的排名和整体。我今天刚刚发推文说，这本电子书的国内网页上对这四本《灯塔》的评分为 3。这有可访问性良好的实践性能和区域。我现在还没有考虑它。该麦克风除性能外 印度电话列表 的所有指标均接近 100%。这个性能组件在我身上只是因为我在这个页面上投入了很多并且还没有对其进行优化。它有这样做的趋势。每次我使用 Chakra UI 时，Lighthouse 中的辅助功能得分都非常好。德鲁真是太棒了您说过它们用于服务器端渲染以及您曾经做过什么。像 Next 和 Gatsby 这样的事情以及我所拥有的，您真诚地对脉轮的这种使用没有任何麻烦，因为没有任何障碍可以知道这个麦克风是否损坏。
让整体保持一致。就是这样。这只是另一个东西，它确实与 Chakra 本身不同，但它只是节省时间，因为你在很多网站上都需要这些东西，并且每次都想重新发明这个轮子。德鲁听起来现在肯定可以为非公开项目（需要快速获得成果）以及机构投资预留时间。麦克风哦，是的。绝对地。德鲁（Drew）的这种做法与软件界面和广告网站类似，它是否偏向于一种或另一种方式，或者无论您正在构建什么，它通常都是有益的麦克风我可以说。绝对地。我已经用尽一切了。我们的机构已将其用于两者。 我们建立了我想说我们非常接近 构建完整的堆栈包和移动应用程序。我们确实需要比营销东西更多的用户界面。尽管我们有时会构建它。这适用于每个事件。麦克风，他们确实在这个网站上指出了一些事情，比如当你不 马来西亚手机数据库 想使用脉轮时，他们确实这么说，因为它简化了这个界面的 CSS 。挑战可能会出现，同时该屏幕上有很多统计数据。如果您正在开发相当多的 DOM 元素并进行实时更新加载，您可能会或不会遇到性能要求很高的情况。我从未发现这款麦克风存在整体性能问题。但我还没有构建出如此密集的实时统计数据。是被人关心了。如果我要构建一个这样的软件，我可能需要采取两个策略来看看它们的整体执行情况。 但可以肯定的是这对于这两种情况通常都是有 德鲁，我敢打赌，这会不断发生变化，这不是技术偏好和一些使其变得非常非常简单的事情。显然，它的实施速度很快。这个替代方案可能是，一旦您在此页面创建了一千个统计因素或 印度电话列表 任何内容，这种工作方法可能不会很好地执行，并且可能会逐渐降低您的速度。德鲁 是的。我想这确实是诚实的。我倾向于认为技术选择中最重要的问题是理解。只是为了了解这种交换是什么以及这种限制是什么。对于这一点来说，没有一个是准确的或可怕的。您只需要为您所在的国家找到适当的事务稳定性即可。 Drew 正如您对这样的布局小工具的期望，它配备了排版组件。用于格式。这是按钮和外形尺寸以及图标库的详细信息。您可能会在 Design Systems 的厨房水槽网页上看到很多关于这一切的内容。
跳过态地强制执行优雅的名称，并混淆这些名称，使其远离该用户。德鲁 是的。我想这就是必须与 Tailwind 进行对比的地方。因为 Tailwind 的工作方式是为您提供一整套说明。如果您需要增加利润，您可以开始一门课程来增加您的利润。看起来您实际上正在采取同样的方面，这是一种独特的实现，但以相同的方式构建。老实说，我们对道具有这种用途，而您正在传递一个道具来改变这些东西。德鲁定制这个布局有多干净，它是否能够简单地改变颜色边距和填充，并使其看起来特别，或者您是否能够使用 Chakra 麦克风构建一个主题哦，您可以做任何您需要的事情。 将其设置在此元素级别或主题阶段 设置风格。这仅取决于您想要的创造力。我正确地使用了一些添加剂并用它们执行了一些疯狂的事情。它真正时尚的部分原因是这些组件非常原子。麦克风再次用于此文本框实例，如果您 印度移动数据库 需要文本框，您的外观如下所示。除了此文本字段本身之外，您还可以设置所有周围内容的样式。或者你可以改变这个主题。设置阴影以在全球范围内重塑整个事物。麦克风 我绝对向 Chakra UI 的创建者 Seg 发了推文，宣布他们必须在这个网站上放置一个画廊，因为它太酷了。你可以用它创造一些漂亮的设计。这里有很多种类，你可能不再意识到这层楼下发生了什么。 我不知道Chakra UI是否有任何迹象表明 您正在为您的网站使用 Chakra UI。麦克风 我见过一些绝对好的东西。但你可以用它做任何事。我什至制作了静态网站。切入这个Jamstack主页就完成了。仅举一个例子。我们已经将它与 Echobind 一起使用了多 印度电话列表 个实例。我不记得我们是否使用过它。但实际上，我们的赞助人网站有很多东西。这是我一直在构建的应用程序，JamShots，这是一个应用程序。它还没有广告页面。但这只是 UI，所有 UI 都是为 Chakra 的这种用法而构建的。麦克风 尽管我赞扬 Chakra，但一个不同的元素是任何其他网站，这些天我已经多次使用这种用法……我将在这本电子书中介绍这一点。
都熟悉 Tailwind 和这个 Tailwind UI 任务。 Chakra UI 适合这个全景图的什么位置？ Tailwind 可能采用的技术更接近…Tailwind 可能采用的这种方法。麦克风是这样吗我想是的。诚然，当你考虑到 Tailwind 现在如此流行时，我一直想深入研究它。但我无法明智地谈论 Tailwind 本身的细节以及这种方式……我的感觉是 Chakra 和 Tailwind 是选择。显然你会困住一个而不是一个。麦克风 我还不知道这两者的优点和缺点是什么。我对查克拉如此着迷，以至于这次我默认使用它。我想好吧，我现在非常清楚这一点。我觉得它不可抗拒。 我稍后会分析任何其他的 假设 Tailwind 在这个 UI 工具包中有他们的主要框架。这是诚实的吗？德鲁是对的。是的。好麦克风。这可能是针对 Tailwind 的 UI 工具包。在这个 Chakra 主页上，他们确实有一个评估，说明为什么你 中国移动数据库 可能想要获得一个或这个替代方案，但我未能将其内在化。德鲁 是的。这是非常好的。正如我们在 React 任务中所引用的，这种方式比一些更传统的设计系统更适合这些设计结构，这些设计结构为您提供了大量复杂的名称来放置在此 HTML 上，您必须使用一些 HTML 结构来放置这种适当的优雅穿上。通过这种方式，您可以获得任务的 UI 整体性能。对于 Chakra 来说，由于这个事实，它完全基于 React，它为每个元素提供了一套完整的添加剂。 您可以真诚地将这些组件导入到您的作业中 您创建了自己的标记和样式吗？麦克风当然可以。您实际上不必使用 Chakra […]
