web开发与应用（一）

1. 什么是MVVM？

MVVM是MVC的增强版，实质上和MVC没有本质区别，只是代码的位置变动而已，这是我对mvvm的理解。

2. 那什么是MVC呢？

MVC 简单拆分开来说就是，Model、View、Controller，分别表示数据、视图、控制器。他们分别用来，

Model：数据模型，用来存储数据
View：视图界面，用来展示UI界面和响应用户交互
Controller：控制器(大管家角色)，监听模型数据的改变和控制视图行为、处理用户交互

3. 什么是CDN?

CDN简单拆分来说就是 Content Delivery Network，即内容分发网络。将网站内容分发至全网加速节点，配合智能调度和边缘缓存，使用户可就近获取所需内容，解决网络拥塞问题，提高网站响应速度和可用性，降低源站压力。

4. CMD操作

1.如何打开 CMD 命令提示符窗口

方法一：开始菜单 -> Windows 系统 -> 命令提示符。

方法二：按下快捷键 Win + R 打开运行，输入 cmd 回车。

方法三：点击任务栏搜索按钮，搜索 cmd 并打开。

小技巧：

输入 help，查看帮助；

Tab 键，自动补全；

上/下方向键，查看历史命令；

5。什么是HTML语义化?

语义化的标签，旨在让标签有自己的含义，方便阅读，。

例如常见的语义化标签及他们的含义

<title>：页面主体内容。
<hn>：h1~h6，分级标题，<h1> 与 <title> 协调有利于搜索引擎优化。
<ul>：无序列表。
<li>：有序列表。
<header>：页眉通常包括网站标志、主导航、全站链接以及搜索框。
<nav>：标记导航，仅对文档中重要的链接群使用。
<main>：页面主要内容，一个页面只能使用一次。如果是web应用，则包围其主要功能。
<section>：定义文档中的节section、区段）。比如章节、页眉、页脚或文档中的其他部分。
<footer>：页脚，只有当父级是body时，才是整个页面的页脚。
<small>：呈现小号字体效果，指定细则，输入免责声明、注解、署名、版权。
<strong>：和 em 标签一样，用于强调文本，但它强调的程度更强一些。

6. 清除浮动

什么是浮动？

元素是按照它在 HTML 中的出现的先后顺序自上而下依次排列布局的，在排列过程中所有的行内元素水平排列，直到当行被占满然后换行，块级元素则会被渲染为一整行。如果没有特殊样式指定，所有元素默认都是按照普通流方式排列布局。

为什么清除浮动？

浮动导致元素已不在普通流中，所以在排列布局的时候文档中的普通流表现的和浮动元素不存在一样，当浮动元素的高度超出包含框的时候，会出现包含框不会自动撑高来包裹浮动元素，即所谓的“高度塌陷”。

清除浮动的几种方式

给父容器添加after伪类和zoom样式可以写成公共样式，zoom兼容IE

给父元素添加样式overflow: hidden;或者overflow: auto

添加空标签，并设置clear:both的样式

给父容器设置高度

让父元素一起浮动

给父元素设置display:table或者display:inline-block

7. 实现css垂直居中

设定行高（line-height）

添加伪元素

transform

绝对定位

使用Flexbox

8. 盒子模型

什么是盒模型？
CSS盒子模型就是在网页设计中经常用到的一种思维模型，是CSS布局的基石，主要规定了元素是如何显示元素间相互关系。定义所有元素都可以有像盒子一样的平面空间和外形。包含内容区、填充、边框和外边距，这就是盒模型。

盒模型的组成：content（内容区）+padding（填充区）+border（边框区）+margin（外边界区）

1、Content：元素的宽和高，内容，也就是元素的width、height
2、Border ：盒子的边缘，盒子边缘或盒子边缘的厚度
3、Padding ：在盒子里面，盒子和内容之间，显示在盒子和内容之间的空白区，补白、内填充或叫内边距
4、Margin ：外边距。

web开发与应用（一）相关推荐

写给自己的web开发资源
web开发给我的感觉就是乱七八糟,而且要学习感觉总是会有东西要学习,很乱很杂我也没空搞,(其实学习这个的方法就是去用它,什么你直接用?学过js么学过jquery么?哈哈,我没有系统的看完过,但是也做出 ...
第五篇：Visual Studio 2008 Web开发使用的新特性
第五篇:Visual Studio 2008 Web开发使用的新特性本篇翻译自MSDN. .NET Framwork 3.5与Visual Studio 2008 包含很多新特性.AJAX的Web开 ...
Web 开发与设计之 Google 兵器谱
Google 的使命是 Web,在 Google 眼中,未来的一切应用都将 Web 化,一直以来,Google 为 Web 开发与设计者推出了大量免费工具,让他们更好地创建,维护,改善他们的 Web ...
如何用Python做Web开发？——Django环境配置
用Python做Web开发,Django框架是个非常好的起点.如何从零开始,配置好Django开发环境呢?本文带你一步步无痛上手. 概念最近有个词儿很流行,叫做"全栈"(full ...
Web 开发人员必备的随机 JSON 数据生成工具
在 Web 开发中,经常会需要一些测试数据来测试接口或者功能时候正确.JSON Generator 就是这样一款生成随机 JSON 数据的在线工具,Web 开发人员必备,记得收藏和分享啊. 您可能感兴 ...
Web开发常见的软件架构
Web开发常见的软件架构一.看需求分析,看产品PRD:Product Requirement Document 二.根据PRD和产品原型建数据库表,注意三范式要求,用工具到处数据库关系图,并快速地理 ...
038——VUE中组件之WEB开发中组件使用场景与定义组件的方式
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8" ...
[WebDev]Web 开发与设计师速查手册大全
Cheat Sheet 一词在中文中并没有很贴切的对译,大概是考试作弊条一类的东西,这要求 Cheat Sheet 必须短小精悍又覆盖广泛,作为 Web 开发与设计师,免不了在工作时查询大量资料,某个 ...
web前端开发最佳实践_学习前端Web开发的最佳方法
web前端开发最佳实践为什么要进行网站开发? (Why web development?) Web development is a field that is not going anywhere ...
有抱负的Web开发人员应考虑的6件事
Becoming a web developer can be as challenging as working out every day. 成为网络开发人员就像每天锻炼一样具有挑战性. It's ...

web开发与应用（一）

web开发与应用（一）相关推荐

最新文章

热门文章