TailwindCSS 如何画一条0.5px的线
在移动端项目,一般为了让线条看起来更细、更锐利,此时使用0.5px的线条是非常合适的。那么如何使用TailwindCSS画一条0.5px的线条呢?在实现这个需求的时候,首先去TailwindCSS官网查了一下border有没有对应的内置工具类,发现内置的线条最细的是1px;所以我们需要自定义配置TailwindCSS的space属性。下面将详细说明如何配置。两种配置实现方式一基于配置spaci
前端 · 阅读 2797 · 2023年12月18日 23:24

微信小程序 自定义组件
一、组件间传值定义组件//modal.wxmlbuttonbindtap='clickEvent'测试/button//modal.jsmethods:{clickEvent:function(e){varmyEventDetail={a:1,b:2,3:2};//提供给事件的监听函数varmyEventOption={};//触发事件的选项debuggerthis.triggerEvent(&#
前端 · 阅读 1139 · 2022年6月18日 11:41

基于NestJS 和 TypeORM 实现 CURD RESTful API接口
对于服务端项目而言,对外如何提供合格规范的HTTP接口,对内如何优雅的操作数据存储,比如mysql、mongodb。本文是NestJS服务端开发的基础入门教程,我会根据成熟的解决方案,给大家详细介绍如何基于NestJS实现开发RESTfulAPI,其中基于TypeORM操作mysql数据的增删改查。希望通过阅读完这篇文章后零基础的朋友也能够完成简单的服务端项目开发。准备工作1.安装依赖为了方便对m
服务端 · 阅读 4200 · 2023年12月20日 23:21

React 内置 Hook 之 useEffect
Hook是一种特殊的函数,使得你能够在不更改组件结构的条件下,重用组件之间的状态相关逻辑,进步提升我们代码的复用性和可维护性。其中,useEffect作为核心的一部分,帮助我们解决在类组件中副作用相关逻辑复杂难懂的问题。理解了Hook的概念,让我们现在深入探讨它其中一个重要的应用——useEffect。useEffect是什么useEffect是React的核心Hook之一。它让你可以在函数组件中
前端 · 阅读 2063 · 2022年3月14日 15:04

一篇文章掌握 NestJS 所有的生命周期以及执行时机
NestJS是一个用于构建高效、可扩展的Node.js服务器端应用程序的框架,它使用TypeScript作为开发语言,也支持原生的JavaScript。在NestJS中,生命周期事件是一个重要的概念。在我们构建和管理应用程序时,有时需要在特定的阶段执行一些操作,例如在创建实例,添加或删除模块,突然终止程序时,对这些事件加以利用,可以使我们的应用程序更强大、灵活。在本文中,我将介绍NestJS的生命
服务端 · 阅读 5198 · 2023年12月29日 21:06


Redux-actions 使用方法
前言Redux的诟病是重复的模块代码太多,各路大佬都开始尝试解决这些问题,Redux-actions悄然而生。刚开始使用Redux-actions时遇到一些问题,那么专门写一篇博客全面详细的记录Redux-actions的使用。安装npminstallredux-actions//index.jsximportReactfrom'react';importReactDOMfrom&
前端 · 阅读 2560 · 2022年6月18日 11:44

基于 React 实现将HTML页面内容转化成图片,并支持下载
在Web开发中,有时我们希望将网页内容或某个特定的区域转换成图片格式,以便用户可以下载。比如,这在生成报表截图、分享社交媒体帖子等场景下非常有用。在本教程中,将引导您如何使用这两个库来捕获网页内容,并让用户可以将其作为图片下载。使用html2canvas一、安装依赖通过npm或yarn安装html2canvas:npminstallhtml2canvas#或者yarnaddhtml2canvas实
前端 · 阅读 1579 · 2024年2月23日 16:10

React 支持多语言国际化 -- i18next
前言如果我们的项目需要更多的流量,支持其他国家的语言是必不可少的。对于React项目我们该如何实现项目多语言,让工程走向国际化,本文将介绍目前最通用的解决方案i18next。准确是说i18n并不仅仅是为React而生,为了支持React项目,我们还需要引入react-i18next插件。本文将通过简单的例子解释i18next的核心功能,下图是最终效果。
前端 · 阅读 5016 · 2022年11月6日 19:59

一文教会你如何使用 Vercel 部署你的 NestJS 应用
这篇文章详细解析了如何使用Vercel免费部署Nestjs项目的步骤。首先,我们需要在Nestjs项目中添加Vercel的配置文件。接着,我们将项目上传到GitHub,然后授权给Vercel。选择GitHub上的项目,通过Vercel平台创建新项目并完成部署。此外,如果你想使用个人域名访问你的服务,Vercel也提供了这样的支持,你只要有一个通过备案的个人域名,就可以将其配置到你的Vercel项
服务端 · 阅读 4951 · 2023年12月14日 23:07
