个人基础回顾

什么BOM 浏览器对象模型 location (地址栏) history(历史) document(页面) navigator(当前名称所在浏览器) frames(框架) screen(屏幕分辨率)

一、严格模式 概念：所谓严格模式，从字面上就很好理解，即更严格的"use strict" 使用严格模式，!!必须放在作用域的开头； 影响： 声明必须加关键字 显示声明 var； 函数中形参的名字不能重

一、数组的概念 什么是数组？ 开辟空间：存储一组或一系列数据的容器 2.数组元素 存放在数组的数据，且数据具有唯一的索引号； 数组下标 标识一个数据唯一的索引号叫做下标； 数组优势 集中数据管理，提高

一、概念 将反复使用的功能代码，(封装)成一个独立的模块，这个模块称为函数； 2.优点：一次封装，多次使用(增加代码的复用度)使程序更加可控； 3.函数的分类 function: 内置(内建、库、系统

一、javascript概述 什么是javascript： 是一门基于对象和事件驱动的客户端脚本语言； 1995年网景公司，布兰登创建第一个名字叫livescript; 3.w3c每一个前端标注: E

grid网格布局 语法：display: grid; 一、容器属性 1.设置网格分几列 语法： grid-template-columns:属性值； eg: grid-template-columns

一、相关概念 1.屏幕尺寸 屏幕尺寸是指屏幕对角线的长度，单位为英尺，1英尺=2.54厘米； 2.屏幕分辨率 是指横纵方向上的像素点数，单位是px 1px=1个像素点； 注：常见移动端设备屏幕分辨率

一、背景切割和背景原点 背景切割 语法：background-clip: bordekbox/padding-box/content-box; border-box 默认值，背景在border及bor

语法： transform:rotate(旋转)、scale(缩放)、skew(倾斜)、translate(位移)； rotate(旋转) 元素在旋转过程中xyz轴也发生变化； ratatex(90d

一、分栏布局 设置最大栏数 语法： column-count:数值； 2.设置每栏最小宽度 语法：column-width:数值+单位； 3.设置栏间距 语法：column-gap:数值+单位； 4.

一、相关选择器 *{margin:0; padding:0}; 标签选择器 a{text-decoration:none}; id选择器 #box{color:red}; class选择器 .main

一、 新增结构性标签 header 定义网页的头部 nav 定义导航连接 section 定义网页的某个区域 aside 定义侧边栏 article 定义网页的一遍文章 main 定义网页的主体部分(

一、表单相关css属性 1.设置单元格间距 语法： border-spacing: 数值+单位； 2.合并相邻单元格边框 语法： border-collapse:collapse; 3.无内容单元格隐

一. 透明度设置 语法：opacity:数值； 取值范围0～1 0为完全透明，1为完全不透明； eg： opacity:0.5 等价于 opacity:.5 注: IE8及以下浏览器不能识别opaci

css-- cascading style sheets(层叠样式表) 特点：很好的实现了结构与表现相分离 css语法： css是由选择符和声明两大部分组成，声明又是由属性和属性值组成即： 选择器 {

回到2021年5月 一。 Web标准 web标准是网页制作的标准，不是一个标准，而是由一系列标准组成。 web标准包含了三作面；结构(html)，表现(css),行为（javascript)简称js。