掘友等级
获得徽章 0
#每天一个知识点# 4、定位position(top、right、bottom、left)static元素框正常生成。
Relative相对定位（相对定位，相对自身原来位置，原有空间保留，不会被挤占）。
不影响元素本身的特性；
不使元素脱离文档流；
如果没有定位偏移量，对元素本身没有任何影响；
提升层级；（可用z-index提升层级，从而改变元素的覆盖关系，数值越大的在上面；两个元素同为定位元素时，后面的会覆盖前面的定位）
表格作用：存在即是合理的。 表格的现在还是较为常用的一种标签，但不是用来布局，常见显示、展示表
格式数据:
table用于定义一个表格标签。
tr标签 用于定义表格中的行，必须嵌套在 table标签中。
td 用于定义表格中的单元格，必须嵌套在标签中。
#每天一个知识点# 闭合标签（标签对拥有开始标签和结束标签）
标签对/双标签<html></html>
<P>前端文本文字<P>
#每天一个知识点#
行内元素：a \ b \ span \ input \ img \ strong \ br \ em \ big \ small
块元素：div \ ul \ ol \ li \ h1-h6 \ p \ dl \ dt \ address
空元素：img \ input \ link \ meta
#每天一个知识点# <1> 块元素
a.独占一行
b.支持设置宽高，如果不设置，默认宽度与其父元素的高度一致，高度由里面的内容撑出
c.支持设置盒模型里的上下padding和margin值
#每天一个知识点# DOM编程:
DOM就是HTML页面的模型，将每个标签都做为一个对象，JavaScript通过调用DOM中的属性、方法就可以对网页中的文本框、层等元素进行编程控制。比如通过操作文本框的DOM对象，就可以读取文本框中的值、设置文本框中的值。
HTML DOM定义了访问和操作HTML文档的标准方法。他把HTML文档呈现为带有元素、属性和文本的树结构。在层次图中，每个对象是它的父对象的属性，如Window对象是Document对象的父对象，所以在引用Document对象就可以使用Window.Document，相当于document是window对象的属性。对于每一个页面，浏览器都会自动创建Window对象、Document对象、Location对象、Navigator对象、History对象。
#每天一个知识点# 标题元素可用于指定内容的标题和子标题。就像一本书的书名、每章的大标题、小标题，等。HTML 文档也是一样。HTML 包括六个级别的标题， <h1> (en-US)–<h6> (en-US) ，一般最多用到 3-4 级标题。
#每天一个知识点#
<!DOCTYPE html> — 文档类型。混沌初分，HTML 尚在襁褓（大约是 1991/92 年）之时，DOCTYPE 用来链接一些 HTML 编写守则，比如自动查错之类。DOCTYPE 在当今作用有限，仅用于保证文档正常读取。现在知道这些就足够了。
<html></html> — <html> 元素。该元素包含整个页面的内容，也称作根元素。
<head></head> — <head> 元素。该元素的内容对用户不可见，其中包含例如面向搜索引擎的搜索关键字（keywords）、页面描述、CSS 样式表和字符编码声明等。
#每天一个知识点# 属性应该包含：
在属性与元素名称（或上一个属性，如果有超过一个属性的话）之间的空格符。
属性的名称，并接上一个等号。
由引号所包围的属性值。
#每天一个知识点# 清除浮动的几种常见方式：直接为父元素设置高度（优点：简单、代码少，缺点:只适合用于高度固定的布局；）
在父元素结束标签之前添加额外的元素，设置clear:both样式（优点：简单、兼容性也好；缺点：不利于代码语义化，后期维护成本大）
使用CSS的after伪元素；（优点：浏览器支持好，各大型网站中都有使用，缺点：代码多，要两句代码结合使用，才能让主流浏览器都支持）
注意：在使用伪元素清除浮动时，为了让IE6/IE7浏览器适用，要给clearfix的css添加一条zoom:1的样式，触发haslayout;
使用css的overflow属性；（优点：浏览器支持好，适合定框的页面；缺点：不能和position配合使用，因为超出部分会被overflow:hidden隐藏）通过触发BFC方式，实现清除浮动（BFC(Block formatting context)直译为“块级格式化上下文”。是一个完全独立的渲染区域，计算BFC高度时，浮动元素也会参与计算）
#每天一个知识点# 行内元素&块级元素：
行内元素与块级元素直观上的区别；块级元素各占一行，垂直方向排列。块级元素只能从新行开始接着下一个行内元素会在同一行上排列，水平排列；
块级元素可以包含行内元素和块级元素。行内样式只能包含行内
#每天一个知识点# 每个事件都有特定的用途:
DOMContentLoaded —— DOM 加载完毕，所以 JS 可以访问所有 DOM 节点，初始化界面。
load —— 附加资源已经加载完毕，可以在此事件触发时获得图像的大小（如果没有被在 HTML/CSS 中指定）
beforeunload —— 该事件可用于弹出对话框，提示用户是继续浏览页面还是离开当前页面。
unload —— 删除本地数据localstorage等
#每天一个知识点# 面向过程的编程范式要求按照流程步骤逐个地分析每个问题。很显然，并不是所有问题都适合这种过程化的思维方式，这也就导致了其他编程范式的出现，比如面向对象。
面向对象的核心是对象，它不是把问题抽象成流程步骤，而是抽象成对象，对象是程序代码中的基本单位，对应代码中的类或类的实例，对象内部封装了数据和方法。这种编程范式主要包含 3 个特性：封装、继承、多态。
#每天一个知识点# 想做比网页大一点的东西吗?Angular和NestJS联合起来创建大规模的JavaScript应用程序。
Angular是开发应用程序的最佳JavaScript框架之一。Angular和Nest互为补充，因为它们使用相同的构造块。angular+nestj有一些令人印象深刻的开箱即用特性，可以帮助你构建你的第一个应用。
#每天一个知识点# <html lang='en'>
包裹了整个页面的所有内容，有时被称为根元素。lang =‘en’表示网页使用语言为英文，‘zh-CN’表示使用中国大陆（简体）字体的网页，一般用作网页翻译等场景，其中zh是中文。
#每天一个知识点# 使用v-if 的时候，如果值为false那么页面将不会有html标签生成v-show则是不管值为true，还是false, html元素都会存在，只是css中display显示或隐藏
#每天一个知识点# CSS组合选择器
（1）后代选择器：用空格键2个选择器隔开，表示上下级关系；
（2）子元素选择器：用>将2个选择器隔开，表示父子关系；
（3）相邻兄弟选择器：用+将2个选择器隔开，可选择器紧接在拎一元素后的元素，且二者有相同父元素；
（4）后续兄弟选择器：用-将2个选择器隔开，选取所有指定元素
#每天一个知识点# vue实现数据双向绑定主要是：采用数据劫持结合“发布者-订阅者”模式的方式，通过Object.defineProperty()来劫持各个属性的setter、getter，在数据变动时发布消息给订阅者，触发相应监听回调
#每天一个知识点# document.readyState 表示页面的加载状态，有三个值：
loading 加载 —— document仍在加载。
interactive 互动 —— 文档已经完成加载，文档已被解析，但是诸如图像，样式表和框架之类的子资源仍在加载。
complete —— 文档和所有子资源已完成加载。 load 事件即将被触发。
#每天一个知识点# 缓存JS文件缓存HTTP组件能极大提高网站回访的用户体验。Web服务器通过“Expires HTTP响应头”来告诉客户端一个资源应该缓存多长时间。当然，缓存也有自己的缺陷： 当应用升级时，你需要确保用户下载到最新的静态内容。这个问题可以通过改变静态资源的文件名来解决。 你可能在产品环境看到浏览器引用jsapplication-20151123201212.js，这种就是以时间戳的方式保存新的JS文件，从而解决缓存不更新问题。
