自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(9)
  • 收藏
  • 关注

原创 Xterm.js 4.x开启鼠标事件后鼠标点击无效(:set mouse=a)

技术栈:vue + websocket + xterm.js背景:需要支持页面内的搜索(类似于浏览器的Ctrl + F效果)有了需求,所以我去找到相关的插件可以实现这个功能 – xterm-addon-search,但是根据文档,该插件需要xterm的版本为4.x,而我的项目中的版本为3.x,所以进行了一波升级,升级之后没感到什么明显问题。直到用户反馈,Linux下如果输入了指令:set mouse=a启用鼠标事件后,鼠标无法选中内容已经鼠标滑轮无法滚动内容。开始排查问题,通过对比的方法,发现旧版本确

2021-10-30 15:48:56 2380

原创 前端支持文件夹上传

前端支持文件夹上传环境:vue2.0 + axios1.webkitdirecetory属性最核心的在于<input>标签上,type类型为file,添加webkitdirecetory属性,即可调出文件夹选择的窗口了2.HTML部分// 按钮用于触发弹出文件选择窗口<el-button @click="addFinderToList">添加文件夹</el-button>// 原来的按钮样式太丑了,所以隐藏掉<input type="file" id

2021-05-18 21:00:13 1712 1

原创 React组件的父子通信

一、父组件向子组件父组件在调用子组件的时候,将属性传递给子组件//这个是父组件export default class Father extends Component { constructor(){ super() this.state={ list:['a','b','c'] } } r...

2020-04-17 16:57:51 340

原创 Vue组件的父子通信

一、父组件向子组件ref,被用来给元素或子组件注册引用信息。所以父组件在引用子组件时,就会用到ref来注册引用信息,如ref=“b”,b代表注册在父组件上的名称,通过这个名称可以找到该组件,如下:<template id="aaa"> <div> <button @click="get">get</button> ...

2020-04-16 18:00:03 144

原创 vue项目上线nginx服务器时的代理问题

今天就来谈谈vue项目上线nginx服务器时我踩过的坑,希望大家看完可以少走弯路!!! 1.首先,我们在本地开发的时候,假如我们的项目用到别人的接口,但是请求跨域了,那我们就需要使用代理,而在vue的配置文件vue.config.js中,我们写的接口代理有两种模式,如下:module.exports = { devServer: { proxy: {...

2020-04-14 02:10:01 492

原创 git 拉取远程分支合并到本地分支上

*注:这篇博客的前提条件:本地已经和远程的github仓库建立了连接,即已经把远程仓库的项目clone到本地了,因为前面的操作是基础,所以不再重复写了。注明:本篇文章,zyy代表本地分支,zjl代表该仓库的其他分支,origin为远程仓库的地址名称,根据自己的改为相对应的名称即可1.git branch -a --查看远程分支2.git checkout -b...

2020-04-14 01:30:03 3766 1

原创 浅谈Vue实例生命周期

(1)我们先看一下vue官网给出的生命周期图,如下:(2)从图中,我们可以看出,每个组件或者实例的一个完整生命周期大致可以划分为三个阶段:初始化,运行中和销毁。(3)组件或者实例通过new Vue()创建后,便会初始化事件和生命周期,会自动执行beforeCreate这个钩子函数,但此时无法访问到数据可以真实的dom,因为这时的数据还没有挂载,只是一个空壳。(4)之后就到了crea...

2020-03-29 22:28:02 121

原创 vue-cli4.x构建的项目的执行顺序详解

通过vue-cli构建了一个项目,那么让我们来了解一下整个项目是如何执行的。 安装vue-cli的过程我就省略了,从启动服务开始吧!通过指令$npm start serve启动了服务,在浏览器输入http://localhost:8080/,我们可以看到vue已经跑起来了,运行界面如下: 那么,是怎么来到这个界面的呢?下面我来讲解一下。...

2020-03-25 21:20:41 1767

原创 详解前后端交互 B/S

本人才疏学浅,该文章就谈一下我对前后端交互的理解,如果那些写得不对的,请各位大神指出来,大家交流学习!一.什么是前后端交互? 了解什么是前后端交互之前,我们先了解一下前后端交互有什么作用。一个网站不仅仅是只有前端,还有在后端的数据库和服务器(网站构成如下图所示),前端页面上的数据不可能完全写死的,所以前端需要从服务器动态地获取数据,以便保证前端的灵活性,此时便需要前后端的交互。......

2020-02-27 00:49:44 5807 1

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除