开个新坑

背景 react 如果想在 ant-design 封装的组件上二次开发, 因为 jsx 的特性, 可以将 dom 作为 props, 所以很简单, 但 vue 就有点麻烦, 需要使用 slot 插槽的方式, 以下是业务开发中时间成功后的记录, 感觉还是学到了挺多东西. $attrs 和$slots 在具体时间之前需要了解一些前置知识, $attrs和slots都是绑定在组件作用域上的私有属性,

背景 又双叒叕是因为看到 vue 项目里大佬将基建代码包装在了 vue-cli 中并通过vue-cli-service command亦或者vue invoke command的方式执行代码, 一直对 vue-cli 不太熟悉花了半天时间大概了解 vue-cli plugin 的开发流程, 至此记录. vue add 如果想要安装 vue 第三方插件可以通过vue add eslint来安装,

背景 最近维护的许多 toB 系统都使用 typeorm 并大量使用其中的装饰器decorator 进行 db 的 CRUD, 忙里偷闲稍微记录一下 引言 文章会使用 的例子并结合自身项目开发中的内容讲解 typeorm in nestjs 引入 db 配置 同步 12345678910111213141516171819202122@Module({ imports: [

背景 阅读组里常用的 node 编写的 cli 源码记录 npm packages 介绍一些开发 cli 工具很实用的 npm 包 command-exists node module to check if a command-line command exists 12345var commandExists = require('command-exists')

背景 背景其实也是和同事闲聊, 然后聊到这个, 就尝试了下, 总结了三种方法 whistle 部分请求不走代理 试想一个场景要把域名www.abc.com代理到某台机器 ip, 但是www.abc.com/api不走代理, 可以 第一种最简单的, 写对应匹配的正则表达式, 但是需要比较熟练的正则使用经历 1/www\.abc\.com\/?!(api)/ 127.0.0.1 使用igno

背景 还是在看 react 项目代码时发现引入 css 时并不是直接import 'xx.less', 而是通过import style from 'xx.less'的方式引入, 前者引入实际上是全局的 css 配置, 可能会全局污染别的组件, 而后者则通过 css module 的方式使 css 只作用于当前组件 配置 css module 配置中的importLoaders必须是 3 s

ant-design 官网 ProComponent 官网 背景 最近有个需求迭代要修改中台系统, 该系统是使用 react + ant-design + ProComponent 搭建#的, 记录下遇到的问题 遇到的问题 1. ant-design 设置表单的validator一直显示xxx is not a valid undefined ant-design 中表单校验默认type都是

背景 业务部门这一年全面拥抱 typescript, 再也不直接使用 js 编写代码。但是我们知道 ts 实际上还是会被编译成 js 的，tsconfig.json则起到重要作用, 其中module, moduleResolution, target, lib这些 field 及其 value 长得好像都差不多, 所以一直没搞清楚这些 field 是做什么的 module 定义模块解决方案

背景 目前项目部署正式环境前端请求会走 nginx, 反向代理到真正的后台服务机器. 最近刚弄完 node 的鉴权中间件, 其中遇到获取请求头host信息是127.0.0.1:xxxx无法获取真实请求 ip 或域名的情况, 解决后做个记录. 解决方法 先说解决方法, 因为 nginx 默认是不会透传客户端的请求头信息的, 所以需要自己在 nginx 的配置文件中添加下, 找到对应匹配的 loc