- 博客(7)
- 资源 (3)
- 收藏
- 关注
原创 利用Yapi 自动生成前端api层
1、第一步:打开YApi网址,点击数据管理,数据导出选择swaggerjson,点击导出,将导出的json文件复制到项目根目录。2、第二步:全局安装swagger-api-codegen,控制台输入swagger --help3、第三步:初始化配置文件, 控制台输入swagger init4、第四步:生成api层代码,控制台输入swagger g api至此我们生成api的操作已经完成,接下来我们来看下,自动生成api有哪些好处1、代码自动调用提示及自动导包:...
2021-08-21 20:29:24 1185
原创 typescript的泛型使用
场景:封装一个函数,第一个参数如{a:{a:'sdfsdf'},b:{c:'sdfsdf'}},第二个参数为一个数组["a","b"],其中"a"和"b"必须时第一个参数中的key,返回结果为使用第二个参数数组筛选处第一个对象key值符合的对象组合成一个新数组。我们要做到,第二个参数中有不符合第一个参数键值的报错,返回值循环时有item的类型推导,且不限制第一个参数每个键值对应的value具体做法:实现原理:先约束入参data的类型为 D ={[k:string]:{[...
2021-08-21 20:11:05 186
原创 浅谈vue.js的理解
vue的脚手架相信很多人都用过,项目用单文件组件进行组装,拼装成各种各样的页面。在不使用单文件组件的时候我们写成这样,就可以将a组件定义为全局组件。Vue.component('a',{ template:'<div class="a">{{a}}{{b}}</div>', data(){//组件创建之前,默认渲染数据 return { a:1...
2018-02-10 17:53:30 1552
原创 从ejs-loader和html-loader出发,做一个自己的loader
前几天,没事做的时候,我想用ejs语法去写模板,可是刚配置完成,就开始报错,说是图片资源找不到,上网查阅相关资料,我知道了有html-loader这个东西可以编译模板中导入的图片资源为base64,在打包的时候根据限制的图片大小,大的图片转换为图片,小的依然保留base64,但是它的缺点就是不能注入参数,成为模板,比如<!DOCTYPE html><html> <...
2018-02-09 20:03:04 2011 1
原创 论webpack配置技巧
对于构建工具,相信大家并不陌生,熟悉webpack的人都知道,webpack的配置项非常庞大,有时想要找一个配置项就要花半天时间,所以有一部分人把目标投向了去年在构建工具类中排行冠军的零配置的parcel。 作为webpack的忠实粉丝,我并没有选择parcel这种简单构建工具,众所周知,比如一个需要传参才能执行某个事件的和一个不需要传参就可以执行某个事件的函数哪种灵...
2018-02-06 20:01:30 578
原创 前端工程施工组织设计
前言:你是否遇到多个项目翻来覆去的ctrl+c,ctrl+v之后还要面对重复的维护工作而感到头疼,看完这篇文章后,你便知道项目原来可以这么玩。正文:一、 目录结构设计在多个项目中我们或许会使用同一种方法,或样式组。所以我们应该将所有项目结合在一起放在一个目录下,使用webpack打包,根据配置的文件不同,输出为不同的项目。一层目录src、dist、config、src中存放模块
2018-02-06 19:05:51 258
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人