自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(30)
  • 资源 (2)
  • 收藏
  • 关注

原创 解决el-date-picker切换类型type时错位

切换日期类型时,立马点日期会出现错位,检查发现是日期的展开面板并没有插入到body中导致的错位。给el-date-picker加上唯一key值就可以。

2024-09-09 14:28:41 279

原创 富文本内容图片点击实现多图预览

【代码】富文本内容图片点击预览。

2023-04-12 15:41:55 1137 2

原创 服务器上搭建jenkins打包工具

我这里使用的是gitee项目,所以配置gitee,首次需要添加令牌,添加并选择完可以点击测试连接,成功即配置无误。这里启动出现错误,这里我直接用Jenkins自带的服务启动即可 systemctl命令最终执行的也是这里。/var/lib/jenkins 目录下为Jenkins的安装目录,Jenkins的工作空间就在里面。/usr/lib/jenkins 目录下为Jenkins的war包,jenkins.war。注意要选择支持当前安装的jdk版本对应的版本,这里我安装的是2.346。

2023-04-10 17:55:50 854

原创 优美的await-to-js

目前async await可以精简的解决回调地狱问题,但是使用时需要用 try + catch 来捕获错误,这样代码看起来依旧是有点繁琐,await-to-js恰好可以解决这一问题。

2023-03-21 17:56:56 776

原创 登录图片验证(vue3)

vue3登录图片验证

2023-01-28 17:15:47 518

原创 elementUI table多层嵌套展开后fixed固定栏对齐

表格三层嵌套并且存在fixed属性的列,当展开时会产生fixed所在的列对不齐的情况

2021-12-18 11:35:27 3032 2

原创 vue中多个文件链接打包为一个zip压缩包下载

