随笔分类 - 前端基础
摘要：JavaScript 基础6 JavaScript 内置对象 内置对象 JavaScript 中的对象分为3种：自定义对象 、内置对象、 浏览器对象 前面两种对象是JS 基础 内容，属于 ECMAScript； 第三个浏览器对象属于我们JS 独有的， 我们JS API 讲解 内置对象就是指 JS 语
阅读全文
摘要：JavaScript 基础5 JavaScript 作用域 作用域 作用域概述 通常来说，一段程序代码中所用到的名字并不总是有效和可用的，而限定这个名字的可用性的代码范围就是这个名字的作用域。作用域的使用提高了程序逻辑的局部性，增强了程序的可靠性，减少了名字冲突。 JavaScript（es6前）中
阅读全文
摘要：JavaScript 基础4 JavaScript 数组 数组的概念 问：之前学习的数据类型，只能存储一个值。如果我们想存储班级中所有学生的姓名，那么该如何存储呢？ 答：可以使用数组(Array)。数组可以把一组相关的数据一起存放，并提供方便的访问(获取）方式。 问：什么是数组呢？ 答：数组是指一组
阅读全文
摘要：JavaScript 基础3 JavaScript 流程控制-循环 循环 循环目的 在实际问题中，有许多具有规律性的重复操作，因此在程序中要完成这类操作就需要重复执行某些语句 JS中的循环 在Js 中，主要有三种类型的循环语句： for 循环 while 循环 do...while 循环 for 循
阅读全文
摘要：JavaScript 基础2 JavaScript 运算符 运算符 运算符（operator）也被称为操作符，是用于实现赋值、比较和执行算数运算等功能的符号。 JavaScript中常用的运算符有： 算数运算符 递增和递减运算符 比较运算符 逻辑运算符 赋值运算符 算数运算符 算术运算符概述 概念：
阅读全文
摘要：JavaScript 基础1 初识JavaScript JavaScript 是什么 JavaScript 是世界上最流行的语言之一，是一种运行在客户端的脚本语言 （Script 是脚本的意思） 脚本语言：不需要编译，运行过程中由 js 解释器( js 引擎）逐行来进行解释并执行 现在也可以基于 N
阅读全文
摘要：CSS补充样式 CSS精灵图 精灵图的使用步骤： 1、创建一个盒子，设置盒子的尺寸和小图尺寸相同 2、将精灵图设置为盒子的背景图片 3、修改背景图位置 通过PxCook测量小图片左上角坐标，分别取负值设置给盒子的background-position: x y <!DOCTYPE html><htm
阅读全文
摘要：CSS定位装饰 定位 网页常见布局方式 标准流 1、块级元素独占一行 → 垂直布局 2、行内元素/行内块元素一行显示多个 → 水平布局 浮动 可以让原本垂直布局的 块级元素变成水平布局 定位 1、可以让元素自由的摆放在网页的任意位置 2、一般用于 盒子之间的层叠情况 定位的常见应用场景 可以解决盒子
阅读全文
摘要：CSS浮动 结构伪类选择器 结构伪类选择器 通过标签的关系去找标签 注意点 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge
阅读全文
摘要：CSS盒子模型 CSS三大特性 优先级的介绍 特性：不同选择器具有不同的优先级，优先级高的选择器样式会覆盖优先级低选择器样式 优先级公式： 继承 < 通配符选择器 < 标签选择器 < 类选择器 < id选择器 < 行内样式 < !important 注意点： 1、!important写在属性值的后面
阅读全文
摘要：进阶认知 选择器进阶 后代选择器：空格 作用：根据 HTML 标签的嵌套关系，选择父元素后代中满足条件的元素 选择器语法：选择器1 选择器2 { css } 结果： 在选择器1所找到标签的后代（儿子、孙子、重孙子…）中，找到满足选择器2的标签，设置样式 注意点： 后代包括：儿子、孙子、重孙子…… 后
阅读全文
摘要：基础认知 CSS简介 层叠样式表 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="view
阅读全文
摘要：1、列表--无序 无序列表--ul标签：表示无序列表的整体。li标签：表示无序列表的每一项 显示特点： 列表的每一项前默认显示圆点标识 注意点： ul标签中只允许包含li标签 li标签可以包含任意内容 <ul> <li>榴莲</li> <li>香蕉</li> <li>苹果</li></ul> 2、列
阅读全文
摘要：基础认知 Web标准 构成：结构、表现、行为 HTML标签的结构 需要确定开始结束包裹内容的选择双标签 文字要加粗 不需要开始结束的选择单标签 HTML标签与标签之间的关系 父子关系（嵌套关系） <head> <title></title> </head> 兄弟关系（并列关系） <head></he
阅读全文
摘要：概述 JavaScript是一门世界上最流行的脚本语言 Java与JavaScript无关 一个合格的后端人员，必须要精通JavaScript 历史 ECMAScript它可以理解为是JavaScript的一个标准 最新版本已经到es6版本~ 但是大部分浏览器还只停留在支持ecs5代码上！所以开发环
阅读全文
摘要：什么是CSS Cascading Style Sheet 层叠级联样式表 CSS：表现（美化网页） 字体，颜色，边距，高度，宽度，背景图片，网页定位，网页浮动... CSS发展史 CSS1.0 -- 基本样式，现在用标签就能实现 CSS2.0 -- DIV（块）+CSS，提出了HTML 和 CSS结
阅读全文
摘要：什么是HTML HTML Hyper Text Markup Language（超文本标记语言） 超文本包括：文字、图片、音频、视频、动画等 HTML发展史 HTML5的优势 世界知名浏览器厂商对HTML5的支持 微软 Google 苹果 Opera Mozilla 市场需求 跨平台 W3C标准 -
阅读全文
