自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 vue一些方法封装

想要了解vue简单封装的小伙伴可以看看

2022-08-25 22:02:01 951 1

原创 2022前端相关面试题整理

有想了解前端面试相关问题请查看

2022-06-09 18:30:42 4075

原创 居中一个div常用的几种方式

废话不多说,代码和图片如下:<!DOCTYPE html><html><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"> <meta http-equiv="X-UA-Compatible" cont

2022-05-21 14:59:48 364

原创 Xmind快捷键

tab父主题下添加子主题Shift+enter同级添加子主题Ctrl+enter父级上方添加子主题delete删除Ctrl+N新建空白图和模板Ctrl+T新建标签页Ctrl+O 打开文件Ctrl+L联系Ctrl+]概要Ctrl+S保存Ctrl+Z撤销Ctrl+X剪切Ctrl+A全选Ctrl+鼠标点击——多选Ctrl+Shift+S另存为Ctrl+P设置Ctrl+C复制Ctrl+V粘贴Ctrl+F查找和替换Shift+enter换行

2022-05-19 11:40:43 748

原创 点击按钮删除信息

<el-link type="primary" @click="del(scope.row)" style="margin-left: 10px">图片删除</el-link> async del(row) { const confirmRequest = await this.$confirm('此操作将永久删除图片, 是否继续?', '提示', { confirmButtonText: '确定', cancelButtonT..

2022-03-27 13:44:10 535

原创 el-table 表头和内容居中,添加表头颜色

:header-cell-style="{ 'text-align': 'center', 'background-color': '##fafafa' }" :cell-style="{ 'text-align': 'center' }"在el-table里添加就可以了

2022-03-24 20:22:51 354

原创 element-ui一些常用组件的二次封装

组件封装创建components文件夹,并且创建封装组件1.Table——表格封装<template> <div> <el-table :data="tableData" style="width: 100%" :stripe="stripe" :border="border" :size="size" v-loading="loading" @selection-change="handleSelectionChang.

2022-03-15 18:33:19 5059

原创 uniapp上传、预览、删除图片

效果图如下:代码如下所示:<template> <view class="upload-img"> <image src="/static/logo.png" class="img" @tap="onGetImgClick"></image> <view class="uni-list list-pd"> <view class="uni-list list-pd"> <v...

2022-02-11 11:39:28 1028

原创 Element ui 组件中Cascader 选择器 高度问题

使用Cascader 级联选择器时,发现选择框高度过长解决办法:在项目全局css样式中,添加设置:.el-cascader-menu{ height: 300px;}添加后的图示如下:

2021-12-04 23:02:58 555

原创 解决跨域问题

1. jsonp原理:动态生成script标签,通过src属性加载缺点:不支持POST,只支持GET应用场景:有些第三方数据接口可能会使用jsonp解决跨域问题如:请求全国有多少城市,请求中国天气网天气、信息2. 中间服务器代理前端部署地址:127.0.0.1:8000中间服务器:127.0.0.1:8000目标服务器地址:127.0.0.1:88883.CORS跨域资源共享服务器端进行配置,加一个响应头res.header('Access-Cont...

2021-12-01 16:48:45 137

原创 vscode编写项目时ESLint自动格式化代码

1.第一步:先在vscode中,安装ESLint插件图如下:2.第二步:点击左下角齿轮图标--点击设置--打开右上角的设置文件右上角第一个,不要点错!!!打开后是这个文件夹,注意看下文件名字,有没有点错哦第三步:只需要复制以下代码到最外面打括号内部就可以了 { // vscode默认启用了根据文件类型自动设置tabsize的选项 "editor.detectIndentation": false, // 重新设定tabs...

2021-11-25 09:07:33 318

原创 Syntax Error: TypeError: this.getOptions is not a function

解决办法:1.npm uninstall less-loader2.npm install less-loader@6.0.0下图就是已经被解决的图例

2021-11-23 19:57:58 318

原创 vue用户代码片段1

普通型{ "vue": { "prefix": "vue",//关键字 "body": [//对应代码片段 "<!DOCTYPE html>", "<html lang=\"en\">", "<head>", "\t<meta charset=\"UTF-8\">", "\t&l...

2021-11-13 16:49:49 325

原创 火狐浏览器安装Vue.js devtools 控制台不显示问题

Vue.js devtools 安装成功之后,火狐控制台底部却不显示由于使用了生产版本的vue.min.js,导致控制台没有Vue.js devtools 插件解决办法:把原来使用的生产版本改为开发版本,这样底部就会显示vue调试插件了...

2021-11-13 16:27:19 1903

原创 git使用 上传代码

先打开https://github.com/进行登录注册,有了账号之后,登录进去第一步:创建仓库public是共有库,private是私人库第二步:配置git1.在桌面右键新建一个文件夹2.打开文件夹,选中输入cmd 回车,打开命令提示符,就进入当前文件夹了3.输入git init 配置git4.再打开文件夹,git就已经配置好了5.打开github网站,点击Settings6.打开刚才创建的文件夹 ,找到刚才创建的公钥复制...

2021-11-02 16:12:58 463

原创 移动端tab栏切换嵌套轮播图无法实现轮播图效果的问题及解决方法

方法一:在初始化swiper对象的时候,添加observer和observeParents两个属性,当修改swiper自身/父元素/子元素的时候,均会自动初始化swiper,使得切换tab栏的时候,swiper仍有效。

2021-10-30 12:15:37 470

原创 自定义用户代码片段

1.点击设置-点击用户代码片段2.点击新建全局代码片段3.输入创建代码段的文件名-点击回车4.把生成的文件全部删掉,粘上下面的代码保存{ "html": { "prefix": "zeng", "body": [ "<!DOCTYPE html>", "<html>\n", "<head>", ...

2021-10-21 16:31:01 184

空空如也

空空如也

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

TA关注的人

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