This repository was archived by the owner on Aug 11, 2021. It is now read-only.
File tree 7 files changed +17
-17
lines changed
7 files changed +17
-17
lines changed Original file line number Diff line number Diff line change 1
1
* [ 使用] ( start )
2
2
* [ 配置] ( configure )
3
- * [ 全局 SASS 资源] ( sass-resources )
3
+ * [ 全局 SCSS 资源] ( sass-resources )
4
4
* [ 精灵图] ( sprite )
5
- * [ SVG图标 ] ( svg )
5
+ * [ SVG 图标 ] ( svg )
6
6
* [ 全局组件] ( global-component )
7
7
* [ Vue-router] ( vue-router )
8
8
* [ Vuex] ( vuex )
9
- * [ Axios拦截器 ] ( axios )
9
+ * [ Axios 拦截器 ] ( axios )
10
10
* [ 快速创建文件] ( plop )
11
11
* [ 代码规范] ( coding-standard.md )
12
12
* 扩展
13
- * [ Mock与联调 ] ( mock.md )
14
- * [ CDN支持 ] ( cdn.md )
15
- * [ GZip支持 ] ( gzip.md )
13
+ * [ Mock 与联调 ] ( mock.md )
14
+ * [ CDN 支持 ] ( cdn.md )
15
+ * [ GZip 支持 ] ( gzip.md )
16
16
* [ 移动端支持] ( mobile-support.md )
Original file line number Diff line number Diff line change 1
- # Axios拦截器
1
+ # Axios 拦截器
2
2
3
3
拦截器的用处就是拦截每一次的请求和响应,然后做一些全局的处理。
4
4
8
8
9
9
代码很简单,首先初始化 ` axios ` 对象,然后 ` axios.interceptors.request.use() ` 和 ` axios.interceptors.response.use() ` 就分别是请求和响应的拦截代码了。
10
10
11
- 参考代码里只做了简单的拦截处理,例如请求的时候会自动带上 ` token ` ,响应的时候会根据错误信息判断是登录失效还是接口报错。
11
+ 参考代码里只做了简单的拦截处理,例如请求的时候会自动带上 ` token ` ,响应的时候会根据错误信息判断是登录失效还是接口报错。
Original file line number Diff line number Diff line change 1
- # CDN支持
1
+ # CDN 支持
2
2
3
3
开启 CDN 的好处在于,项目中引用的一些第三方库不会打包进项目内,从而减小打包出的文件体积,同时借用 CDN 的优势,大大提高项目加载速度。
4
4
Original file line number Diff line number Diff line change 1
- # GZip支持
1
+ # GZip 支持
2
2
3
3
除了使用 CDN 来提高加载访问速度外,如果后端服务器支持,还可以开启 gzip 进行文件压缩,这是一种更显著的减小文件体积的处理办法,通常可以减小 60% 以上的体积。
4
4
Original file line number Diff line number Diff line change 1
- # Mock与联调
1
+ # Mock 与联调
2
2
3
3
框架使用 [ Mockjs] ( https://github.com/nuysoft/Mock ) 做为模拟数据生成,mock 数据编写规则请阅读官方文档。
4
4
Original file line number Diff line number Diff line change 1
- # 全局 SASS 资源
1
+ # 全局 SCSS 资源
2
2
3
- > 全局 SASS 资源并不是全局样式,是变量、@mixin 、@function 这些东西
3
+ > 全局 SCSS 资源并不是全局样式,是变量、@mixin 、@function 这些东西
4
4
5
- 在 ` assets/styles/resources/ ` 目录下存放全局的 SASS 资源,也就是说在这个目录里的文件,无需在页面上引用即可生效并使用。
5
+ 在 ` assets/styles/resources/ ` 目录下存放全局的 SCSS 资源,也就是说在这个目录里的文件,无需在页面上引用即可生效并使用。
6
6
7
7
项目中默认存放了 ` utils.scss ` 文件,里面有几个 ` @mixin ` 和 ` % ` ,你可以尝试在页面中使用它们看看效果。
8
8
9
- 同样,[ 精灵图] ( sprite ) 目录下生成的 SASS 资源也是全局可调用的。
9
+ 同样,[ 精灵图] ( sprite ) 目录下生成的 SCSS 资源也是全局可调用的。
Original file line number Diff line number Diff line change 1
- # SVG图标
1
+ # SVG 图标
2
2
3
3
现在越来越多项目开始使用 SVG 图标做为精灵图的替代品,本框架也提供了 SVG 图标支持,方便使用。推荐去[ 阿里巴巴矢量图标库] ( https://www.iconfont.cn/ ) 下载高质量 SVG 图标
4
4
8
8
<svg-icon name =" example" />
9
9
```
10
10
11
- > ` <svg-icon /> ` 组件为全局组件,所以无需注册即可使用
11
+ > ` <svg-icon /> ` 组件为全局组件,所以无需注册即可使用
You can’t perform that action at this time.
0 commit comments