vue中多个文件链接打包为一个zip压缩包下载一、安装依赖:npm install --save axios JSZip FileSaver二、在文件中引入模块axios JSZip FileSaverimport axios from 'axios'import JSZip from 'jszip'import FileSaver from 'file-saver'export default{ data(){ urlList :[ 'https://fuss10.

2021-12-08 19:28:17 1567

原创 git reset版本回退 revert版本反做

先找到要回退的版本commit的SHA值ps:可以去gitlab的history上看,也可以vscode用git log查2.回退: git reset --hard 找到的值3.推送:git push origin 分支名 --force

2021-04-11 20:42:57 172

原创 css垂直水平居中对齐的常见方法

这里统一给外部盒子和内部盒子设置一个基本的样式,后面的方法中重新设置样式来覆盖<!--html中--><div class="parent"> <div class="box"></div></div>/*基础样式*/.parent{ width:600px; height:600px; background-color: #333333;}.box{ width: 100px; heig

2020-09-28 12:02:26 265

原创 两栏布局——左边固定右边自适应

**左边固定右边自适应**效果图如下:html布局代码如下:<div class="left"></div><div class="main"></div>样式如下:方法一:浮动法.left{ width: 200px; height: 400px; float: left; background-color:red;}.main{ height: 400px; margin-lef

2020-08-31 15:42:37 266

原创 es6新属性数组和对象的扩展运算符(...)

1. 对象扩展(对象赋值)(1)这里的…相当于Object.assign()方法let obj = {a:1,b:2}let copy = {...obj}console.log(copy)//{a:1,b:2}//等价于assign方法://参数1:被赋值的对象(目标对象),参数2:要赋值的对象(源对象)let obj1 = Object.assign({},obj)console.log(obj1)//{a:1,b:2}(2)…进行的是对属性的深拷贝,修改拷贝后的对象不会影响源对象

2020-08-24 17:52:31 733

原创 字符串截取三种方法

substr方法数组.substr(参数1,参数2)var s = 'abcdefg'//参数1:开始位置的下标//参数2:截取的长度console.log(s.substr(0,2))//abconsole.log(s.substr(-1,2))//gconsole.log(s.substr(-4,4))//defgsubstring方法数组.substring(参数1,参数2)var s = 'abcdefg'//参数1:开始位置的下标,//参数2:结束位置的下标。/.

2020-08-07 16:05:28 4339

原创 js中的变量提升

定义:将声明移动到顶部的默认行为,即变量可以在声明之前使用作用:提高性能,提高容错性在es6之前 ,JavaScript作用域分为全局作用域(变量可全局使用)和函数作用域(变量只能在函数内部使用),使用变量提升可以解决块级作用域,但是出现了占用内存和变量覆盖的问题变量覆盖例子//由于变量提升,浏览器预解析如下/*var name = undefinedfunction f(){ var name = undefined}*/var name = "时间"f();function f.

2020-07-27 01:15:18 192

原创 js原型和原型链

每一个函数都有原型prototype属性每一个对象(除了null外)都有__proto__属性每个原型都有constructor属性/*总结:1.new一个对象,首先会读取实例对象的属性,若无,读取函数本身的属性;若无,读取函数原型的属性;2.若实例对象设置了属性,又删除了属性,则会读取函数原型中的属性*///函数本身的属性function fn(){ this.name = '函数name属性'}var f1 = new fn()//给函数原型设置属性fn.protot.

2020-07-25 00:37:43 100

原创 js数据类型以及数组对象的判断方法

js一共有8中数据类型:在es5中数据类型只有6种:Null、undefined、Number、String、object、Booleanes6新增了symbol类型按基本类型和引用基本类型:引用类型:

2020-07-24 21:12:03 196

原创 vue中v-if和v-show的相同点和区别

相同点:v-if和v-show都是控制元素的显示和隐藏区别:v-if是真正的条件渲染,当条件为true时,元素被渲染,为false时元素被销毁。切换开销比较大v-show不管为true还是false,元素都被渲染,是利用css属性display来控制元素的显示和隐藏,当为true时,display的值为block,为false时,dispaly的值为none。初始渲染开销比较大最佳使用情况:当元素需要频繁切换显隐时,应该使用v-show当元素极少切换显隐时,应该使用v-if..

2020-07-21 20:00:38 566

原创 CSS中创建BFC和解决外边距塌陷

CSS中创建BFCposition:fixed/absolutedisplay:inline-block/flexoverflow:不为visiblefloat:不为none解决外边距塌陷ps:块级元素才会发生塌陷同级元素塌陷中间加上同级的空元素,设置空元素的margin值设置BFC父子元素塌陷1.边框:给父元素加上border2.绝对定位法:给父元素加上position: relative,给子元素加上postion:absolute3.行内块级:给子元素设置display:i

2020-07-19 23:02:22 292

原创 html中href和src的区别

1、href:全称是Hypertext Reference (超文本引用)常用的标签有link和ahref是建立和当前元素/文档之间的链接,属于并行下载资源(不会阻塞进程)例子:<link href="a.css" rel = "stylesheet">浏览器会先识别该文档为css文件,并行下载该资源并且不会停止对当前文档的处理因此我们常用link来加载css,不用@import2、src:全称是source(资源)常用标签:script、img、input、style、ifram

2020-07-18 11:18:15 684

原创 浏览器内核和Standards模式与Quirks模式

1、五大浏览器IE:trident内核Firefox:gecko内核Google:Blink(基于webkit)Opera:Blink内核Safari:webkit内核2、Quirks 模式是什么?它和 Standards 模式有什么区别从IE6开始,引入了Standards模式,标准模式中,浏览器尝试给符合标准的文档在规范上的正确处理达到在指定浏览器中的程度。在IE6之前CSS还不够成熟,所以IE5等之前的浏览器对CSS的支持很差, IE6将对CSS提供更好的支持,然而这时的问题就来了,因

2020-07-17 15:03:51 213

原创 js基础总结一

1.原型Function 原型最终指向是Object2.typeof返回类型(6种):number、boolean、function、string、object、undefined注意:Arrays和null返回的是object

2020-07-16 23:21:10 135

原创 github导入本地项目

1.前提条件准备:首先你要在github上申请一个账号 ,网址:https://github.com/然后你要下载一个git工具,网址:https://gitforwindows.org/ 进入官网直接下载就行2.进入github首页,点击新项目new repository,如下图所示:点击create即可3.到本地项目的根文件夹,选中右击,点击Git Bash Here,如图所示在当前面板中执行如下命令//1.git init执行完毕后,本地项目中会出现一个.git文件git ini

2020-07-09 12:56:45 2937

原创 vue设置axios请求接口基址和代理接口地址

适用于vue-cli3以上版本搭建的项目一、接口基址(单个接口地址)如果你的项目只有一个服务器访问地址(接口地址),不调用别的接口地址的话可以直接在src下的main.js中设置axios的默认基址//main.js中import axios from 'axios'Vue.prototype.$axios = axiosaxios.defaults.baseURL='http://localhost:3000';//设置基址二、代理接口地址如果你的项目需要访问多个地址,即调用多个不同的接

2020-06-28 21:27:43 14199

原创 nodejs解决跨域问题--两种方法

我的node项目目录如下方法一:可以直接在app.js文件中设置如下//跨域问题解决方面app.all('*',function (req, res, next) { res.header('Access-Control-Allow-Origin', 'http://localhost:8080','http://localhost:8081');//可设置多个跨域 res.header('Access-Control-Allow-Headers', 'Content-Type, Content

2020-06-27 19:55:04 2680 1

原创 gulp打包配置文件

第一步:到官网https://www.npmjs.com/package/package查找对应的插件包,用npm进行下载第二步:在src下创建gulpfile.js文件,配置如下//gulpfile.js文件const gulp = require('gulp')//引用了gulp模块const htmlmin = require('gulp-htmlmin')//引用html压缩插件const fileinclude = require('gulp-file-include')//提取html

2020-06-18 13:32:32 552

原创 浅谈es6之解构赋值

优点:能让我们快速的取到想要的值,对象解构可以不用考虑参数的位置1、数组解构let arr = [1,2,3]//普通用法,定义多个变量接收数组元素let a = arr[0]let b = arr[1]let c = arr[2]console.log(a,b,c)//1,2,3//es6用法,只需定义一次即可接收所有元素,左侧的[]用于接收变量而不是数组的意思,接收变量的个数如...

2020-04-21 20:57:24 281

原创 浅谈es6的变量let、const、var

一、const作用:用来声明常量,即不能变化的量1.块级作用域if (true) { const a = 0; console.log(a)//0 if (true) { const a = 10; console.log(a)//10 } }console.log(a)//报错,a未定义2.先声明再使用console.log(a)//报错,a未...

2020-04-20 16:08:32 138

原创 2020快手前端实习生笔试题——工程卷

希望大佬们在评论处留下你们宝贵的算法!!!一共四道编程题1.与更高者距离(本题限制了语言,只记得js只能用node.js)用一个数组height[i]存储一群旗手从前到后的身高,每个旗手之间距离1米,返回前面高于自己的人的最短距离,若无,则返回0;例子:输入:[175,173,174,163,182,177]输出:[0,1,2,1,0,1]描述:0表示没有比175高的旗手,1表示比1...

2020-03-24 20:42:34 952 2

原创 用mpvue框架开发小程序之解决多个入口文件

在用mpvue自动生成的模板中,需要每个文件里都有入口文件main.js,比较繁琐,这时候我们就要用mpvue-entry、 mpvue-router-patch;1、安装依赖cnpm install mpvue-entry --save-devcnpm install mpvue-router-patch --save2、项目src文件夹下创建router文件夹和router.js文件...

2020-03-07 21:31:59 903

原创 码云提交本地代码到仓库分支

这里针对的是一个仓库多个分支多协作者方式码云小白入门此前需要先在码云上配置公钥(百度上很容易找到)第一步这里选择的是客户端安装版,地址:https://git-scm.com/download/win。一直下一步即可,直到安装完成,这里我安装在E盘在桌面右键出现以下两个选项即为安装成功:Git GUI Here(客户端) 和GIT Batch Here(终端)第二步如果你的本机是...

2020-01-17 20:31:20 1990

原创 以“家乡”为主题的前端网页设计

以“家乡”为主题的前端网页设计以下是部分首页图片展示以下是部分代码展示<div class="container"> <div class="header"> <ul> <li><a href="index.html" style="color: red">首页</a></li> ...

2019-06-13 16:47:10 35653 9

广州吃喝玩乐网站.zip

以地方特色为主题写的网页,主要以静态网页为主,在这基础上用js写了少量的动态效果

2019-06-16

家乡主题网页设计.7z

以“家乡”为主题的网页设计,一共6个html文件,内容分为5部分

2019-06-13

空空如也

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

TA关注的人

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