- 博客(19)
- 收藏
- 关注
RSS订阅原创 事件对象
事件对象1、 对象可以看成 属性的集合 函数也是属性的一种。（属性和函数的集合）事件对象主要包含一些事件的信息。2、 事件绑定：元素节点.on+事件类型 = 匿名函数；事件对象的产生：在事件绑定完成后，就自动生成了一个事件对象。事件绑定函数，因为不是在代码中直接调用函数，所以没有办法直接传参.浏览器会给咱们一个默认的参数，这个参数就是事件对象。3、 获取事件对象：在标准浏览器中。直接在事件处理函数上定义一个形参。会在事件触发的时候，由浏览器自动传递实参。IE低版本window.
2021-01-18 20:10:10
172
原创 JS事件
JS事件1、事件是什么？一件事情的发生，对其进行处理响应2、事件的三要素事件源，事件类型，事件处理函数比如：点击右上角的X，页面关闭。事件源：X，事件类型：点击 ，事件处理：页面关闭事件源：一般是DOM节点（元素节点）事件处理：函数（代码块）事件类型：1、鼠标事件click == 鼠标左键单击dbclick == 鼠标左键双击contextmenu == 鼠标右键单击mousewheel == 鼠标滚动mousedown == 鼠标单击事件 不管是左键还是右键，还是滚动
2021-01-18 19:28:44
229
原创 Dom中的节点
DOM节点1、页面是由节点组成的，每一个组成部分是一个节点。2、节点的分类：元素节点： html标签 img body div input文本节点：文字部分属性节点：标签的属性注释节点3、document页面中最大的节点，有且只有一个。不属于元素节点，是页面中所有的节点容器。根节点2、html页面中最大的元素节点。根元素节点3、元素节点html标签4、文本节点每一段文本内容都是一个节点，包括换行和空格，一般来说作为元素节点的子节点存在5、属性节点不能单独存在，必须依
2021-01-11 20:30:58
315
原创 2021-01-08
Location1、https://baike.baidu.com/item/%E9%A9%AC%E4%BF%9D%E5%9B%BD/50106525?fr=aladdin#2_1http https 传输协议www.baidu.com 域名?fr=aladdin 查询字符#2_1 hash（锚点定位）2、 location对象：里面存储了和网页地址所有内容有关的信息。属性：href：地址信息。跳转页面：location.href = “XXX”;3、search：查询字符串 一
2021-01-08 20:25:22
201
原创 JS中的对象
对象1、 基础类型number string boolean null undefined引用类型数组 函数 对象2、 对象是指一个具体的事物。万物皆对象。一个具体的事物一般都会有行为和特征。手机：行为：打电话 聊微信 玩和平精英 刷新闻特征：颜色 屏幕分辨率 摄像头像素对象的行为------js对象的函数3、 对象的特征------js对象的属性JavaScript中的对象JavaScript中的对象可以看做生活中具体事物的抽象。js对象是属性+函数的集合。
2021-01-06 20:29:49
90
原创 JS中的函数
函数1、 作用：函数的应用可以简化代码，方便维护； 提高开发效率；提高了代码的复用性，减少代码冗余2、函数的定义function 函数名(参数1, 参数2, ... , 参数3) { // 需要执行的代码块 }function是一个关键字, 和var、typeof一样, 都是关键字, 后面要加空格;函数名的命名规范和变量命名一样, 只能是字母、数字、下划线、美元符号, 不能以数字开头, 一般采用驼峰式命名大;函数名后的()中放置函数形参, 形参可以为任意多个(意味着可以没有
2021-01-05 20:22:28
96
原创 数组
数组一、数组 array当我们需要处理一组数据时，一定性定义很多变量，比较难处理。这个时候我们就需要用到数组。1、概念：数组：一组数据的集合。其中每个数据被称为数组的元素。在数组中存放任意类型的数据。数组是将一组数据存储到单个变量名下的方式。数组声明2、三种声明：通过new关键字创建数组。var arr=new Array(10,5,20,"hello");省略new关键字创建数组var arr= Array(10,5,20,"hello");字面量赋值var arr
2021-01-05 19:47:02
92
原创 JS
JS的书写位置1.内嵌式使用的是Script标签，该标签可以写在html文档中的任何位置【强调】一般情况下，我们应该将其写在head标签中。<head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <script>
2020-12-29 20:24:33
177
原创 CSS3flex弹性盒子
flex弹性盒子一、弹性盒子是 CSS3 的一种新的布局模式。1、CSS3 弹性盒（ Flexible Box 或 flexbox），是一种当页面需要适应不同的屏幕大小以及设备类型时确保元素拥有恰当的行为的布局方式。2、引入弹性盒布局模型的目的是提供一种更加有效的方式来对一个容器中的子元素进行排列、对齐和分配空白空间。3、弹性盒子与绝对定位的比较优点： flex：flexible box 弹性盒子。可以轻松控制元素的排列，对齐和顺序。弹性盒子没有脱离标准的文档流，绝对定位脱离了标准文档流。&l
2020-12-21 19:53:27
192
原创 2020-12-17
一、动画1、要创建 CSS3 动画，你需要了解 @keyframes 规则。@keyframes 规则是创建动画。@keyframes 规则内指定一个 CSS 样式和动画将逐步从目前的样式更改为新的样式。2、 定义动画格式： @keyframes 动画名 { from{ /* 初始帧 */ } to{ /* 结束帧 */
2020-12-17 19:43:56
77
原创 2020-12-17
2D转换一、过渡1、 transition 过渡之前：元素从一个状态到另外一个状态（hover）直接切换，从开始状态到结束状态瞬间完成，中间过程几乎不可见。css3新增了过渡这个属性，可以实现元素不同状态之间的平滑过渡。2、 transition-property:指定过渡的属性。 all为指定所有属性都有过渡效果。 必须例如 div{ transition-property: all ; } /*给所有属性设置过渡效果*/3、 transition-duration: 过渡的时
2020-12-17 17:38:06
82
原创 2020-12-09
一、CSS盒模型1、CSS盒模型本质上是一个盒子，封装周围的HTML元素，它包括：边距，边框，填充，和实际内容。即：盒子是一个容器 盒子模型英文：box model。最常见的盒子是div span盒子中的区域：content1.宽 width px content2.高 height content3.内边距 padding4.边框 border5.外边距 margin【注】 标准盒模型的宽和高和盒子真实占有的宽高不是一个概念。盒子真实占有的宽：内容的宽+左p
2020-12-09 20:05:30
238
原创 2020-12-08
一、继承1、继承的介绍1、在给父类或者祖先元素设置一些属性后，其子代元素也会继承该样式，这就叫做继承性。2、继承性是从当前元素开始，一直到最小的元素。3、后代元素能够继承来自祖先元素的文字样式。这些属性包括：color，text-开头，line-开头的，font-开头的。4、关于盒子、定位、布局的属性，不能被继承。...
2020-12-08 20:23:41
143
1
原创 选择器
1、标签选择器1、选择器的功能是选中要添加样式的标签元素。2、标签选择器：通过标签名直接选择相应的标签格式：标签名{声明；}例如： div{ color:red; } p{color:black; }2、ID选择器1、ID选择器是选中页面中唯一的一个标签。格式：#ID值{声明；}【注】：1.id值必须是唯一的，在一个页面中只能出现一次。如果多次出现重复的ID值是不符合规范的。2.所有的标签都有ID属性。ID命名的规范：由字母，下划线，中划线，数字组成。不能
2020-12-07 19:52:31
569
2
原创 HTML中一些基本知识的认识
一、 自定义列表1、参与自定义列表有三个标签：<dl>是定义一个列表、<dt>是定义一个标题、<dd>是对标题的说明嵌套关系为：<dl>><dt>+<dd>格式为：下面展示一些 内联代码片。 <dl> <dt></dt> <dd></dd> </dl>2、<dt>与<dd>
2020-12-03 19:46:11
113
原创 关于字体标签和图片标签的知识
一、字体标签标题标题使用<h1>至<h6>标签进行定义。<h1>定义最大的标题，<h6>定义最小的标题。具有align属性，属性值可以是：left、center、right。一些小标签/小标记<u>：下划线标记<s>或<del>：中划线标记（删除线）<i>或<em>：斜体标记粗体标签<b>或<strong>（已废弃）上标<sup> 下标<s
2020-12-02 19:52:09
1107
原创 对HTML的认识
一、HTML的介绍1、HTML的概述：html全称为HyperText Markup Language，译为超文本标记语言，不是一种编程语言，是一种描述性的标记语言，用于描述超文本中内容的显示方式。比如字体什么颜色，大小等。超文本：音频，视频，图片称为超文本。标记 ：<英文单词或者字母>称为标记，一个HTML页面都是由各种标记组成。作用：HTML是负责描述文档语义的语言。注意：HTML语言不是一个编程语言(有编译过程)，而是一个标记语言(没有编译过程)，HTML页面直接由浏览器解
2020-12-02 18:56:32
1703
原创 如何进行前端学习
前端学习需要学习的知识？html+css：摩天大楼的地基基础部分：HTML+css+js进阶部分：jQuery,ajax高级部分：nodejs,vue,微信小都市这些知识是做什么的html 结构 定义网页上由什么内容css 表现 定义网页上内容长什么样js 行为 定位网页与用户的互动，网页上的特效如何学习心态平和多练习写笔记/写博客C/S结构优点：响应速度快安全界面操作比较丰富缺点开发成本高程序需要安装，用户体验不是很好
2020-12-01 13:37:52
123
1
原创 了解互联网一些基本知识
关于互联网的一些基本的知识基本概念互联网原理IP地址局域网广域网NAT(网络地址转换)端口映射域名DNS基本概念互联网原理互联网（internet），又称国际网络，指的是网络与网络之间所串连成的庞大网络，这些网络以一组通用的协议相连，形成逻辑上的单一巨大国际网络。IP地址又译为网际协议地址、互联网协议地址（虚拟的网络地址，32位的二进制数字）。当设备连接网络，设备将被分配一个IP地址，用作标识。通过IP地址，设备间可以互相通讯，如果没有IP地址，我们将无法知道哪个设备是发送方，无法知道哪个是接收方
2020-12-01 13:07:42
1420
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人