一个蛋挞-CSDN博客

原创 CSDN博客上传视频

问题：之前我想在博客的文章里添加视频去显示代码的效果，然后按照文章的添加视频要求去上传腾讯视频，但是一直不成功，然后网上找了好几个方法去解决这个问题都不行，最后想到把视频的格式转换为图片格式才上传成功的。解决办法：把视频的MP4格式转换为图片GIF格式，直接上传图片，在转换的时候使用PDF中文网和迅捷GIF转换器转换视频都没成功，最后是使用手机软件（全能去水印）转换的GIF格式。...

2021-02-08 21:35:54 398

原创 html+css设置背景图移动以及人物行走的动画效果

下面展示一些内联代码片。<style> * { margin: 0; padding: 0; } img { display: block; } .contenter { /* 宽度设定,会出现空白 */ height: 100vh; background-image

2021-02-08 21:12:15 5067

一、every()对数组中的每一元素运行给定的函数，如果该函数对每一项都返回true，则该函数返回true。例如：var arr = [5,8,23,7,4,18,28,1]; var result = arr.every(function(item,index,arr){ return item >9; }); console.log(result); //false二、some()对数组中的每一运行给定的函数，如果该函数对某一项返回true，则返回true。例如：var a

2021-02-07 21:47:51 255

原创行内元素和块级元素设置宽高和边距时需要注意的问题

问题：大家会发现使用一些标签时设置其宽高和边距有些是有效的，有些又是无效的。原因：这些标签分为行内元素和块级元素，对宽高和边距的设置有一定的要求。就拿行内元素span和块级元素div举例。span标签设置宽高和边距时需要注意的是：1、span标签设置其上下边距无效，设置左右边距有效，且其左右边距会叠加，设置宽高无效，仅靠内容撑开宽高。2、如果想让其设置的上下边距有效，可以设置其样式属性display: block或者display: inline-block;让其变成块级元素或者行内块级元素，这样设置的

2021-01-30 08:59:51 1530

原创 div用百分比设置高度无效

div用百分比设置高度无效原因：当body里没有设置高度时，直接用百分比设置div的高度是无效的，只能依靠div自身的内容撑开。但是，在这时用绝对值单位（px）设置div的高度是有效的。下面展示一些内联代码片。 body { font-size: 30px; /* 设置body占满视口区，vh为视口区的单位*/ height: 100vh; } div { width:

2021-01-29 20:26:36 952 1

原创原生Ajax、JQuery的Ajax以及Axios的区别

原生Ajax、JQuery的Ajax以及Axios的区别一、原生Ajax下面展示一些内联代码片。 //创建请求对象 var httpRequest = new XMLHttpRequest(); //指定请求方式和请求地址 httpRequest.open('get', 'url'); //发送请求 send()可以传递参数 httpRequest.send(); //在请求头部设置数据格式 // httpRequest.setRequestHeader("Content-Typ

2020-11-23 15:19:18 306

原创设置页面滚动到某一距离回到顶部

设置页面滚动到某一距离回到顶部注意：1、页面内有足够多的内容产生滚动，在页面底部添加链接，定义一个锚点回到顶部，初始时样式为不可见；2、监听页面的滚动距离到某一个值时，锚点出现，点击回到顶部。样式设置<style> #one { width: 100%; height: 50px; background-color: gray; } #two {

2020-11-22 16:54:44 647

原创 VScode执行Run Code命令无输出结果且抛出Code is already running!

VScode执行Run Code命令无输出结果且抛出Code is already running!原因：上次运行的程序还没有结束，在等待中。解决办法：打开终端，点击输出，单击Code，再右键打开菜单，单击Stop Code Run。

2020-11-22 14:48:39 8492 1

原创 div元素定位的五种方法及其区别

方法一：默认定位，也就是静态定位，不需要设置定位属性方法二：固定定位，相对于视口区进行定位。position:fiexd区别：固定在视口区的某一位置，原先位置不保留，会被后面的元素占有，如果没有设置定位属性，在原来位置定位。方法三：相对定位，相对于它自己原来的位置进行定位。 position: relative;区别：有定位属性时，原先位置保留，不会被后面的元素占有，不脱离文档流；没有定位属性时，默认在当前位置。方法四：绝对定位，相对于离它最近的定位祖先元素进行定位。 positi

2020-11-21 15:34:52 9232

原创 div显示与隐藏的三种方法及其区别

方法一：设置样式属性opacity /* 隐藏 */ opacity: 0; /* 显示 */ opacity: 1;区别：隐藏的时候，位置保留，元素还在，只是不可见。方法二：设置样式display /* 隐藏 */ display: none; /* 显示 */ display: block;区别：隐藏的时候，位置不保留，元素不在，且不可见。方法三：设置样式属性 /* 隐藏*/ visibility: hidden; /* 显示*/ visibility: vi

2020-11-21 13:59:55 1319

原创 div的水平垂直居中

div水平垂直居中的方法多种多样图示：下面展示一些内联代码片。<body> <div id="parent"> <div id="child"></div> </div></body>方法一：使用flex布局 <style> * { margin: 0; padding: 0; }

2020-11-20 23:20:13 234

原创 html页面的基本布局

注意：页面不会随着屏幕大小的改变而移动位置，而是正常的大小伸缩，在布局时要注意清除浮动的影响，用 clear: both清除兄弟元素之间的影响，用overflow: hidden清除父子元素之间的影响，注意，overflow: hidden放在父元素的样式设置中。<style> * { margin: 0; padding: 0; } body { min-width:

2020-11-20 10:16:26 2512

原创 HTML+CSS画三角

HTML+CSS画三角图片: <style> * { margin: 0; padding: 0; } #parent { margin: 0 auto; width: 0; height: 0; border-left: 50px solid transparent; bor

2020-11-20 09:25:44 129

cflsh的博客