自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 干净彻底的卸载MySQL

想要重新安装MySQL,那前提必须在电脑中将MySQL删除干净。步骤如下:首先打开你的MySQL安装包,点击next->点击remove进行卸载当然,进行到这里肯定是不能彻底从本地将Mysql删除的,我们还要打开mysql的安装路径,检查是否还存在MySQL文件,并将其删除(主要查看Progrom Files文件夹,Progrom Files(x86)文件夹,以及隐藏文件夹ProgramData),注意一定要打开隐藏文件夹!否则看不到ProgramData隐藏文件!打开显示隐藏

2021-03-26 12:55:29 2132

原创 遇到不认识的字怎么键盘输入

中国文化博大精深,汉字不计其数,平时我们遇到不认识的字怎么键盘输入呢?以汉字“撷”为例,当我们不认识它的时候,可以通过‘u’键+这个字的偏旁部首的拼音,就可以在输入法上显示这个字啦,并且标注其拼音!赶快试试吧~...

2021-03-14 21:35:24 2727

原创 导航栏小图标的添加

我们在浏览网页的时候经常会看到导航栏有一个小图标,如CSDN所示:那么小图标怎么添加呢?其实很简单,只需要加一行代码就能实现!如下: <link href="图片路径" rel="shortcut icon">

2021-03-14 21:23:57 1453

原创 vue脚手架中解析不出来动态绑定静态资源图片问题的解决办法

