自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 # 如何在Git上更改本地分支名称和远程分支名称

有时候我们需要修改git分支名称,例如不合理的分支名称。本篇文章分享了如何轻松地修改Git本地分支名称和修改远程分支名称。在Git中,通常使用分支来使开发与您的主要工作流程分开。在软件工程团队中,通常要实施特定的工作流程。例如,您可以选择每个主要发行版有一个分支,或者为了快速解决问题而有一个分支。在这两种情况下,您都必须选择与您正在处理的内容相关的分支名称。但是,在某些情况下,您可能需要更改分支名称。****更改分支名称时常会发生,因为您想在其名称中添加关键信息。也可能是因为功能范围已更改,并且您要相应

2022-05-25 21:19:29 6151

原创 js获取自定义属性的两种方法

js获取自定义属性的两种方法四种获取属性的方法首先获取一个元素:var elem = document.getElementById(‘elem’); 11、点(获取不到自定义属性):2、[] 也可以获取属性 ,有利于进行传参操作。elem.style[‘background’] = ‘yellow’13、getAttribute():早期获取自定义属性的方法。var foo = elem.getAttribute(‘ancheng’);//Ancheng1同时也能进行设置:ele

2022-04-17 22:34:38 7783

原创 Vue实现嵌套菜单组件

本文旨在使用Vue.js完成一个嵌套的菜单组件,使用mock.js对数据进行模拟,并且最小化复现功能安装mockcnpm i mockjs//引入mockjsimport Mock from 'mockjs'//使用mockjs模拟数据Mock.mock('/menuData', 'get', { "ret": 0, "data": [{ "id": 1, "name": "第一层", "children

2022-02-24 11:07:44 728

原创 CSS3自定义滚动条样式

写在前面滚动条是个很常见的东东,不过某些浏览器自带的滚动条确实不太好看啊,下面可以作为学习,探讨下自定义滚动条的实现,这样你的滚动条就可以美美的啦。但是,也只能玩玩,因为只针对webkit内核的浏览器啊啊啊啊啊!overflow介绍定义:overflow 属性指定当它溢出其块级容器时,是否剪辑内容,渲染滚动条或显示内容。属性值overflow:visible //默认值。内容不会被修剪,超出内容会显示在元素框之外overflow:hidden //内容会被修剪。超出内容被隐藏ov

2022-02-10 20:14:12 2192

原创 Vue项目打包优化(提升项目打开速度)

