自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 react学习

文章目录搭建react环境插件Simple React Snippets目录介绍组件引入1.在index.js文件引入2.编写App.js组件JSX1.语法2.引入css文件用classname3.label标签一个例子1.写一个组件Xiaojiejie.js1.在constructor里定义data2.事件绑定2.在index.js引入并且使用组件拆分传值不同组件的通信父子组件传值父组件传值给子组件依靠属性传递PropType对接收传递值的类型进行规定ref的使用使用坑生命周期Mounting阶段`Upd

2021-05-19 15:30:37 193

原创 vue开发环境下的前端代理

在开发的过程中,难免会遇到跨域的情况,记录一下vue的前端代理是怎么使用的。在vue.config.js中devServer配置,格式如下module.exports = { devServer: { proxy: { '/test': { target: 'http://10.0.1.226:8080', changeOrigin: true, pathRewrite: {

2021-05-14 10:34:44 404 2

原创 前端文件上传和下载功能的实现

文章目录文件下载利用a链接下载文件如果项目需要通过header鉴权,要设置header什么的Blob对象FileReader文件上传利用input标签 设置 type="file"文件下载利用a链接下载文件let aLink = document.createElement('a') aLink.href = `xxxx下载地址`// 设置下载的图片链接 aLink.click()// 触发点击事件如果项目需要通过header鉴权,要设置header

2021-04-30 17:15:48 1806 2

原创 常用git 命令

常用git 命令git 配置环境变量 才能在任意目录下使用找到git安装路径中bin的位置,如:D:\Program Files\Git\bin找到git安装路径中git-core的位置,如:D:\Program Files\Git\libexec\git-core;注:"D:\Program Files\Git\"是安装路径,可能与你的安装路径不一样,要按照你自己的路径替换"D:\Program Files\Git\"git reflog:获取历史版本号git reset --hard 版本

2021-04-30 15:32:47 212 2

原创 平时写项目,好用的函数,记录下

平时写项目,好用的函数,记录下1.拖拽@mousedown = movemove (e) { let odiv = e.target // 获取目标元素 // 算出鼠标相对元素的位置 let disX = e.clientX - e.target.offsetLeft let disY = e.clientY - e.target.offsetTop document.onmouse

2021-04-20 10:02:57 54

原创 element-ui 的使用技巧

element-ui 的使用技巧element-ui 的使用技巧1.密码自动填充问题2.el-form内表单对齐问题element-ui 的使用技巧1.密码自动填充问题当el-input设置 type="password"时, 浏览器会自动填充已保存的代码到输入框中,对于登陆功能是没问题的,但是对于注册功能来说,这是我们所不期望的解决方法:在注册页面多写一个输入密码的input,并且设置display = none <el-input v-model="login

2021-04-03 22:13:46 803

原创 js实现鼠标拖拽改变左右窗口大小

js实现1.当鼠标置于resize box 时(onmousedown), 给resize 设置捕获鼠标 resize.setCapture,并记录滑动初始位置(e.clientX)2.在上一事件的基础上,监听鼠标的滑动(onmousemove),随着鼠标的移动,实时改变两个盒子的宽度,及resize的坐标.ps.记得注意左右盒子的最小宽度3.在2的基础上,当鼠标弹起的时候(onmouseup),清空鼠标事件,释放鼠标捕获<!DOCTYPE html><html lang="en

2021-03-02 13:40:58 1161

原创 docker打包前端vue项目

文章目录Dockerfile用于生成镜像的文件FROM nginx:1.17.9 //基础镜像ENV LANG=en_US.UTF-8ENV TZ=Asia/ShanghaiCOPY src/dist /opt/map //把打包后生产的dist文件夹,复制到.../map 目录下COPY config/map_client_web_nginx.template /opt/config/map_client_web_nginx.templateCOPY config/config.t

2021-01-29 16:52:03 688

原创 sql语句学习

文章目录sql语句SQL SELECT 语法WHERE 子句IN操作符BETWEEN 操作符AND 和 OR 运算符order byTop子句Like子句通配符JOIN子句UNION操作符Alias(别名)UPDATE - 更新数据库表中的数据DELETE- 从数据库表中删除数据INSERT INTO 语句CREATE TABLE- 创建新表约束NOT NULLUNIQUEprimary keyALTER 变更(改变)DROP 删除AUTO INCREMENT 字段函数AVG()count()GROUP

2021-01-21 18:04:29 184

原创 qiankun的简单使用和通信

文章目录简单使用主应用1. 安装 qiankun2. 在主应用中注册微应用微应用1. 配置main.js2.导出routes3. 配置微应用的打包工具vue.config.js新建src->public-path.js通信api简单实验主应用微应用qiankun是一个微前端js框架简单使用主应用1. 安装 qiankun注意我们只需要在主应用中安装qiankun,子应用中是不用的。$ yarn add qiankun # 或者 npm i qiankun -S2. 在主应用中注册微应用

2021-01-07 15:01:24 6376

原创 iframe的使用,同域和跨域问题

看了一些博客,进行了总结和实践iframe的使用<iframe src="demo.html" height="300" width="500" name="demo" scrolling="auto" sandbox="allow-same-origin"></iframe>src iframe页面地址,有同域跨域之分name iframe命名,可通过window.frames[xxx]被调用iframe框架中的页面与主页面之间的通信方式根据iframe中src属性

2021-01-05 17:44:57 6365 4

原创 JsPlumb+vue 实现拖拽连线,点击删除连线节点

JsPlumb 实现拖拽连线,点击删除连线,点击删除节点标题参考网上的代码写的练习实现的功能拖拽连线: 设置静态端点,端点自带拖拽连线的功能点击连线删除该连线:plumbIns.deleteConnection(conn);点击dom删除其自身包括节点和连线因为用到dom,在mounted()里面写百度出来的有些函数已经废弃了,最好使用的时候直接console.log(jsPlumb)看有什么内置函数jsPlumb 里面的内置删除函数deleteConnection: ƒ (connec

2020-12-31 17:54:31 5107

空空如也

空空如也

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

TA关注的人

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