- 博客(10)
- 收藏
- 关注
原创 数组扁平化的几种方法
arr.flat([depth]):depth时可以传递数组的展开深度,默认不填,为1,代表展开一层数组,传进Inifinity代表无论多少层都要展开。首先利用数组的some函数加ing仍是数组的元素项过滤出来,接着执行连接concat操作,利用ES6中的扩展运算符将其拼接到原数组中,然后返回。首先利用JSON.stringfy将数组转化为字符串没然后通过正则过滤掉字符串中的数组括号,最后利用JSON.parse转化为数组。个元素开始执行,所以如果需要从索引为0的元素开始执行的话,需要传递初始值。
2023-04-01 18:57:16
335
原创 水平垂直居中
法一:绝对定位,子绝父相,首先将元素的左上角通过过top:50%和left:50%定位到页面的中心,然后再通过translate来调整元素的中心点到页面的中心。(需要考虑兼容性).parent { position: relative;}.child { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}法二:绝对定位,子绝父相,先将元素的左上角通过to...
2022-04-24 15:58:07
176
原创 前端面试常见问题
《html》1.1 html标签的类型(head, body,!Doctype) 他们的作用是什么参考答案:!DOCTYPE 标签:它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令.head:是所有头部元素的容器, 绝大多数头部标签的内容不会显示给读者该标签下所包含的部分可加入的标签有,,,,和body :用于定义文档的主体, 包含了文档的所有内容该标签支持 html 的全局属性和事件属性.1.2 h5新特性新增选择器 document.query.
2022-04-19 17:23:39
88
原创 前端学习笔记之CSS(3)
Css浮动:传统网页布局的三种方式:普通流(标准流)、浮动、定位标准流(普通流/文档流):标签按照规定好默认方式排列。什么是浮动?浮动的特性:浮动的盒子不再保留原先的位置。如果多个盒子都设置了浮动,他们会按照属性值一行内显示并且顶端对齐排列。浮动的元素是紧紧贴在一起的,如果父级元素装不下这些盒子,就会另起一行对齐。浮动元素具有行内块元素的特性。但是如果不给父盒子高度,孩子加了浮动之后,父盒子的高度就变成零,出现问题。这时候就需要清除浮动。...
2022-04-19 16:51:43
49
原创 前端学习笔记之CSS(2)
元素显示模式:就是元素以什么方式显示,比如<div>独占一行,或者一行可以放多个<span>HTML元素分为块元素和行内元素两种。块元素:特点:行内元素:行内块元素:元素显示模式的转换:即一个模式的元素需要另外一种模式的特性,如增加<a>的触发范围单行文字垂直居中的代码:让文字的行高等于盒子的宽度也可以实现居中。CSS的背景:添加背景颜色、背景图片、背景图片位置、背景平铺...
2022-04-09 13:32:57
48
原创 前端学习笔记之CSS(1)
CSS用来美化页面,页面布局。也是一种标记语言。HTML的局限性:只关注内容的语义,没有外观设计。CSS语法规范:由两部分组成:选择器以及一条或多条声明。简单理解:选择器 {样式} 给谁改样式 {改什么样式}CSs样式要写在<style></style>里面。Css代码风格:样式格式书写(1)紧凑格式:(2)展开格式:更提倡这种样式大小书写:通常小写。空格规范:属性值前面,冒号后面保留一...
2022-04-09 13:11:55
208
原创 前端学习笔记之HTML(2)
列表标签:用来布局分类:无序列表(重点)、有序列表、自定义列表无序列表:用<ul>来表示,列表项使用<li>,各项之间没有顺序之分,并列的。<ul>里面只能嵌套<li>。<li>相当于一个容器,里面可以容纳任何元素。有序列表:用<ol>来包含,列表项用<li>,列表排序用数字来显示。自定义列表:用于对术语或名词进行解释和描述,列表项前没有任何项目符号。<dl>里面只能包含<dt>和
2022-04-09 12:51:45
972
原创 前端学习笔记之HTML(1)
《HTML》网页基本组成网页是构成网站的基本元素,通常由图片、链接、文字、声音、视频等元素构成。什么是HTML超文本标记语言,描述网页的一种标记语言,是一套标记标签。常用的浏览器(国际通用的)IE(Edge)、火狐、谷歌、Safari、Opera浏览器内核(渲染引擎):负责读取网页内容,整理讯息,计算网页的显示方式并显示页面。Web标准的三大组成部分W3C(万维网)WEB标准的构成:结构(Structure)、表现(Presentation)、行为(Beh..
2022-03-27 20:00:51
784
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人