前端学习:前端三层
文章平均质量分 94
HTML、CSS、JavaScript
JC72
这个作者很懒,什么都没留下…
展开
-
(一)HTML5 基础
一、HTMLHTML (Hyper Text Markup Language) 的全称为超文本标记语言,是一种标记语言 (不是编程语言)。它包括一系列标签.通过这些标签可以将网络上的文档格式统一,使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本,HTML命令可以说明文字,图形、动画、声音、表格、链接等。二、HTML5 骨架<!DOCTYPE html><html lang="en"><head> <m原创 2022-03-04 18:59:30 · 1250 阅读 · 0 评论 -
(二)CSS 基础1
一、CSS简介CSS (Cascading Style Sheet, 层叠式样式表) 是用来给 HTML 标签添加样式的语言1. 前端三层CSS 使样式和结构分离(HTML 负责结构,CSS 负责样式)2. 选择器<style> h2 { color: red; } p { color: blue; }</style>这里的 h2 和 p 就是选择器<body> <h2>我是一个二级标题</h2>原创 2022-03-06 21:30:59 · 254 阅读 · 0 评论 -
(三)CSS 基础2
文章目录一、浮动1. 浮动的基本概念2. 浮动的使用要点3. 使用浮动实现网页布局4. BFC规范和浏览器差异(1) BFC规范(2) 如何创建BFC(3) 什么是 overflow :hidden;(4) BFC的其他作用(5) 浏览器差异5. 清除浮动一、浮动1. 浮动的基本概念浮动的最本质功能:用来实现并排float: left;2. 浮动的使用要点要浮动,并排的盒子都要设置浮动;父盒子要有足够的宽度,否则子盒子会掉下去浮动的顺序贴靠特性:子盒子会按顺序进行贴靠,如果没有足够空间,则原创 2022-03-11 21:22:39 · 234 阅读 · 0 评论 -
(四)JavaScript 简介与变量
文章目录一、初识JavaScript1. JavaScript的历史2. 什么是前端语言和后端语言3. ECMAScript是JavaScript的标准4. JavaScript体系5. JavaScript的语言风格和特性前端三大语言一、初识JavaScript1. JavaScript的历史创始人:布兰登·艾奇 Brendan EichNetscape 公司1995年发明 JavaScript,前身 LiveScriptJavaScript垄断了浏览器端脚本:VBScript 、J原创 2022-03-20 01:35:01 · 160 阅读 · 0 评论 -
(五)JavaScript 表达式
文章目录JavaScript 表达式一、算术表达式1. 算术运算符(1) 加减乘除(2) 加号的两种作用(3) 取余运算(4) 隐式类型转换(5) IEEE754(6) 幂和开根号(7) 向上取整和向下取整二、关系表达式1. 关系运算符(1) 相等和全等(2) 不相等和不全等(3) JavaScript 中没有连比四、逻辑表达式1. 逻辑运算符(1) 非运算(2) 与运算(3) 或运算(4) 短路计算(5) 逻辑运算顺序4. 赋值表达式(1) 赋值运算符(2) 赋值运算也产生值(3) 快捷赋值(4) 自增原创 2022-04-11 13:18:23 · 1014 阅读 · 0 评论 -
(六)JavaScript 数组
文章目录JavaScript 数组一、数组的简介二、数组的定义方法三、访问数组项四、数组的长度五、更改数组项六、数组的遍历七、数组类型的检测八、数组的常用方法1. 数组的头尾操作2. 数组的其他操作3. 数组与字符串4. 数组去重5. 数组的随机样本九、数组的排序1. 冒泡排序十、二维数组1. 二维数组的定义2. 二维数组的遍历JavaScript 数组一、数组的简介数组(Array):用来存储一组相关的值,从而进行求和、计算平均数、逐项遍历等操作二、数组的定义方法方法1:方法2:方法3原创 2022-04-11 13:28:20 · 513 阅读 · 0 评论 -
(七)JavaScript 流程控制语句
文章目录一、流程控制语句1. if 语句(1) if 语句的基本使用(2) if else if 多条件分支二、数组一、流程控制语句1. if 语句(1) if 语句的基本使用if 语句是最简单的条件语句,也称选择语句,通常和 else 一起使用,表示 如果…就…否则…单行 if 语句:如果 if 语句体中只有一行语句,可以省略大括号和换行(2) if else if 多条件分支else if() 条件分支“暗含”不符合之前所有条件,要理解什么叫“否则如果”二、数组...原创 2022-03-23 00:29:43 · 1681 阅读 · 0 评论 -
(八)JavaScript 函数
文章目录JavaScript 函数一、函数的定义二、函数的调用三、函数声明的提升四、函数的参数五、函数的 arguments六、函数的返回值七、递归函数1. 递归的含义2. 递归的要素3. 斐波那契数列八、局部变量和全局变量1. 局部变量2. 全局变量3. 遮蔽效应4. 函数的嵌套5. 作用域链九、闭包1. 闭包的含义2. 闭包的特性3. 闭包的功能4. 使用闭包的注意事项十、立即执行函数IIFE1. 什么是IIFE2. 形成IIFE的方法3. IIFE的作用JavaScript 函数函数就是语句的封原创 2022-04-11 14:02:55 · 575 阅读 · 0 评论 -
(九)DOM
文章目录一、DOM1. DOM基本概念(1) DOM简介(2) DOM节点树2. 节点(1) nodeType常用属性值(2) 访问元素节点(3) 访问元素节点的常用方法一、DOM1. DOM基本概念DOM 是 JS 操控 HTML 和 CSS 的桥梁(1) DOM简介DOM(Document Object Model,文档对象模型)是 JavaScript 操作 HTML 文档的接口,使文档操作变得非常优雅、简便DOM 的最大特点就是讲文档表示为节点树(2) DOM节点树2原创 2022-03-26 21:03:14 · 853 阅读 · 0 评论 -
(十)BOM
文章目录BOM 浏览器对象模型一、BOM基本概念1. BOM简介二、BOM常用对象1. window对象2. Navigator对象3. History对象4. Location对象三、BOM特效开发1. 返回顶部按钮制作2. 楼层导航效果BOM 浏览器对象模型一、BOM基本概念1. BOM简介BOM(Browser Object Model,浏览器对象模型)是 JavaScript 与浏览器窗口交互的接口一些与浏览器改变尺寸、滚动条滚动相关的特效,都要借助BOM技术二、BOM常用对象1.原创 2022-04-11 21:14:12 · 68 阅读 · 0 评论 -
(十一)JavaScript对象
文章目录一、对象1. 认识对象2. 对象的语法3. 属性(1) 属性是否加引号(2) 属性的访问(3) 属性的更改(4) 属性的创建(5) 属性的删除4. 对象的方法(1) 方法的调用(2) 方法和函数5. 对象的遍历6. 对象的深浅克隆(1) 浅克隆(2) 深克隆二、函数的上下文1. 函数上下文2. 函数的上下文由调用方式决定3. 上下文规则4. 指定函数的上下文5. 用new操作符调用函数6. 上下文规则总结三、构造函数1. 什么是构造函数2. 类和实例(1) 类(2) 实例四、原型和原型链1. pro原创 2022-03-29 00:43:15 · 919 阅读 · 0 评论