标准模型

1、盒子模型（box model） 在HTML中，可以把元素看做盒子，盒子包括：实际内容（content）、内边距（padding）、边框（border）、外边距（margin） 2、标准盒模型与怪异盒模型 对比两种模型的区别 1.标准盒模型 标准盒模型（W3C盒子模型），设置的width或height是对 实际内容（content）的width或height进行设置，内容周围的border和padding另外设置，即盒子模型的width（height）=设置的content的宽高+padding+border+margin 注：除内容content外，其他为上下左右都有 2.怪异盒模型 怪异盒模型（IE盒子模型），设置的width或height是对 实际内容（content）+内边距（padding）+边框（border）之和的width和height进行设置的，其盒模型的width（height）=设置的width（height）+外边距margin 1、解决两者的兼容问题 可尝试对父元素使用内边距，对子元素使用外边距 2、box-sizing的应用 box-sizing 属性允许您以特定的方式定义匹配某个区域的特定元素。 box-sizing值为content-box时：宽度和高度分别应用到元素的内容框，在宽度和高度之外绘制元素的内边距和边框。（即 标准盒模型） box

标准盒模型（W3C盒模型） 为了做对比，我打算让两个盒子的css样式一样； .w3c{ width: 100px; height: 100px; padding: 5px; margin: 5px; border: 5px solid black; background: lightcoral; } <div class="w3c"> </div> 这是标准盒模型的代码 怪异盒模型（IE盒模型） .ie{ width: 100px; height: 100px; padding: 5px; margin: 5px; border: 5px solid black; background: lightgreen; box-sizing: border-box; } <div class="ie"> </div> 对比呈现与分析 标准盒模型 怪异盒模型 来源： https://www.cnblogs.com/linxim/p/11918735.html

JavaScript分为 ECMAScript，DOM，BOM。 BOM（Browser Object Model）是指浏览器对象模型，它使 JavaScript 有能力与浏览器进行“对话”。 DOM （Document Object Model）是指文档对象模型，通过它，可以访问HTML文档的所有元素。 Window对象是客户端JavaScript最高层对象之一，由于window对象是其它大部分对象的共同祖先，在调用window对象的方法和属性时，可以省略window对象的引用。 例如：window.document.write()可以简写成：document.write()。 ECMAScript和JavaScript的关系 1996年11月，JavaScript的创造者--Netscape公司，决定将JavaScript提交给国际标准化组织ECMA，希望这门语言能够成为国际标准。 次年，ECMA发布262号标准文件（ECMA-262）的第一版，规定了浏览器脚本语言的标准，并将这种语言称为ECMAScript，这个版本就是1.0版。 该标准一开始就是针对JavaScript语言制定的，但是没有称其为JavaScript， 有两个方面的原因。 一是商标，JavaScript本身已被Netscape注册为商标。 二是想体现这门语言的制定者是ECMA，而不是Netscape

一.模型视图设计模式 A.模型视图设计模式 1.模型与视图相分离 2.模型对外提供标准接口存取数据(不关心数据如何显示) 3.视图自定义数据的显示方式(不关系数据如何组织存储) 模型视图模式的直观理解 模型视图的工作机制 1.当数据发生改变时--模型发出信号通知视图 2.当用户与视图进行交互时--视图发出信号提供交互信息 Qt中的模型类层次结构 QAbstractItemModel类为项模型类提供抽象接口.QAbstractItemModel类定义项模型必须使用的标准接口，以便能够与模型/视图体系结构中的其他组件进行互操作。它不应该直接实例化。相反，您应该将其子类化以创建新模型。QAbstractItemModel类是Model / View Classes之一，是Qt模型/视图框架的一部分。它可以用作QML中项视图元素的基础数据模型或Qt Widgets模块中的项视图类。如果您需要一个模型用于项目视图，例如QML的List View元素或C ++小部件QListView或QTableView，您应该考虑子类化QAbstractListModel或QAbstractTableModel而不是此类。底层数据模型作为表层次结构公开给视图和委托。如果不使用层次结构，则模型是行和列的简单表。每个项目都有一个由QModelIndex指定的唯一索引 Qt中视图类的层次结构

㈠原理 ⑴css 属性——Box Moel分为两种：W3C标准和IE标准盒子模型。 ⑵大多数浏览器采用W3C标准模型，而IE中采用Microsoft自己的标准。 ⑶怪异模式是“部分浏览器在支持W3C标准的同时还保留了原来的解析模式”，怪异模式主要表现在IE内核的浏览器。 ⑷当不对Doctype进行定义时，会触发怪异模式。 ㈡标准模型和怪异模型的区别： ⑴在标准模式下，一个块的总宽度=width+margin(左右)+padding(左右)+border(左右) ⑵在怪异模式下，一个块的总宽度=width+margin（左右）（既width已经包含了padding和border值） ⑶具体看下面的模型图： 标准模型： 怪异模型： ㈢总长度的差别 那么，到底这两个公式里提到的总宽度是什么意思呢？两种模式最终效果有什么差别呢？ ⒈标准模式的代码如下图所示： 效果如下图所示： ★标准模式，我们设置#box的宽高为400px，其对应的content（内容区）宽高为400px 2.怪异模式的代码如下图所示： 效果图图下图所示： ★标准模式，我们设置#box的宽高为400px，在怪异模型中，其对应的content（内容区）宽高却是 width-上下padding-上下border，结果为350px; 我们很明显的看到怪异模型下的宽度变小了。 希望有所帮助。 来源： https://www