- 博客(25)
- 收藏
- 关注
RSS订阅原创 DOM 简介+案例
什么是 DOM文档对象模型（Document Object Model,简称DOM），是W3C组织推荐的处理可扩展标记语言(html 或XML)的标准编程接口DOM 树文档：一个页面就是一个文档，DOM中使用 document 表示元素：页面中的所有标签都是元素，DOM 中使用 element 表示节点：网页中所有内容都是节点（标签、属性、文本、注释等），DOM 中使用 node 表示如何获取页面元素DOM 在我们实际开发中主要用来操作元素。获取页面中的元素可以使用以下几种方式根
2021-03-22 10:42:24
975
原创 Web APIs简介
Web APIs和JS 基础关联性APIAPI(Application Programming Interface,应用程序编程接口)是一些预先定义的函数，目的是提供应用程序与开发人员基于某软件或硬件得以访问一组例程的能力，而又无需访问源码，或理解内部工作机制的细节.Web APIWeb API 是浏览器提供的一套操作浏览器功能和页面元素的 API(BOM 和 DOM)API 和 Web API 总结1、API 是为我们程序员提供的一个接口，帮助我们实现某种功能，我们会使用就可以了，不必纠结内
2021-03-11 12:37:23
314
原创 JavaScript 内置对象
内置对象JavaScript 中的对象分为三种：自定义对象、内置对象、浏览对象。内置对象就是指JS 语言自带的一些对象，这些对象供开发者使用，并提供了一些常用的或是最基本必要的功能（属性和方法）Math 对象Math 对象不是构造函数，它具有数学常数和函数的属性和方法，跟数学相关的运算（求绝对值，取整，最大值等）可以使用Math 中的成员。Math.PI //圆周率Math.floor() // 向下取整Math.ceil()
2021-03-11 12:32:46
165
2
原创 JavaScript 对象
什么是对象现实生活中：万物皆对象，对象是一个具体的事物，看得见摸得着的实物。例如：一本书、一辆汽车、一个人可以是“对象”，一个数据库、一张网页、一个与远程服务器的连接也可以是“对象”在 JavaScript中，对象是一组无序的相关属性和方法的集合，所有的事物都是对象，例如字符串、数值、数组函数等。对象是由： 属性 和 方法组成的属性： 事物的特征，在对象中用属性来表示（常用名词）方法： 事物的行为，在对象中用方法来表示（常用动词）创建对象的三种方式在JavaScript 中，现阶段我们可以
2021-03-10 18:35:32
141
1
原创 JavaScript作用域
作用域的作用通常来说，一段程序代码中所用到的名字并不总是有效和可用的，而限定这个名字的可用性的代码范围就是这个名字的作用域。作用域的使用提高了程序逻辑的局部性，增强了程序的可靠性，减少了名字冲突。变量作用域的分类在JavaScript 中，根据作用域的不同，变量可以分为两种全局变量局部变量全局变量在全局作用域下声明的变量叫做全局变量（在函数外部定义的变量）全局变量在代码的任何位置都可以使用在全局作用域下 var 声明的变量是全局变量特殊情况，在函数内不使用var 声明的变量也是全局变量
2021-03-10 16:44:37
75
原创 JavaScript 函数
函数的概念函数就是封装了一段可被重复调用执行的代码块，通过此代码可以实现大量代码的重复使用。函数的使用函数在使用时分为两步：声明函数和调用函数声明函数//声明函数function 函数名( ) { // 函数体 }function 是声明函数的关键字，必须小写由于函数一般是为了实现某个功能才定义的，所以通常我们将函数名命名为动词，比如 getSum调用函数//调用函数 函数名( ) // 通过调用函数名来执行函数体代码 function g
2021-03-10 13:57:32
247
1
原创 JavaScript 流程控制 - 循环
在JS 中，主要有三种类型的循环语句for 循环while 循环do while 循环概述在程序中，一组被重复执行的语句称之为循环体，能否继续重复执行，取决于循环的终止条件。由循环体以及循环终止条件组成的语句，被称之为循环语句求 1 - 100 之间所有整数的和<script> var sum = 0; for (var i = 0; i <= 100; i++) { var sum = sum + i; }
2021-03-08 13:45:30
206
原创 JavaScript 流程控制 - 分支
流程控制在一个程序执行的过程中，各条代码的执行顺序对程序的结果是有直接影响的。很多时候我们要通过控制代码的执行顺序来实现我们要完成的功能。简单理解： 流程控制就是控制我们的代码按照什么结构顺序来执行。流程控制主要有三种结构，分别是 顺序结构、分支结构、和 循环结构，这三种结构代表三种代码执行的顺序顺序结构是程序中最简单、最基本的流程控制，它没有特定的语法结构，程序会按照 代码的先后顺序，依次执行，程序中大多数的代码都是这样执行的。分支语句由上到下执行代码的过程中，根据不同的条件，执行不同的路
2021-03-06 09:39:26
326
1
原创 Java Script运算符
运算符( operator) 也被称为操作符，是用于实现赋值、比较和执行算数运算等功能的符号。JavaScript 中常用的运算符有算数运算符递增和递减运算符比较运算符逻辑运算符赋值运算符算数运算符...
2021-03-03 15:27:25
401
1
原创 Java Script数据类型
为什么需要数据类型在计算机中，不同的数据类型所需要的存储空间是不同的，为了方便把数据分成所需内存大小不同的数据，充分利用存储空间，于是定义了不同的数据类型。JS 把数据类型分为两类简单数据类型：Number 、String 、 Boolean 、 Undefined 、 Null复杂数据类型：Object数字型 NumberJavaScript 数字类型既可以用来保存整数值，也可以保存小数（浮点数)数字型范围JavaScript 中数值的最大和最小值isNaN( )用来判断一
2021-03-01 17:00:39
341
原创 java Script变量
变量是什么变量是用于存放数据的容器。我们通过变量名获取数据，甚至数据可以修改。变量在内存中存储本质：变量是程序在内存中申请的一块用来存放的数据的空间。
2021-02-27 18:43:22
548
原创 JavaScript基础
JavaScript 是世界上最流行的语言之一，是一种运行在客户端的脚本语言（script 是脚本的意思）。脚本语言：不需要编译，运行过程中有JS 解释器（js 引擎）逐渐来进行解释并执行。现在也可以基于 Node.js 技术进行服务器编程。HTML、CSS 标记语言- - 描述类语言HTML 决定网页结构和内容（决定看到什么），相当于人的身体CSS决定网页呈现给用户的模样（决定还不好看），相当于给人穿衣服、化妆JS 脚本语言 - - 编程类语言实现业务逻辑和页面控制（决定功能），相当于人的各
2021-02-25 16:10:12
84
原创 css 定位
定位模式定位模式决定元素的定位方式，他通过CSS 的position 属性来设置，其值可以分为四个：语法： 选择器 { position : static ; }静态定位按照标准流特性摆放位置，它没有偏移。静态定位在布局是很少用到。相对定位是元素在移动位置的时候，是相对于它原来的位置来说的。语法： 选择器 { position : relative ; }相对定位的特点：1、它是相对与自己原来的位置来移动的（移动位置的时候参照点是自己原来的位置）。2、原来在标准流的位置继续占有，后面的
2021-02-22 17:23:31
111
原创 css浮动
传统网页布局的三种方式网页布局本质 — 用CSS 来摆放盒子。把盒子摆放到相应位置。CSS 提供了三种传统布局方式（盒子如何进行排列顺序）。a.普通流（标准流）b.浮动c.定位什么是浮动float 属性用于创建浮动框，将其移动到一边，直到左边边缘或者右边边缘触及包含或另一个浮动框的边缘。浮动元素会脱离标准流(文档流)脱离标准普通流的控制（浮）移动到指定位置（动），称为浮动。浮动的盒子不再保留原先的位置浮动的元素会具有行内块元素的特性三个盒子都不用浮动盒子都没用浮动。第一个盒子用
2021-02-22 15:16:28
120
原创 css圆角边框，盒子，文字阴影
boeder-radius 属性用于设置元素的外边框圆角。语法： border-radius ：20px | 50% ;参数值可以为 数值或者百分比的形式。如果是正方形，想要设置为一个圆，把数值修改为高度或者宽度的一半即可，或者直接写为50%。如果是个矩形，设置为高度的一半就可以做该属性是一个简写属性，可以跟四个值，分别代表 左上角 、右上角 、右下角、 左下角分开写 border-top-left-radius、border-top-right-radius、border-botto
2021-02-22 11:04:03
128
原创 css盒子模型
CSS 盒子模型本质上是一个盒子，封装周围的HTML 元素，它包括：外边距、边框、内边距 、实际内容。 margin, border, padding, content.border 可以设置元素的边框。边框有三部分组成：边框宽度（粗细）、边框样式、边框颜色语法： border： border-widht | border-style | border-color ;边框（border）边框样式设置：dotted 点线 dashed 虚线
2021-02-22 11:00:01
84
原创 CSS 的三大特性
CSS 有三个非常重要的三个特性： 层叠性，继承性，优先级。层叠性相同选择器给设置相同的样式，此时一个样式就会覆盖（层叠）另一个冲突的样式。层叠性主要解决样式冲突的问题。层叠性原则：样式冲突：遵循的原则是就近原则，哪个样式离结构近，就执行哪个样式样式不冲突，不会层叠继承性现实中的继承，我们继承了父亲的姓。CSS中的继承：子标签会继承父标签的某些样式，如文本颜色和字号。简单的理解就是：子承父业。恰当的使用继承可以简化代码，降低CSS 样式的复杂性子元素可以继承父元素的样式（text fo
2021-02-22 10:45:50
77
原创 CSS 的背景
背景属性可以设置颜色，背景图片，背景平铺，背景图片定位，背景图片固定等背景颜色background-color 属性定义了元素的背景颜色background-color ： 颜色；一般情况下元素背景颜色默认值是 transparent (透明)，我们也可以手动指定背景颜色为透明色。背景图片背景平铺如果需要HTML 页面上对背景图像进行平铺，可以使用 background-repeat 属性，background-repeat ：repeat | no-repeat | repeat-x |
2021-02-22 10:42:16
85
原创 CSS 的元素显示
作用：网页的标签非常多，在不同地方会用到不同类型的标签了解他们的特点可以更好的布局我们的网页。元素显示模式就是 元素（标签）以什么方式进行显示，比如 div 自己占一行，比如一行可以显示多个 spanHTML 元素一般分为 块元素 和 行元素 两种类型。块元素常见的块元素有 h1 -h6 、p、div、ul、ol、li等，其中 div 标签是最典型的块元素。块元素的特点：1、比较霸道，自己独占一行2、高度、宽度、外边距以及内边距 都可以控制。3、宽度默认是容器（父级宽度）的100%4、是
2021-02-22 10:22:03
102
原创 css伪类选择器
伪类选择器伪类选择器用于向某些选择器添加特殊的效果，比如给链接添加特殊效果，或选择第一个，第N的元素。伪类选择器书写最大的特点是用冒号（：）表示，比如 ：hover 、：first-child因为伪类选择器很多，比如有链接伪类，结构伪类等，所以这里先给大家讲解常用的链接伪类选择器为了确保生效，请按照 LVHA 的顺序声明：link 、：visited 、 ：hover 、 ：active/* a 是标签选择器 所有的链接*/a{ color : gray ;}/* : hover 是
2021-02-22 10:14:53
116
原创 css入门
1. CSS的简介css控制页面外观，css又名层叠样式表还叫层级联样式表。(cascading Style Sheet的缩写)css样式就是为了改变标签和内容的外观2：css的语法：基本结构： 选择器{ 属性：属性值; 属性：属性值; 属性：属性值; ...}p{ color:red;}3: css引用方式：css的引用方式常用的有3种： --1：行内样式（标签内样式）行内直接加style=" " --2：内嵌式引入方式（写在head标签内）在head里面
2020-11-22 19:27:56
88
原创 html基础
1 什么是HTMLHTML 是用来描述网页的一种语言。HTML 是一种在 Web 上使用的通用标记语言。HTML 允许你格式化文本，添加图片，创建链接、输入表单、框架和表格等等，并可将之存为文本文件，浏览器即可读取和显示。HTML 指的是超文本标记语言: HyperText Markup LanguageHTML 不是一种编程语言，而是一种标记语言标记语言是一套标记标签 (markup tag)HTML 使用标记标签来描述网页HTML 文档包含了HTML 标签及文本内容HTML文档也叫做 we
2020-11-22 14:59:16
325
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人