发表在简明英语中的JavaScript ·2021年9月27日 使用GitHub动作部署一个Next.js SSG站点 自动化所有的事情!-让我们使用GitHub动作创建一个基本的部署管道的Next.js SSG站点托管在GitHub页面。为供参考,这里是本文中使用的代码的Github回购。这篇文章将聚焦于设置GitHub动作,所以我可能会掩盖技术细节… Java脚本 4分钟阅读
发表在简明英语中的JavaScript ·2021年6月2日 将React SSR部署到生产环境 如何在谷歌云平台上部署一个React SSR应用程序-这是React服务器端渲染介绍的续集,所以如果你还没有检查出来。让我们在谷歌云平台(GCP)上部署一个基本的React SSR应用程序。在本文中,我将部署一个Web应用程序服务器,将webpack包上传到云存储,并提供这些包…… Java脚本 9分钟阅读
发表在简明英语中的JavaScript ·2021年1月11日, 介绍React服务器端渲染 如何在没有任何工具或框架的情况下构建一个React SSR应用程序——这是(希望)记录我在构建和维护SSR应用程序中获得的经验教训的系列文章中的第一篇。本文不涉及SSR的利/弊,或不使用工具或框架(如Create React App, Next.js等)的利/弊。我完全承认手动…… Java脚本 8分钟阅读
发表在简明英语中的JavaScript ·2020年12月15日 如何解耦的UI数据反应 第2部分:进一步探索hook、Render Props和HOC模式——在第1部分中,我提出了一种方法,将数据获取/管理层与基于数据呈现某些UI的React组件分离开来,这将使我们免于被锁定在任何特定的数据库或框架中。让我们创建一个自定义钩子-… 编程 2分钟阅读
发表在简明英语中的JavaScript ·2020年11月30日 从核心React代码中解耦SDK代码 和减少未来PRs的大小与开/闭原则,假设我使用外部服务提供者处理支付我的电子商务应用程序,我需要嵌入一些外部SDK代码将支付服务集成到我的应用程序,在这个非常简单的例子,假设支付服务负责检查是否一个给定的支付方式(如… 编程 3分钟阅读
发表在简明英语中的JavaScript ·2020年11月23日 用React hook从UI中解耦数据 我如何用JavaScript函数“编程到一个接口”——我相信你已经看到(或写过)这个常见的React模式:(a)在通过AJAX获取一些数据时渲染占位符/加载器/spinner,然后(b)基于接收到的数据重新渲染组件。让我们编写一个利用Fetch API的函数组件来完成这个任务。假设我的应用程序。 编程 3分钟阅读
发表在简明英语中的JavaScript ·2020年11月15日 Async/await很棒,但不要放弃承诺 什么是JavaScript承诺?当代码发誓每次都能正常工作时。-让我们创建一个按钮,它将:执行一个昂贵的同步操作,触发2个AJAX请求,并根据AJAX响应更新DOM。这是加价。这是函数。让我们用Performance API来测量每个操作的持续时间,它可以可视化地显示何时以及如何…… Java脚本 3分钟阅读
发表在盒装科技博客 ·2020年11月9日 可访问UI:停止制作可点击的div 一次访问一个(更少的)DIV。-我曾经认为可访问性充其量是一个用户体验的改进,最坏的情况是“合规工作”。但随着疫情使Boxed.com成为我们许多客户的基本服务,我读了很多令人心碎的客户服务罚单,揭示了我的偏见和无意的…… 编码 3分钟阅读
发表在简明英语中的JavaScript ·2020年11月4日, JavaScript类中的传统和箭头函数 有什么事吗?哦,没什么,只是做“这个”和“那个”。这是这篇文章的精神续篇。像这样使用传统函数用方法创建一个类。让我们称它为方法A。someProp =“someValue”;} someMethod(){//传统函数console.log(this.someProp);创建该类的实例… Java脚本 4分钟阅读
2020年11月2日, 使用Fetch API时,HTTP请求中缺少Cookie 调试:一个经典的推理游戏,你是侦探,受害者,同时也是凶手。-以下是cookies如何工作的解释。TLDR:浏览器向服务器发送HTTP请求。服务器以Set-Cookie: cookie=monster报头发送HTTP响应,设置浏览器中的cookie。浏览器发送给服务器的每个后续请求都将有Cookie: Cookie =monster报头。我存储一个CSRF令牌… Java脚本 2分钟阅读