- 博客(22)
- 收藏
- 关注
RSS订阅原创 8月25日总结
如图所示是echarts的图例，要想改变大小，可以在legend中使用itemWidth和itemHeighttop,和right是设置的图例的位置，itemGap是设置的俩块之间的距离。有些饼图可能会有一些连接线和一些文字，如果你想要去掉的话，就需要在series中添加以下东西label:{show:false}和labelLine:{show:false}。如果想要这种效果，可以在series中添加center:["38%","50%"],一个设置的是小圆的半径，一个是大圆的半...
2021-08-26 09:52:59
437
原创 前端小圆点应该怎么写好看
在开发的过程中，需要写小圆点应该怎么办？如何写出好看的小圆点呢？如图所示其实思路很简单，先上代码。写一个span标签，给个类，设置为inline-block，这样就可以设置宽度和高度了，然后通过border-radius属性，调成百分之五十，想要好看点的加个背景色，就可以了。...
2021-08-11 17:09:07
1181
原创 八月十一日实习总结
今天主要学习了layui表单的使用，做了一个登录页面，把一个图片作为背景可以使用下面这些代码 body{ background: url(img/平台.jpg); background-position: center center; /* 背景图不平铺 */ background-repeat: no-repeat; ...
2021-08-11 16:54:40
104
原创 一：前端面试题；水平垂直居中的方法（最全最详细）
如图所示，我们建立了俩个div，并给它们设置了俩个类，allCenter和allCenterChild分别是设置盒子垂直居中的俩个类，刚开始未加任何代码的效果如下图所示。第一种方法：使用flex布局在父级div上的居中class上添加如图所示效果就变成了下面的效果第二种：flex布局，父级使用display:flex，子级margin:auto如图所示：效果图：第三种方法：父级添加display：flex，子级添加align-self:center,margin:..
2021-07-07 20:31:08
658
原创 一：前端面试题；W3C盒模型和怪异盒模型
在标准盒模型下，width和height是内容区域即content的width和height。而IE盒模型或怪异盒模型显而易见的区别就是，width和height除了content区域外，还包含padding和border。
2021-07-07 17:54:27
197
原创 二：前端面试题；script标签的defer和async
如图所示，script 标签有2个属性 async（异步） 和 defer（推迟）；他们的功能是：async：他是异步加载，不确定何时会加载好；页面加载时，带有 async 的脚本也同时加载，加载后会立即执行，如果有一些需要操作 DOM 的脚本加载比较慢时，这样会造成 DOM 还没有加载好，脚本就进行操作，会造成错误。defer：页面加载时，带有 defer 的脚本也同时加载，加载后会等待 页面加载好后，才执行。...
2021-07-07 17:34:52
225
原创 一：前端面试题；DOCTYPE标签
HTML 5 <!DOCTYPE> 标签W3C上面的定义和用法<!DOCTYPE> 声明必须位于 HTML5 文档中的第一行，也就是位于 <html> 标签之前。该标签告知浏览器文档所使用的 HTML 规范。doctype 声明不属于 HTML 标签；tag; 它是一条指令，告诉浏览器编写页面所用的标记的版本。在所有 HTML 文档中规定 doctype 是非常重要的，这样浏览器就能了解预期的文档类型。HTML 4.01 中的 doctype 需要对
2021-07-07 17:19:46
209
原创 一：前端面试题；html中的meta标签
meta 标签共有两个属性，分别是 http-equiv 属性和 name 属性。1. name 属性name 属性主要用于描述网页，比如网页的关键词，叙述等。与之对应的属性值为 content，content 中的内容是对name填入类型的具体描述，便于搜索引擎抓取。meta 标签中 name 属性语法格式是：<meta name="参数" content="具体的描述">。其中 name 属性共有以下几种参数。(A-C 为常用属性)A. keywords(关键字)
2021-07-07 17:13:39
331
原创 一：前端面试题；img标签的title和alt属性
alt属性和title属性的区别是前者是在图片无法加载的时候才会显示的其值，而title是在图片正常加载鼠标划上去显示的值，虽然alt也有后者的功能，但是只是在低版本的ie浏览器才支持，高版本及标准浏览器不支持这个 功能了。工具原料；编辑器、浏览器一、alt属性1、alt是在图片不能正常加载时候显示的提示语，代码如下： 1 <imgsrc="eg_tulip.jpg"alt="上海鲜花港-郁金香"/> 2、运行结...
2021-07-07 17:07:43
911
原创 一：前端面试题；行内元素/块级元素，非替换元素/替换元素
块级元素会独占一行,默认情况下,其宽度自动填满其父元素宽度块级元素可以设置width,height属性.块级元素即使设置了宽度,仍然是独占一行.块级元素可以设置margin和padding属性.块级元素对应于display:block.------------------------------------------------------------------------------------------行内元素不会独占一行,相邻的行内元素会排列在同一行里,直
2021-07-07 17:01:38
198
原创 解决gulp任务执行npm安装过程中报错npm ERR! code ENOSPCnpm ERR! syscall writenpm ERR! nospc Invalid response body问题
如图所示执行此条命令问题解决
2021-07-06 10:26:03
2408
原创 JavaScript中addEventListener的用法
addEventListener() 和 removeEventListener()是用来分配和删除事件的函数。 这两个方法都需要三个参数，分别为：事件名称（String）、要触发的事件处理函数(Function)、指定事件处理函数的时期或阶段(boolean)。由图可知捕获过程要先于冒泡过程当第三个参数设置为true就在捕获过程中执行，反之就在冒泡过程中执行处理函数...
2021-06-05 21:07:39
574
原创 说说JavaScript的math.round()的使用。
Math.round(）函数返回一个数字四舍五入后最接近的整数如果参数的小数部分大于0.5，四舍五入到相邻的绝对值更大的整数如果参数的小数部分小于0.5，四舍五入到相邻的绝对值更小的整数如果参数的小数部分等于0.5，四舍五入到相邻的在正无穷（+∞）方向上的整数。例：x=Math.round(2019.49) ; //2019x=Math.round(2019.5); //2020x=Mat
2021-05-27 10:55:20
576
1
原创 关于JavaScript中parseInt的一些思考
关于parseInt的一些思考，有俩个参数，第一个传入的是一个字符串，后面传入的是进制，如图片所述，代表的是16进制。第一个答案是250，第二个是NaN。传入false时，会首先加上引号，当解析到l的时候就截断了，所以1516+101=250，而第二个是刚开始解析的时候就会报错了。...
2021-05-20 10:57:12
62
原创 rem em px 的区别
px 是像素，是具体的尺寸单位，就像我们平时使用的米和厘米一样。em是相对于它的父级。font-size 的倍数。1rem等于html根元素设定的font-size的px值如果css里面没有设定html的font-size，则默认浏览器以1rem=16px来换算。假如我们在css里面设定下面的csshtml{font-size:14px}那么后面的CSS里面的rem值则是以这个14来换算。例如设定一个div宽度为3rem,高度为2.5rem.则它换算成px为width:42px.height
2021-05-19 10:39:00
45
原创 大白话浅谈http和https的区别，小白也能听得懂
大白话浅谈http和https的区别，小白也能听得懂。## 标题http指的是超文本传输协议，所谓的超文本，通过字面意思就可以理解，就是超过文本，比文本厉害，所以可以是音频视频之类的东西，而协议，相当于约定，就好比人与人交流需要一门共同的语言。http 参用的是明文传输，发出一个http请求到服务器，可能会被一些不法分子截获，获取你的密码，钱财等信息，所以不安全。就好比你要运输大笔黄金到一个地方，你没有做保密处理啥的，不法分子看到了你运输的是黄金，就想中途获得。https是http的基础上加了一个SS
2021-05-19 09:44:28
176
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人