typescript
文章平均质量分 81
小蓝阿姨
独立开发者
展开
-
使用装饰器(注解)编写express实现nestjs控制器原理
使用装饰器编写express,本文章所涉及的编程语言全程使用typescript,若不了解typescript的同学最好先补充一下前置知识才比较好吸收消化,本文章不会涉及一些前置知识的回顾,如有疑问请于下面评论区留言或者发私信。本文章涉及到的核心原理是使用到了typescript所拥有的装饰器写法,必须要打开里面的选项才可以进行装饰器的编写。附上本文章所使用的tsconfig文件配置{原创 2022-11-27 15:12:32 · 879 阅读 · 0 评论 -
使用JSDoc在js里面短暂的替代ts,以webpack配置文件为例
前言这是在闲着没事做瞎做东西的时候偶然发现的。可能全世界都知道了我才刚知道。不行我必须要把这一小点收获所分享出来,一定还有更多的人不知道。原来jsdoc是可以做到一个基本的类型校验的。原来jsdoc那么好用。本篇文章就将会以webpack这个配置文件webpack.config.js来做例子讲解开始我的环境编辑器:vscodewebpack版本:5.72.0众所周知,平时直接使用webpack的时候,就类似于这样子去写,没有代码提示webpack的配置文件在没有提示的情况下经常原创 2022-04-15 20:53:54 · 1065 阅读 · 0 评论 -
react-router-dom v6 useRoutes应用(懒加载多级路由)
文章目录前言代码引入方式最终效果前言本篇文章编辑环境:对应的版本react版本:18.0.0react-dom版本:18.0.0react-router-dom版本:6.3.0由于上一篇写的不是特别好,我就直接重置了这一篇。我就先附上代码了,这次写的比较简洁易懂。整个路由的使用逻辑,其实和vue-router类似,本篇主要是懒加载。这个v6版本的路由依赖有这俩东西值得关注import { useRoutes, Outlet } from 'react-router-dom'原创 2021-11-30 11:01:26 · 10016 阅读 · 2 评论 -
react-router-dom v6的路由懒加载形式,这里写了两种
前言react-router-dom第6版本的这个Route改动的有点小大之前的路由渲染方式是按照// v6版本之前的<Route path={router.path} component = { router.component }/>在v6版本中,这个组件改动有点小大,把component这个属性改成了element,传进去的组件需要使用个尖括号包起来// v6<Route path={router.path} element = { <router.原创 2021-11-29 10:34:50 · 12647 阅读 · 11 评论 -
使用ts+webpack5手把手搭建一个react的环境
前言写这篇博客的首要目的是为了让我自己能更好的掌握住webpack,同时了解脚手架的一个大概原理的一个出发点进行编写的。准备工作包管理工具(yarn或者npm,我使用yarn)一个编辑器(我这边使用vscode)webpack,webpack-cli,webpack-dev-serverreact,react-dom,@types/react,@types/react-domtypescript目录环境配置webpack配置react配置webpack-dev-server配置原创 2021-11-26 14:34:20 · 1159 阅读 · 0 评论