web开发概述

抑630

已于 2022-08-30 16:36:27 修改

阅读量239

点赞数 2

文章标签： css javascript vue.js

于 2022-08-30 11:58:16 首次发布

本文链接：https://blog.csdn.net/weixin_64227680/article/details/126598396

版权

Web 开发实战------概述

一一相关HTML-CSS-JavaScript面试题解答

1.什么是HTML语义化？

HTML的语义化就是用合理、正确的标签来展示内容，即HTML的标签语义化。
如：
title标签：标题

ul标签：无序列表

ol标签：有序列表

strong标签：强调文本，表现为粗体

em标签：强调文本，表现为斜体

img标签：图片

p标签：段落

2.如何清除浮动？

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

清除浮动有多种方法：
推荐给父盒子加一个属性 overflow:hidden；
通过触发BFC方式，实现清除浮动
代码简洁

.box {
    width: 400px;
    background-color: yellow;
    /* 通过溢出隐藏来清除浮动 */
    overflow: hidden;
}

3.CSS垂直居中实现？

推荐父元素使用flex布局，并设置相关的属性值为center
css

  .father{     
            margin: auto 50px;
            width: 200px;
            height: 200px;
            background: rgb(197, 131, 131);
            display:flex;
            justify-content:center;
            align-items:center;
   }
   .son{
            width: 20px;
            height: 20px;
            background: rgb(98, 216, 100);
   }

效果: 在这里插入图片描述

4.绝对定位和相对定位？

绝对定位：position: absolute; 相对于元素最近的已定位的祖先元素

 .father {
            position:  relative ;
            width: 300px ;
            height: 300px ;
            background-color: rosybrown ;
        }
  .son {
            position: absolute;
            left: 0;
            bottom: 0;
            width: 200px;
            height: 200px;
            background-color: aquamarine;
        }

效果：在这里插入图片描述

相对定位：position: relative; 相对于自己原来的位置移动；

 .box1 {
            position:  relative ;
            top: 100px;
            left: 100px;
            width: 200px ;
            height: 200px ;
            background-color: rosybrown ;
       }
 .box2 {
            width: 200px ;
            height: 200px ;
            background-color: royalblue ;
        }

效果：在这里插入图片描述

5.盒子模型？

CSS盒子模型就是在网页设计中经常用到的CSS技术所使用的一种思维模型。网页中所有元素都具备以下四个属性首先一个盒模型包含了padding（内边距）margin（外边距）border（边框）内容（content）也就是元素本身的width,height；
盒子模型主要是针对页面布局的时候来使用，他规范了我们页面的所有所有元素的一个布局规范是由外向内进行布局。
在这里插入图片描述

一.何为MVVM？

MVVM，是Model-View-ViewModel的简写。MVVM 就是将其中的View 的状态和行为抽象化，其中ViewModel将视图 UI 和业务逻辑分开，它可以取出 Model 的数据同时帮忙处理 View 中由于需要展示内容而涉及的业务逻辑。

MVVM采用双向数据绑定，view中数据变化将自动反映到viewmodel上，反之，model中数据变化也将会自动展示在页面上。把Model和View关联起来的就是ViewModel。ViewModel负责把Model的数据同步到View显示出来，还负责把View的修改同步回Model。
在这里插入图片描述

优点：
可测试性：可对ViewModel构造单元测试。
耦合性：视图（View）可以独立于Model变化和修改，一个ViewModel可以绑定到不同的View上，当View变化的时候Model可以不变，当Model变化的时候，View也可以不变。

二.MVC模式

M（Model）：模型层。是应用程序中用于处理应用程序数据逻辑的部分，模型对象负责在数据库中存取数据；
V（View）：视图层。是应用程序中处理数据显示的部分，视图是依据模型数据创建的；
C（Controller）：控制层。是应用程序中处理用户交互的部分，控制器接受用户的输入并调用模型和视图去完成用户的需求，控制器本身不输出任何东西和做任何处理。它只是接收请求并决定调用哪个模型构件去处理请求，然后再确定用哪个视图来显示返回的数据。

三.安装Vue.js——使用CDN方法

什么是CDN？
CDN的全称是Content Delivery Netword，即内容分发网络。

CDN是构建在现有网络基础之上的智能虚拟网络，依靠部署在各地的边缘服务器，通过中心平台的负载均衡、内容分发、调度等功能模块，使用户就近获取所需内容，降低网络拥塞，提高用户访问响应速度和命中率。

CDN的关键技术主要有内容存储和分发技术。
vue.js使用流程
1.导入vue.js。
2.准备好界面。
3.实例化一个vue，并且将这个界面交给vue管理。
4.{{ vue里的变量 }}，可以输出这个变量的值。

四.常见的cmd命令符

盘符名称+冒号——盘符切换
dir——查看当前路径下的文件列表
cd目录——进入单级目录（tab补足目录名称）
cd…——回退到上一级目录
cd 目录一\目录二…——进入多级目录
cd\ ——回退到盘符目录
cls——清屏
exit——退出命令提示符窗口
calc——启动计算机
cleanmgr——启动磁盘清理
notepad——启动记事本
magnify——启动放大镜
mspaint——启动画图板
osk——启动屏幕键盘