vue中无法直接引入静态资源图片,如何解决?动态绑定图片src地址: <img :src="item.img" alt="" />vue实例data中设置路径值: img: "../assets/images/beside.png",但是我们会发现,此种方式并没有解析出图片路径。解决此问题有两种方式,如下:在img路径外面加上require(推荐使用) img:require('../assets/images/beside.png')将所需图片导入(每个所

2021-03-14 12:36:15 743

原创 iconfont图标字体便捷引入方式

做项目中,我们经常需要下载一些图标字体,当然下载的方式有很多,我就以阿里巴巴矢量图标库为例,给大家演示一种便捷的引入方式。首先登陆iconfont-阿里巴巴矢量图标库(https://www.iconfont.cn)搜索我们想要的图标并加入购物车(以搜索购物车图标为例)代码案例如下:注:这种方式便捷之处在于在项目中添加新的图标之后,只需点击生成新的链接再引入即可!...

2021-03-14 11:23:40 202

原创 实现弹性盒高度百分百设置(整屏)

给一个父元素(包含三个兄弟子元素-头部,主题,底部)设置弹性盒,并设置高度百分百,然后分别给头部子元素,底部子元素设置高度,主题子元素设置flex:1。运行之后我们会发现并不是高度百分百状态(没有铺满整个屏幕),父元素高度设置无效。代码图示如下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compati

2021-03-14 00:02:08 1571

原创 vue中使用less的相关配置

在vue脚手架中,当我们使用less时,在style标签添加lang属性,指定less,此时我们会发现出现报错!<style lang='less'></style>那么如何在vue脚手架中使用less呢?具体操作如下:答:下载less以及它的加载器,并在webpack中进行配置,下载less以及它的加载器npm i less less-loader@4.1.0(指定less加载器版本号)在webpack中进行配置bulid文件夹->webpack..

2021-03-13 23:36:43 1269

原创 vue中scoped属性的应用

vue中在某一组件添加并设置某一class属性,在其他组件添加该class属性,也会被应用该其样式,为了使vue组件class属性互不干扰内部有效,在各组件的style标签上添加scoped属性,即可解决以上问题。<style scoped></style>...

2021-03-13 23:12:43 138

原创 生命周期函数

生命周期函数包括八个阶段,如下:beforeCreate(){} 创建之前 created(){} 创建完成 beforeMount(){} 挂载之前 mounted(){}挂载完成 beforeUpdate(){}更新之前 updated(){}更新完成 beforeDestroy(){}销毁之前 destroyed(){}销毁完成如何理解生命周期图示?首先实例化一个vue,实例化之后初始化,会创建出一个事件以及生命周期。生命周期走到创建之前,没有el元素,没有data属性。创建完

2021-03-12 23:07:16 497

原创 解决浏览动画库(animate.css)无动画效果问题

正常情况下,当我们访问动画库时,点击不同属性名,会演示相应的动画效果,但是有些电脑会出现演示无效的情况,那么就需要在电脑中进行一些设置来解决此问题!计算机右键——>属性——>高级系统设置——>高级——>性能——>设置——>调整为最佳外观——>确定动画库链接:https://animate.style/...

2021-03-12 22:52:25 1909 1

原创 电脑输入法繁简切换

下午电脑一不小心变成繁体切换不回来了~啊这……繁简切换步骤来喽(微软拼音)鼠标放到输入法,右键设置点击常规选择字体集over~~~

2021-02-07 16:55:15 1472

原创 less除法运算问题的解决办法

初学less的同学可能都会遇到这样的问题,我们在less中书写的加减乘除算式编译成css文件以后,除法运算出现了问题,不能得到相应的运算结果?举例:d这时很多小伙伴会发出同样的疑问,why?那么我们不得不来看一看官网给出的解释↓大意就是:进入4.0版本后,除法运算符如果在括号外面,不执行除法运算, 如果在小括号内可以看做是除法运算,或者使用 ./强制做除法运算所以解决办法就是:除法运算加() 将/写成./参考博客:https://www.cnblogs.co...

2021-02-07 15:45:52 5058 5

原创 解决mysql下载过程中出现的问题

相信很多人在下载mysql的过程中会卡在最后一步,一直未响应!!!解决办法来喽↓当我们进行到如下步骤的时候,迟迟未响应,那么就关闭它,听我的关闭,关闭,关闭(重要的事情说三遍!)然后,打开你的mysql安装目录,找到bin文件,再找到MySQLInstanceConfig.exe点击MySQLInstanceConfig.exe,按照之前安装步骤重新安装一遍,最后会看到这一步不用慌,耐心等待几分钟,四个圈圈就会全部被勾上啦,如下图这样就安装成功啦~...

2021-02-01 17:09:58 786

原创 什么是less?less转css的插件以及编译工具

Less 的定义:Less 是一门 CSS 预处理语言,它扩充了 CSS 语言,本质上,Less 包含一套自定义的语法及一个解析器,用户根据这些语法定义自己的样式规则,这些规则最终会通过解析器,编译生成对应的 CSS 文件。Less 的意义:改变传统样式的编写方式,以面向对象的方式编写;变量、函数、嵌套的使用,提高开发效率。如何使用 Less...

2021-02-01 16:09:51 539 4

原创 有这样一个url:http://item.taobo.com/item.html?a=1&b=2&c=&d=xxx&e,请写一段js程序提取url中各个get参数,将其key-value

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> <scrip.

2020-12-11 09:46:21 1695 1

原创 实现盒子水平垂直居中的两种方式

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> div{ .

2020-12-10 22:06:15 485

原创 字符串去重代码分享

<script> var str = 'abcdabcd'; // 封装一个方法,实现字符串去重 function fn(str) { var newStr = ''; // 新的仓库 // 循环原字符串 for (var i = 0; i < str.length; i++) { var v = str[i]; // 原字符串中的每.

2020-12-09 21:33:12 147

原创 数组去重代码分享

<script> var arr = [5,3,5,7,4,3,3,3,5]; function fn(arr) { for (var i = 0; i < arr.length; i++) { for (var j = i + 1; j < arr.length; j++) { if (arr[i] === arr[j]) { ..

2020-12-09 20:20:31 152

原创 代码换行产生的间距问题

大家都知道img标签是一个行内块标签,同时兼顾块和行内标签的一些特点,不独占一行,但可以设置宽高,但是我们在编写代码的时候会遇到这样一个问题,同时引入多个图片并排排列的时候,图片与图片之间会有一定的间距代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,

2020-11-08 23:37:48 527 2

原创 解决图片与div之间的间隙问题

解决图片与div之间的间隙问题前几天的晚自习作业遇到这样一个问题,在没有设置任何内边距,外边距的情况下,图片和div块元素之间会出现一些间隙,为此和同学讨论到了十一点多才解决了这个间隙问题(真是一把辛酸泪……),来吧,一起看看这些间隙问题,并干掉它!情况一:块元素中放图片,父子关系代码如下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta n

2020-11-08 22:18:53 4948 4

原创 关于外边距塌陷问题的解决方案你知道哪些?

谈到外边距塌陷(也称为外边距合并),想必大家在学习的过程中也都有遇到过,那么下面就来总结一下外边距塌陷的几种情况以及解决办法吧!一,相邻父子元素垂直外边距塌陷(合并)首先我们编写一段代码来测试一下,给父元素设置为高200宽200,粉色背景;子元素为宽100高100,蓝色背景,并为子元素添加一个100px的上外边距。代码如下↓<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"&gt

2020-11-08 20:44:33 907 5

原创 超链接的伪类及如何清除缓存

超链接的伪类及如何清除缓存超链接的伪类:a:link ——未访问状态a:visited——已访问状态a:hover——鼠标悬停状态a:active——鼠标激活(点击)状态前方高能请注意:四个状态同时存在时,有先后顺序: a:link→a:visited→a:hover→a:active除a:visited外其他超链接伪类任意属性都能设置,但是a:visited只能设置字体颜色属性(color),此处您是否发问,why?请继续往下看↓关于a:visited只能设置字体颜色属

2020-11-08 12:22:23 3201 12

原创 js中innerHTML与innerText的用法与区别

在js中,innerHTML属获取性的是元素对象内包含html代码的内容,innerText属性只获得元素对象内的文本内容。下面通过代码演示讲解js中innerHTML与innerText的用法与区别。首先创建一个html文件,html文件内,使用div创建一个模块,在div内,使用span标签创建一行测试的文字。...

2020-10-30 11:30:10 4703 2

原创 行内元素和块元素

行内元素和块元素行内元素:行内元素主要用来包裹文字,可以放入文本和其他行内元素,eg:a,img,span块元素:在网页中一般通过块元素对页面进行布局,eg:div ,p,h1,h2,h3一般情况下:会在块元素中放行内元素,而不会在行内元素中放块元素特殊情况下:块元素中基本上什么都能放,但块元素p中不能放任何块元素,行内a可以放除了自身的任意元素...

2020-09-29 16:21:00 170

原创 音视频标签

音视频标签网页的制作当中通常需要引入一些音频(mp3)或视频文件(mp4),下面给大家简单介绍一下音视频标签的用法和常用属性。audio音频标签作用:引入音频#基本属性:1.controls :是否允许用户自己控制播放停止(该属性没有属性值,有表示允许控制显示播放条,无表示不允许)2.autoplay :音频是否自动播放,有,自动,无,否3.loop:音乐是否循环播放,有,循环,否则,不循环<audio src="./source/2.mp3" controls autoplay

2020-09-29 16:07:58 186

原创 简述内联框架

简述内联框架内联框架的定义:用于向当前页面中引入一个其他页面常用属性:src:指定要引入的网页的路径frameborder:表示内联框架的边框,0表示是没有边框,1表示有边框,默认属性值为1。width:调整引入页面的宽度height:调整引入页面的高度代码举例:<iframe width="500" height="500" src="https://www.baidu.com"></iframe> ...

2020-09-29 15:29:22 1207

原创 绝对路径和相对路径

#绝对路径当我们需要跳转到一个外部的页面时,一般我们都会使用绝对路径(直接引入目标路径)#相对路径当我们需要转到一个服务器内部的页面时,一般我们都会使用相对路径,相对路径以./或…/开头, ./表示当前文件所在目录,可省略不写, …/表示当前所在目录的上一级。...

2020-09-29 15:13:17 99

原创 网页的基本结构

网页的基本结构

2020-09-29 14:46:27 509

原创 html中的超链接

超链接使用<a></a>标签来定义,此标签是行内元素,但它可以嵌套除它自身之外的任意元素(是个特殊的行内标签)作用:它可以让我们从一个页面跳转到其他页面,或者是当前页面的其他位置属性:href:指定跳转的目标路径 格式为href=“目标路径” ,它的值既可以是外部网站的地址,也可以是一个内部网页的地址(1)href=“#”,点击超链接以后,页面不会发生跳转,而是转到当前页面的顶部的位置,在开发中可以用#作为超链接的路径的占位符使用(回到顶...

2020-06-13 15:45:51 1206 2

原创 HTML中的meta标签

meta标签主要用于设置网页中的一些元数据,元数据不是给用户看,而是帮助浏览器解析网页meta标签的主要属性:charset属性:即指网页的字符集 常用属性值:UTF-8 举例:content属性:指定的数据的内容 name属性:指定的数据的名称 常用属性值: - keywords 表示网站的关键字,可以同时使用多个关键字,关键字之间用英文状态下的逗号隔开 -description 用于指定网...

2020-06-13 13:20:21 511

空空如也

空空如也

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

TA关注的人

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