可以把博客主题的相关资源放到了又拍云上,很大程度上减轻了服务器的流量压力来提升打开速度。使用nginx自动解压缩来提升网站打开速度Vue项目在开发环境中编写完毕,编译看看启动速度。使用cmd输入vue ui打开ui界面,编译如图。发现需要9s,非常需要对其优化,记录一下优化过程,以后可以及时查阅。1、productionSourceMap:false修改vue.config.js中的配置module.exports = { outputDir: `${srcFile}`, // 在n.

2022-02-04 22:22:14 8165 2

原创 定时备份云端数据库

在Linux服务器环境维护中,通常会mysqldump命令来备份数据库,通常命令如下mysqldump -uusername -ppassword --databases databasename > dumpfilename基于上述命令,我们可以将导出的sql文件进行压缩和管理,编写为shell脚本后,整体shell脚本如下#!/bin/bashBakDir=/home/bak/mysql-back/database-backLogFile=/home/bak/mysql-back/m

2022-02-04 19:53:12 856

原创 面试官:移动端和PC端的区别

前端:移动端和PC端的区别第一: PC考虑的是浏览器的兼容性,而移动端开发考虑的更多的是手机兼容性,因为目前不管是android手机还是ios手机,一般浏览器使用的都是webkit内核,所以说做移动端开发,更多考虑的应该是手机分辨率的适配,和不同操作系统的略微差异化。第二: 在部分事件的处理上,移动端多出来的事件是触屏事件,而缺少的是hover事件。 另外包括移动端弹出的手机键盘的处理,这样的问题在PC端都是遇不到的。第三: 在布局上,移动端开发一般是要做到布局自适应的,我使用的一直是rem布局,感觉

2022-01-29 15:32:01 663

原创 CentOS重装mysql

重装mysql当前配置: CentOS今天我登录远程服务器连接mysql,发现进不去(应该是密码错误),后来进行密码重置,发现还是无果,我对mysql的数据有定时的备份,所以我最后打算直接对mysql进行重装。在此记录一下这个过程。1、卸载之前是用yum安装的,现在通过yum去卸载yum remove -y mysqlfind / -name mysql 找到残留的文件,再通过rm -rf去删除对应的文件注意将所有有关的文件全部删除,不然会有问题!2、安装yum updateyum ins

2022-01-29 15:15:44 3477 1

原创 Vue项目打包部署总结

Vue项目打包部署总结Vue项目使用npm run build进行打包打包挂载服务器运行是报错Uncaught SyntaxError: Unexpected token ‘<‘原因:资源公共路径设置的问题你是不是把路由模式换成了histroy呢?那么就应该在vue.config.js中把 publicPath 设置为 “/” 就行,前面不要加点,改了之后问题就解决了。检查方法:在index.html引入script文件或者css文件时,都一个个点开看能不能点进去。相关优秀文章学习:Vue

2022-01-29 14:50:25 3274

原创 腾讯云服务器配置https 部署安装ssl证书

腾讯云服务器配置https 部署安装ssl证书配置:CentOS 8我是使用nginx服务器对Vue项目进行挂载,所以这里主要说明nginx服务器如何配置https服务免费证书申请:ssl 免费一年申请下载安全证书并且上传至服务器(本人上传到的是/etc/nginx文件夹)使用命令sudo nano /etc/nginx/nginx.conf对nginx进行配置nginx 配置文件server { listen 80; #填写绑定证书的域名 server_name wh

2022-01-29 13:49:50 5247

原创 SpringBoot配置https

为什么要把网站转为https?https是网络数据传输协议,也就是说www的网站在传输数据的时候,都必须遵守这个协议,遵守统一的标准的协议,有利于数据更好的传送,而https则可以理解为是http的升级版或者安全版本。https的优点如下:1、部署https的网站更安全。http是明文传送数据,不安全。也就是说,在传送数据的时候是明文的,没有经过加密,如果黑客一旦截获了这种明文数据,用户的隐私就很有可能暴露,如:账号、密码等。而https在传送数据的时候会对数据进行加密,就算黑客截获了数据也是加密后

2022-01-28 21:21:07 6526

原创 css有哪些属性可以继承

1、字体属性:font:字体。font-family:规定元素的字体。font-weight:设置字体的粗细。font-size:设置字体的尺寸。font-style:定义字体的风格。font-variant:设置小型大写字母的字体显示文本,这意味着所有的小写字母均会被转换为大写,但是所有使用小型大写字体的字母与其余文本相比,其字体尺寸更小。font-stretch:对当前的 font-family 进行伸缩变形。所有主流浏览器都不支持。font-size-adjust:为某个元素规定一个 asp

2022-01-15 18:17:53 1229

原创 元素hover之后底部边框中间到两边的扩散效果

设计思路:为元素创建一个伪元素伪元素绝对定位在元素的下方,给定left为50%为元素增加hover事件,并且设定伪元素的width:100% left:0<!DOCTYPE html><html lang="en"> <head> <style> span{ position:relative; display:inline-block

2022-01-15 18:13:51 418

原创 css中鼠标悬停背景色从左到右

设计思路:在btn按钮的前后都加上伪元素before和after元素(宽度为0,不显示出来)为鼠标添加hover,当鼠标悬停上去的时候给伪元素都设置宽度为100%为其中之一的伪元素增加过渡效果transition,并且设置背景颜色另一个伪元素不用设置过渡,得到立马变化的效果<!DOCTYPE html><html lang="en"> <head> <style> .btn{

2022-01-15 17:12:07 2124

原创 Vue生产环境和开发环境的配置

1、在不同的环境变量文件中放置我们需要的参数.env.production 这个文件配置的是生产环境的变量,放置线上访问的路径VUE_APP_URL=https://cli.vuejs.org/ .env.development 这个文件配置的是开发环境的变量,可以让我们在本地访问线上的路径VUE_APP_URL=https://cli.vuejs.org/ 2、# 根据vue cli 官网的描述,创建vue.config.js文件配置参数// 这个地方的参数配置可以参照vue cli ht

2022-01-15 16:38:48 3095

原创 css中为伪元素增加点击事件和hover

鼠标悬停在父元素上面时为伪类元素增加样式<!-- html结构 --><div class="father"></div> <style> .father::after { content: 'after'; } .father:hover::after { color: pink; } </style>伪元

2022-01-15 16:18:03 4638

原创 css复合选择器的使用规则

css复合选择器的使用规则id嵌套class<p id="app" class="container"></p>#app.container{}一个元素标签使用多个class。<p class="app container"></p>// 注意没有空格,有空格代表样式嵌套.app.container {}id标签内的class元素。<div id="app"><p class="container"&gt

2022-01-15 13:16:23 324

原创 线上部署SpringBoot项目

云服务器系统配置:CentOS 8本地项目打包使用IDEA进行打包,点击edit进行编辑配置点击加号选择Maven运行打包[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-caltRpHQ-1641956304284)(https://gitee.com/Echoc/picture/raw/img/img/202201121056981.png#pic_center)]安装java报错centos-bash: java: 未找到命令对java进行安装:#

2022-01-12 11:01:16 1151

空空如也

空空如也

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

TA关注的人

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