归档文章: Javascript

hissummer mock平台

hissummer mock平台数据库使用mongodb,前端使用vue ,后端springboot。

1. 首先安装mongodb, 版本需要大于3.2.0 , 因为使用到了mongodb runcommand的find命令。低版本的mongodb不支持。

2. 安装mongodb后,假设mongodb监听了端口号 27017

3. 下载mock平台软件
https://github.com/hissummer-mockserver/StandaloneJar/raw/master/mockserver-0.0.2-alpha.war (当前0.0.2版本)

4. 下载后执行

java -jar hissummer-mockserver.war --server.port=8081 --spring.data.mongodb.host=localhost --spring.data.mongodb.port=27017

其中server.port 指定你的mock平台的端口号
spring.data.mongodb.host 是mongodb数据库的地址(这里我们部署到本地,所以指定为localhost)
spring.data.mongodb.port 是mongodb的端口号, 默认为27017

5. 启动后,打开 http://localhost:8081/ 即打开管理平台页面。

关于hissummer mockserver的项目介绍: 更多…

vue+iviewui menu+tabs联动及tabs切换总结

因为试着开发一个含有前端的平台软件,所以学习了下前端框架。 纯属巧合接触到了vue(据网上查找资料,国内使用vue的相对更多)。作为一个vue新手,本着目的为导向,对vue的基础知识掌握的并不是很牢靠。凭着一点点的代码编写和逐渐的解决问题,终于有了一点眉目。 这里我使用了iviewui ui vue 组件(国人开发) ,简单的完成了menu(左侧菜单)和 tabs 联动,以及tabs之间跳转切换的功能。实现了我当初计划的功能。

这个平台前端页面分为3大块区域。 顶部菜单,左侧菜单,内容区(由iviewui 的tabs 实现)。
更多…

vs code ide中vue代码如何去掉 invalid-end-tag 的lint错误

vs code ide中vue代码如何去掉 invalid-end-tag 的lint错误
更多…

vue&webpack升级后代码无法runtime运行和编译的解决

前一段时间重装了系统, 准备重新调试下之前开发的简单spa应用(vue)。 安装了最新的node后, 重新安装vue和相关webpack,结果发现再次runtime运行和编译都不太正常。 尝试升级了很多package后, 还是有一些莫名其妙的错误。 除了package的要升级外, 可能还存在因为升级更新导致的config需要修改的情况。

尝试手动升级并解决的过程中,碰到有很多错误,均需要一点点排查比较费工夫。

例如:

Module parse failed: Unexpected token (2:0)
You may need an appropriate loader to handle this file type.

Error: webpack.optimize.CommonsChunkPlugin has been removed, please use config.optimization.splitChunks instead.
at Object.get [as CommonsChunkPlugin] (F:\code\xxx\node_modules\webpack\lib\webpack.js:185:10)
at Object. (F:\code\xxx\build\webpack.prod.conf.js:82:26)
at Module._compile (internal/modules/cjs/loader.js:688:30)
at Object.Module._extensions..js (internal/modules/cjs/loader.js:699:10)
at Module.load (internal/modules/cjs/loader.js:598:32)
at tryModuleLoad (internal/modules/cjs/loader.js:537:12)
at Function.Module._load (internal/modules/cjs/loader.js:529:3)

更多…

vue如何批量导入一个文件夹下的多个vue component

假如我的代码文件结构如下:
/src
/src/components/
/src/components/a.vue
/src/components/b.vue
/src/App.vue

如果我想在App.vue 中导入/src/component/*.vue 的所有vue component 该如何批量导入呢? 如果不进行批量导入的话,只能一行一行的import和Vue.component
更多…

javaScript data 转换成 yyyy-mm-dd hh:mm:ss 的字符串

Date.prototype.yyyymmddhhmmss = function() {
var yyyy = this.getFullYear();
var mm = this.getMonth() < 9 ? "0" + (this.getMonth() + 1) : (this.getMonth() + 1); // getMonth() is zero-based var dd = this.getDate() < 10 ? "0" + this.getDate() : this.getDate(); var hh = this.getHours() < 10 ? "0" + this.getHours() : this.getHours(); var min = this.getMinutes() < 10 ? "0" + this.getMinutes() : this.getMinutes(); var ss = this.getSeconds() < 10 ? "0" + this.getSeconds() : this.getSeconds(); return "".concat(yyyy).concat("-").concat(mm).concat("-").concat(dd).concat(" ").concat(hh).concat(":").concat(min).concat(":").concat(ss); }; (new Date()).yyyymmddhhmmss() "2018-09-25 20:48:04"

jmeter jsr223 javascript 深度比对json object

更多…