day1笔记

80 阅读2分钟

css 语法简单 需要一个选择器和声明就可以完成css的某一要求的撰写

image.png

css中伪类选择器

伪类:与类相似,但是只是某个元素的不同状态

/*选中还没有访问过的a,使其颜色为cadetblue*/
a:link {color: cadetblue;}
/*选中访问过的a,使其颜色为gray*/
a:visited {color: gray;}

动态伪类:动作是一个动态的过程,悬浮在某个东西上面,按下鼠标,选取某个东西等

/*悬浮的时候,颜色为*/
 a:hover {color: darkcyan;}
/*鼠标按下时为激活,同时。使其颜色更改*/
a:active {color: indianred;}

元素选择器

<style>
h2{color:green;}
</style>
<h2>bbbbbbbb</h2>
选中页面上所有该元素,将其更改成样式里面的内容,无法差异化样式

伪元素选择器

/* 每一个 <p> 元素的第一行。 */
p::first-line {
  color: blue;
  text-transform: uppercase;
}

JavaScript的诞生及其发展

image.png

js的一些常用功能

  • 校验用户输入
  • 简单的客户端计算
  • 交互控制
  • 平台无关性
  • 处理数据和时间
  • 产生HTML内容
  • 检测用户的浏览器和系统

image.png

js的类型

  • String
  • Number
  • Boolean
  • Null
  • Undefined
  • Symbol
  • Object

在有使用未声明类型变量时,会出现Object类型变量,在做赋值运算,比较运算的时候,需要注意变量的声明情况和使用。(如下述代码)

let a = 3
let b = new Number(3)
a===b

js的变量注意

var a=7+"2";
//a的类型变成了String
//得到的结果是"72",在进行数据操作的时候会进行同一化,即将不同的数据类型转化为同一数据类型,再进行运算。

事件的捕捉和冒泡

image.png

捕获过程是对于计算机来说。

js是单线程 先把宏任务队列完成,再去完成微任务。

HTML5

image.png

tips:语义化标签,用对比不用好,不用比用错好

IndexedDB 采取异步的方式获取数据