Yuer丶-优快云博客

首选需要下载两个运行依赖：@grpc/grpc-js 和 @grpc/proto-loader以下内容摘自网络：在gRPC里，客户端可以直接调用不同机器上的服务应用的方法，就像是本地对象一样，所以创建分布式应用和服务就很简单了。在很多RPC(Remote Procedure Call Protocol)系统里，gRPC是基于定义一个服务，指定一个可以远程调用的带有参数和返回类型的的方法。在服务端，服务实现这个接口并且运行gRPC服务处理客户端调用。在客户端，有一个stub提供和服务端相同的方法。

2022-01-18 08:20:06 830 1

原创利用Git生成本机SSH Key并添加到GitHub中

输入“ssh-keygen -t rsa -C 邮箱”回车三次git config --global user.name “bryan sun”git config --global user.email “hitsjt@gmail.com”查看生成的私钥配置一般在C盘用户下边.ssh/id_rsa.pub然后复制ssh密钥到GitHub中...

2021-12-31 15:51:10 428

转载 mysql出现ERROR1698(28000):Access denied for user root@localhost错误解决方法

https://www.cnblogs.com/cpl9412290130/p/9583868.html亲测好用

2021-12-06 14:53:37 190 1

原创使用nodejs操作sqlite

先下载sqlite数据库进行本地安装官方链接https://www.sqlite.org/index.html下载如图所示文件，下载两个，64位系统按照标注下载。下载之后安装一个数据库可视化工具，纯命令行操作着实费劲可视化软件操作1、添加数据库点击“添加数据库”按钮创建新数据库数据类型选择“System.Data.SQLite”，点击绿色添加按钮2、创建表双击数据库，将会显示其下的子节点，选择“Tables”，并在工具栏点击“新建表”按钮，如下图所示：在Table name文

2021-11-08 16:13:12 4541 1

原创 vue 为element树形组件el-tree添加虚线，指示线

需求需要实现一个带有指示线的树形组件，项目用的Vue，树形组件使用的是element的el-tree，所以想直接在element的组件上直接改样式实现。先看最终实现的效果图：思路在控制台查看 el-tree 渲染后的HTML结构，找到相应的节点添加伪元素，利用伪元素的border属性加上定位实现虚线效果。渲染后HTML结构如下，可发现树的结构是由一个类名为 el-tree-node 的div包裹着两个分别代表节点本身和子节点集的div 递归遍历生成的，类名为 el-tree-node 的div就是一

2021-11-04 10:04:09 4082 3

原创关于element树形组件实现拖拽

直接上码 <div class="box"> <div class="left"> <el-tree :data="data" node-key="id" default-expand-all :expand-on-click-node="false" draggable :allow-drop="allowDrop" :allow-drag="

2021-11-03 10:00:01 611

原创 vue3.0+ts+electron实现桌面端的开发

首先用脚手架创建一个vue3.0的项目，项目需要使用ts且使用class-style的方式创建vue3.0+ts项目。项目完成后，先熟悉ts语言，熟悉之后熟悉class-style项目。熟悉项目之后，引入electron，安装之前建议先配置淘宝镜像npm install -g cnpm --registry=https://registry.npm.taobao.orgvue创建好一个本地项目之后，可以到项目根目录执行vue add electron-builder耐心等待安装结束，如果中

2021-10-28 16:54:48 692

原创关于vue中使用swiper的一些踩坑记录

安装指定版本npm i vue-awesome-swiper@2.6.7 --save//在main.js引入import VueAwesomeSwiper from 'vue-awesome-swiper'import 'swiper/swiper-bundle.css'Vue.use(VueAwesomeSwiper)然后参考这个人写的https://www.cnblogs.com/luguankun/p/12630163.html...

2021-06-02 18:22:51 148

原创关于vue脚手架创建项目时使用vue代理的一些问题

可以根据不同的环境去更改打包时候不同的代理地址创建env文件来区分不同的环境.env.development(开发环境).env.production(生产环境)可以通过设置NODE_ENV = production来进行判断为什么环境来设置不同的请求URLVUE_APP_BASE_API = '' 通过设置不同api进行不同的代理判断switch (process.env.NODE_ENV) { case 'development': baseUrl = "http

2021-04-01 16:13:24 262 1

原创 js遍历树形结构方法

let nodeList = [ {id: '1-1', children: [{id: '1-2-1'}, {id: '1-2-2'}]}, {id: '2-1'}, {id: '3-1', children: [{id: '3-2-1', children: [{id: '3-3-1'}]}]}这个方法比较常见，第一点就是你需要用额外的变量保存最后的结果，第二点就是可递归的条件是当前访问节点具有子节点，nodeList的children属性便是记录了子节点数据，我们不仅要判

2020-09-12 18:40:21 1289

原创 element上传组建+axios实现文件上传

http-request：覆盖默认的上传行为，可以实现自定义上传on-exceed：文件超出个数限制时的钩子<el-upload class='image-uploader' :multiple='false' :auto-upload='true' list-type='text' :show-file-list='true' :before-upload="beforeUpload" :drag='true' action='' :limit="1" :on-exceed="handleEx

2020-07-24 18:21:19 505 1

原创 vue-cli3.0 生产包去除console.log

vue-cli3.0使用的是babel-preset-env,默认的配置就包含了babel-preset-es2015。搜索发现vue-cli3.0在打包过程中就使用了terser-webpack-plugin插件进行优化，具体配置可以node_modules/@vue/cli-service/lib/config/prod.js中看到。if (process.env.VUE_CLI_TEST) { webpackConfig.optimization.minimize(false)} else

2020-07-23 09:47:57 283

原创 axios接收base64文件流，转换为图片

主要用于获取验证码图片，因为转码看了好久//responseType值必为arraybuffer，否则不生效this.$http.post('/passengerTraffic-admin/captcha/getKaptchaImage', params, { responseType: 'arraybuffer' }).then(res => { console.log(res); this.url =

2020-07-20 19:22:41 2037

原创 vue中引用vue-quill-editor富文本编辑器实现图片上传

//html部分 <div> <el-upload v-show="false" id="quill-upload" :action="serverUrl" name="photo" multiple :limit="3" list-type="picture" :show-fi

2020-07-18 18:44:03 416

原创关于vue中引用腾讯地图api

init() { //步骤：定义map变量调用 qq.maps.Map() 构造函数获取地图显示容器 //设置地图中心点 var myLatlng = new qq.maps.LatLng(this.longitude, this.latitude); //定义工厂模式函数 var myOptions = { zoom: 12, //设置地图缩放级别

2020-07-18 18:39:13 943

原创 css好看的背景

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X...

2019-10-11 12:08:15 512

Cute_new_rookie的博客

原创 qml和c++进行交互

原创 qml组件之间信号和槽通讯

原创代码编译***********************

原创 C++类型

原创 C++初始

原创 docker+jenkins前端react项目自动化部署

原创 dockerfile入门

原创初始Dockerfile和数据卷容器

原创 docker容器数据卷

原创 CentOs7安装docker

原创关于webworker的理解和在react中使用

原创 node使用grpc对与服务端进行通讯