Synnny-CSDN博客

原创使用zookeeper+websocket简单实现后台高可用服务监控管理

使用zookeeper+websocket简单实现后台高可用服务监控管理功能需求：因项目需要后台服务器需要实现高可用，为了能方便开发人员更好的查看当前服务器是否在线、上次启动时间、端口号等信息，使用zookeeper+websocket实现服务监控以及推送。实现过程：pom文件中引入相关依赖  <dependency> <groupId>org.apache.zookeep

2021-04-27 15:41:26 1563

原创【更新中】学习笔记：vue相关知识点

Vuex1、什么是Vuex？Vuex是Vue的一个全局状态管理模块，它的作用是多个组件共享状态及数据（即当某个组件将全局状态修改时，在绑定了该状态的另一个组件也将响应）。2、Vuex组成部分state：是存储的基本数据。Getters：对数据获取之前的再次编译，可以理解为state的计算属性const getters = { username: state => state.user.username, nickname: state => {state.user

2021-04-17 15:21:10 303 4

原创 GraphQL入门学习笔记

基础介绍1、什么是GraphQLGraphQL是一个用于API的查询语言，是一个使用基于类型系统来执行查询的服务端运行时。2、优点：(其实就是优化了RESTful API)1）可以限制应该从服务器获取的数据，只获得你想要的东西比如有一个业务对象 Student ，其属性为 id，firstName，lastName 和 collegeName。假设我们只想要获取 firstName 和 id。如果设计了一个REST端点（/api/v1/students ），它将最终获取 student 对象的所

2021-04-02 10:44:53 241 1

原创 [已解决] vue 引入 echarts 报init undefined问题

今天是初次使用echarts，寻思放个官方案例先看一下，结果遇到一个了一个很奇怪的问题，一直报如下图所示的错误—“init of undefined”。搜了一下主要有几种说法，可以按照一下步骤排查：1、检查一下echarts是否安装成功2、如果安装成功了，可能是安装的版本过高。删除原有的，重新安装指定版本(仍不好用)。npm uninstall echarts --savenpm install echarts@4.8.0 --save3、如果还不好用，查看一下自身的引用时是否引用得不对

2021-03-22 11:39:19 8090 8

原创使用vue+element-ui实现移动端每日报工日历

实现思路：1、将日历分为四个部分：1）日历中要显示的上个月日期部分2）当月到当天的日期部分3）当月当前之后的部分(为了实现点击无操作)4）日历中要显示的下个月日期部分2、日历的操作：1）点击上个月日期进入到上个月日历。2）（当月)点击到当前日期之前的显示当天的报工信息、(当月之前)点击任意七日都可显示当天的报工信息3）当月之后不可操作。4）节假日、休息日点击显示休息日。**注意：不支持年切换，只允许对当前年份进行操作<template> <div class=

2021-03-20 10:10:16 1339 4

转载 [已解决]nvm安装node10.15，npm -v不能使用问题

因为公司使用需求，需要将node版本切换至10.15.0。但我安装了nvm以后，发现npm不能使用，一直提示不是内部命令，一开始以为是自己环境变量配置错了，多番捣鼓以后找到了这篇文章，问题已解决。...

2021-03-04 10:51:11 560 1

原创 [20210331更新]使用vue编写项目碰到的问题汇总

滚动条监听问题移动端一般数据较多时，会使用分页查询数据，当页面触底时获取下一页数据。一般使用增加滚动条监听判断是否触底。使用addEventListener增加scroll监听在mounted中增加scroll监听，在method中定义handleScroll方法。注意：最后一个参数要设置为true。否则会不好用mounted() { document.addEventListener("scroll", this.handleScroll, true);},methods：{ han

2021-01-28 15:02:33 420 1

原创使用element-ui碰到的问题总结

使用element-ui碰到的问题总结自定义element-ui失效问题例如想将input输入框和button放在一行进行显示。<div class="text"> <el-input v-model="searchText" placeholder="搜索项目名称" prefix-icon="el-icon-search"> </el-input> <el-button type="primar

2021-01-26 16:14:54 973 3

weixin_43777007的博客