前端
文章平均质量分 52
FORMAT-qi
只要还有明天,今天就永远是起跑线。
展开
-
NestJs服务搭建步骤记录(四):异常捕获
一、异常捕获新增拦截器模块 $ nest g filter filter/http-exception $ nest g filter filter/any-exceptionhttp-exception.filter.ts: 捕获主动刨错的内容import { ExceptionFilter, Catch, ArgumentsHost, HttpException,} from "@nestjs/common";import { Request, Response }原创 2022-05-04 00:07:28 · 989 阅读 · 1 评论 -
NestJs服务搭建步骤记录(三):jwt、redis、单点登录示例
一、jwt使用实例安装依赖包$ yarn add passport @nestjs/jwt passport-jwt @types/passport-jwt @nestjs/passport 2.保持干净地模块化,新建auth模块$ nest g mo auth$ nest g service auth$ nest g co auth相关文件:auth.service.ts/* * @Author: FORMAT-qi * @Date: 2022-05-02 10:29:28原创 2022-05-02 16:57:58 · 2130 阅读 · 0 评论 -
NestJs服务搭建步骤记录(二):log4js、中间件使用示例
一、使用nestx-log4js/core增加日志打印(日志打印更容易分辨,会生成对应的日志文件,默认目录logs)1.安装nestx-log4js/core$ yarn add nestx-log4js/core2.修改app.module.ts// imports 加入 Log4jsModuleimport { Log4jsModule } from "@nestx-log4js/core";@Module({ imports: [DbModule, UserModule, Log4j原创 2022-05-02 00:33:13 · 3564 阅读 · 0 评论 -
NestJs服务搭建步骤记录(一):项目创建、Mongoose、swagger使用示例
node服务NestJs+Mongoose+TS 搭建步骤记录原创 2022-05-01 19:15:39 · 1113 阅读 · 0 评论 -
Vue:用slot优化Table组件
对UI组件库table组件 columns的render优化优化前{ title: "操作", key: "action", align: "center", fixed: "right", width: 300, render: (h, params) => { return h("div", [ h( .原创 2021-08-05 11:01:10 · 883 阅读 · 0 评论 -
Sourcetree提交代码husky报npm: command not found
随手记录一下。Vue项目配置完husky后,使用Sourcetree提交代码时,报错 npm: command not found解决方法:在 .husky目录下的pre-commit文件中添加环境变量PATH=$PATH:/usr/local/bin:/usr/local/sbin原创 2021-05-11 16:01:39 · 5234 阅读 · 0 评论 -
vite2.0 + ant Design vue2.0按需加载和更换主题
随手记录一下main.tsimport { createApp } from 'vue'import Antd from './antd-ui'import App from './App.vue'const app = createApp(App)app.use(Antd)app.mount('#app')antd-ui.tsimport { Button, Card, message, notification } from 'ant-design-vue'const co原创 2021-04-23 16:09:06 · 3396 阅读 · 11 评论 -
2021前端自动化部署jenkins步骤记录
刚到新公司,这边居然是前端打包zip文件发给运维部署,感觉十分不方便,像我这种bug多的开发,需要经常部署一下的,为了不被运维打,搭一个jenkins自动化部署,记录一下过程。大致过程就是,本地代码push到远程仓库,服务器端Jenkins上选择目标分支或tag进行构建,当然也可以监听push动作自动构建,执行构建任务,拉取代码,执行编译打包,将编译产物部署到web项目工作目录。一、服务器配置1.安装java环境sudo yum install java查看版本号,若有版本号输出,表示安装.原创 2021-04-15 10:46:07 · 432 阅读 · 2 评论 -
Vue中的可以屏蔽scoped作用的“>>>”深度选择器
css的scoped属性···vue 为了防止 css 污染,当组件的 实现原理很简单,给当前组件中的每个标签都加上唯一的自定义属性:data-v-唯一的属性,然后 css 选择器都加上属性选择器.article-title[data-v-唯一的属性],这样这个 css 只会匹配到当前页面的这个元素。注意:每个组件的最外层的标签会带上父组件的data-v-属性,也就是这个标签会被父组件的样式匹配到,所以父组件尽量不要使用标签选择器,这个标签不要使用父组件中的 id 或者 class。在父组件想修改子组原创 2021-02-20 11:45:28 · 335 阅读 · 0 评论 -
应该知道的前端小知识
1. css一行文本超出… overflow: hidden; text-overflow:ellipsis; white-space: nowrap;2. 多行文本超出显示… display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;3.IOS手机容器滚动条滑动不流畅 overflow: auto; -webkit-overflow-scrolling:转载 2020-11-26 09:17:26 · 180 阅读 · 0 评论