前端开发初识Vue.js-01

最新推荐文章于 2024-01-12 16:59:39 发布

梦梦的小斑鸠

最新推荐文章于 2024-01-12 16:59:39 发布

阅读量426

点赞数

文章标签： vue.js javascript ecmascript

本文链接：https://blog.csdn.net/CP011522/article/details/126605447

版权

HTML-CSS-JavaScript（面试题）

什么是HTML语义化？

语义是指对一个词或者句子含义的正确解释。很多html标签也具有语义的意义，也就是说元素本身传达了关于标签所包含内容类型的一些信息。例如，当浏览器解析到<h1></h1>标签时，它将该标签解释为包含这一块内容的最重要的标题。h1标签的语义就是用它来标识特定网页或部分最重要的标题。

说下清除浮动？

清除浮动主要是为了解决父元素因为子级元素浮动引起的内部高度塌陷的问题。

CSS垂直居中实现？

第一种：flex布局

首先给父元素设置display：flex让其变成弹性盒子，然后利用弹性盒子的jusyify-content和align-items，将两个属性都设置为center即可

第二种：position定位+margin负距离

前提是知道居中元素的宽高，首先给居中元素定位，之后设置margin的负距离为具体宽高的一半便可达到垂直居中效

第三中：position定位+margin auto

position定位加margin auto，与第一种方法相似，设置居中元素的top bottom left right为0px，之后加上外边距magin auto即可

第四种：position+transform

position定位加上transfom 这种方式的特点是可以不用知道居中元素的宽高，给居中元素定位后left和top都设置成50%，之后向反向平移50%即可

第五种：vertical-align text-align实现垂直居中

绝对定位和相对定位？
绝对定位

通过 left、right 属性来定义水平偏移量，top、bottom 属性来定义垂直偏移量

只要父级元素设了position并且不是static（默认既是static），那么设定了absolute的子元素即以此为包含块（最近的）,

绝对定位（Absolute positioning）元素定位的参照物是其包含块，既相对于其包含块进行定位，不一定是其父元素

总结：

当子元素设置position: absolute的时，父元素必须设置position属性，设置为position: relative最理想。

原因：如果父级元素是绝对定位（absolute）或者没有设置，里面的绝对定位（absolute）自动以body定位，（这样浅显易懂）

position: absolute;

相对定位

通过 left、right 属性来定义水平偏移量，top、bottom 属性来定义垂直偏移量

当一个元素的 position属性设置为 relative，它将使用相对定位。相对定位的元素在普通流中进行定位，它将出现在文档流中原本的位置。然而，可以通过设置水平或垂直偏移量，使它相对于原本的位置，偏移指定的距离，移动到新的位置。如果没有设置偏移，或设置的偏移量为 0，那么它仍将保持在原来的位置

总结：

相对定位使用四个属性值后，会保留原来位置，位置移动，依旧会占有原来位置

position: relative;

说说盒子模型？

CSS盒模型本质上是一个盒子，封装周围的HTML元素，它包括：外边距（margin）、边框（border）、内边距（padding）、实际内容（content）四个属性，分为标准模型和IE模型，标准模型的宽度不包括内边距，IE模型的宽度要包括内边距。

content：即实际内容，显示文本和图像；
border：即边框，围绕元素内容的内边距的一条或多条线，由粗细、样式、颜色三部分组成；
padding：即内边距，清除内容周围的区域，内边距是透明的，取值不能为负，受盒子的background属性影响；
margin：即外边距，在元素外创建格外的空白，空白通常指不能放其他元素的区域。

知识回顾

MVC和MVVM

MVC指的是Model-View-Controller，Model表示数据层，View表示视图层，Controller：控制器层，数据模型和视图之间通信的桥梁，通常控制器负责从事图读取数据，控制用户输入，并向模型发送数据。

View 接受用户交互请求

View 将请求转交给Controller处理

Controller 操作Model进行数据更新保存

数据更新保存之后，Model会通知View更新

View 更新变化数据使用户得到反馈

MVVM指的是Model-View-ViewModel，Model表示数据层，View表示视图层，ViewModel用于监听模型数据的改变和控制视图行为，简单来说就是沟通Model层和View层的桥梁。

View 接收用户交互请求
View 将请求转交给ViewModel
ViewModel 操作Model数据更新
Model 更新完数据，通知ViewModel数据发生变化
ViewModel 更新View数据

总结：mvc是通过view层接收用户操作，传递给controller层，controller层处理逻辑，传递给model层，model层数据发生变化后，再传递给view层发生改变。mvvm是在mvc的基础上衍生出来的，主要利用的双向数据绑定，以viewmodel为核心，通过view层接收用户操作，传递给viewmodel层，传递给model层，在model层数据发生改变后，通知viewmodel层，viewmodel层再通知view层进行更新（view层和model层是不直接进行通信的）。

CDN？

CDN的全称是Content Delivery Network，即内容分发网络。CDN是构建在网络之上的内容分发网络，依靠部署在各地的边缘服务器，通过中心平台的负载均衡、内容分发、调度等功能模块，使用户就近获取所需内容，降低网络拥塞，提高用户访问响应速度和命中率。CDN的关键技术主要有内容存储和分发技术。

CMD？

cmd基本概念
cmd(commander)，命令提示符是在操作系统中，提示进行命令输入的一种工作提示符。在不同的操作系统环境下，命令提示符各不相同。在windows环境下，命令行程序为cmd.exe，是一个32位的命令行程序，微软Windows系统基于Windows上的命令解释程序，类似于微软的DOS操作系统（百度百科）。

很多基础的cmd操作指令可以去百度查一查，用一用。