学习笔记:部分前端知识

58 阅读2分钟

部分css基本知识

选择器

  1. 全局选择器:*()
  2. 标签选择器:div,p,body等布局标签作为选着器名称的选择器
  3. id:(#_)以#开头的选择器
  4. 类选择器:(._)以.开头的选择器
  5. 伪类选择器:就是链接样式用于定义元素特殊的状态。(我们常用的就有:hover伪类选着器)
  6. 后代选着器:我们希望对一个标签有一个具体的选择,就带来了类似于(div p )这样的后代选着器可以用于指定div标签包裹的p标签可以具体的选着某一个标签。

浅谈盒子模型

  1. 每个盒子基本由四个部分组成,分别是margin,padding,content,border四个组成部分,又分为W3C标准盒子模型,和IE盒子模型主要区别是,IE模型的宽度包括paddin,border和content,而IE模型的宽度只包括content本身。

  2. margin 负值问题:

  • margin-top:盒子本身会向上移动,同时影响下面的盒子向上移动。
  • margin-bottom:盒子本身不移动,但会影响下边的盒子向上移动。
  • margin-left:盒子本身会向左移动,同时会影响右部的盒子向左移动。
  • margin-right:盒子本身不会移动,但是会影响右边的盒子向左移动。

总结: 通过负边距进行偏移的元素,它会放弃偏移前占据的空间,这样它后面文档流中的其它元素就会“流”过来填充这部分空间。 但是文档流只能是后面的流向前面的,即文档流只能向左或向上流动,不能向下或向右移动

部分js基础知识

数据类型

  1. 基本数据类型
  • 布尔型(Bollean):该类型只有两个值:true 和 false
  • null:这个一个数据标识符,代表定义了一个具有null意义的数据
  • undefined:同null一样是一个数据标识符,但是是一个没有被定义的数据,代表变量未被赋值时候的定义。
  • 数据型(Number):有浮点数据类型,整数数据类型。
  • 字符型(String):是指由字符组成的数据,有字符串等。
  • 代表型(Symbol):( 在 ECMAScript 6 中新添加的类型).。一种实例是唯一且不可改变的数据类型。
  • 任意精度的真数(Blight):可以安全地存储和操作大整数,甚至可以超过数字的安全整数限制。
  1. 引用数据类型
  • 对象(Object):一些由花括号{}包含的由键:值组成的无序的数据类型
  • 数组(Array):一些由[]包含的数据通常具有,不重复性,无序性,
  • 函数(Function):是一段具有特定功能的代码块,函数并不会自动运行,需要通过函数名调用才能运行。

ps:如有错误,请多指教。