使用 Webpack 的 Proxy 解决跨域问题

在这次的项目中,遇到了后端配置了允许跨域,但是我这边请求的时候还是提示跨域,后端折腾了会,我说算了,我这边本地做一下代里还快一点,你继续整接口吧。

所以就用到了 webpack-dev-serverproxy,但是有一些部分我并没有整明白,所以写一篇文章梳理一下。

最简单的就是直接在 webpack 的配置文件中启用 proxy 就可以了,

阅读全文

在项目中使用 MockJS 生成虚拟数据

今天本来想写一篇关于按照测试数据生成本地模拟 REST API 和接口文档的文章,
但是在使用 MockJS 的时候遇到了问题。

我想先使用 MockJS 生成模拟数据然后生成成一个 .json 文件,然后使用 handleBars 模板去生成接口文档。

但是在生成模拟数据的时候出现了问题,并且我想使用 MockJSTimeOut 属性去延时返回数据。
但是经过一番折腾效果并不理想,所以先整理一下关于 MockJS 的东西,然后再写生成文档的部分。

阅读全文

使用 MockJS 模拟 RESTful 接口并且生成接口文档

我们应该用格式化的数据来写,用稳定的数据接口,一次性输出文档、测试、mock 数据。

以前写项目都是和后端同时进行,而且一般后端会提前我 2 天给到 Swagger 生成的文档。
但是现在的项目后端因为居家自我隔离的情况所以进度被我超过去很大一部分,
我自己的接口模拟已经完成了,但是没有写接口文档,所以就想着能不能根据 Mock Data 去生成文档。

阅读全文

使用VueJS的计算属性监听DOM元素属性的问题

今天在写一个模拟微信的聊天组件的时候,需要获取消息列表的滚动条高度,来实现每次发送接受消息数据时,自动滚动到列表末尾。
当然就想到了用 Computed 属性来计算容器的 scrollHeight
然后就发现一开始滚动条会定位到列表最后,但是测着测着就发现怎么超出了一定高度范围之后就不会滚动到列表末尾了,而是固定在了一个值。

阅读全文

什么是 [Arguments] 隐式参数?

这段时间总是看到有人提到 arguments 隐式参数, 并且在 方方老师 的面试经中也提到了这个词,但是好像很多人不知道怎么一回事。
确实在 ES6 普及之后,有了 ... 展开运算符之后就很少有用到 arguments 了,并且我在写这篇文章之前还总是拼错单词,因为我喜欢自己定义 parameter 形参…

阅读全文

map() 和 forEach() 的区别

一直以来没有整理查阅过数组的原生方法,所以对什么时候用 map, 什么时候用 forEach 并不是很明确,完全看心情。
只是知道 map有返回值而 forEach 没有需要自己操作,所以今天准备好好梳理一下记录下来。

阅读全文

博客改版准备中...

今天突然就想把自己的博客的主题给改了,并且在想如何在 hexo 中使用 vue。

如果可以的话,应该会出一个文章。如果不行的话,还是使用 ejs 或者 pug 来制作(或者使用 VuePress??)
这次可能会多使用几个插件并且会提交到 hexo 官方,并且会考虑 i18n

阅读全文