自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(11)
  • 收藏
  • 关注

原创 Web API学习02

常用的键盘事件:键盘事件:注意:如果使用addEventListener不需要加on onkeypress和前面2个的区别是,它不识别功能键,比如:左右箭头,shift等。 三个事件的执行顺序是:keydown -- keypress --keyup键盘事件对象:注意:onkeydown和onkeyup 不区分字母大小写,onkeypress区别大小写。 在我们实际开发中,我们更多的使用keydown和keyup,他能识别所有的键,(包括功能键) keypress ..

2021-10-27 16:48:00 116

原创 Web API编程学习01

Web API介绍:API的概念:API(Application Programming Interface,应用程序编程接口)是一些预先定义的函数,目的是提供应用程序与开发人员基于某软件或硬件得以访问一组例程的能力,而又无需访问源码,无需理解其内部工作机制细节,只需直接调用使用即可。Web API 是浏览器提供的一套操作浏览器功能和页面元素的 API ( BOM 和 DOM )。​ 现阶段我们主要针对于浏览器讲解常用的 API , 主要针对浏览器做交互效果。比如我们想要浏览器弹出一个警示...

2021-10-14 15:11:27 215

原创 javascript复习第三天

数组的使用:1.数组(Array) :就是一组数据的集合 存储在单个变量下的优雅方式2. 利用new 创建数组 var arr = new Array(); // 创建了一个空的数组 // 3. 利用数组字面量创建数组 [] var arr = []; // 创建了一个空的数组 var arr1 = [1, 2, 'pink老师', true]; // 4. 我们数组里面的数据一定用逗号分隔 // 5. 数组里面的数据 比如1,2, 我们称为数组元素 // 6. 获取数组元素 .

2021-10-10 17:57:27 107

原创 javascript复习第二天

数组的使用:1.数组(Array) :就是一组数据的集合 存储在单个变量下的优雅方式2. 利用new 创建数组 var arr = new Array(); // 创建了一个空的数组 // 3. 利用数组字面量创建数组 [] var arr = []; // 创建了一个空的数组 var arr1 = [1, 2, 'pink老师', true]; // 4. 我们数组里面的数据一定用逗号分隔 // 5. 数组里面的数据 比如1,2, 我们称为数组元素 // 6. 获取数组元素 .

2021-10-10 11:03:19 105

原创 css复习第二天

css学习三大重点: css 盒子模型 、 浮动 、 定位:看透网页布局的本质:- 首先利用CSS设置好盒子的大小,然后摆放盒子的位置。- 最后把网页元素比如文字图片等等,放入盒子里面。- 以上两步 就是网页布局的本质。所谓盒子模型:- 就是把HTML页面中的布局元素看作是一个矩形的盒子,也就是一个盛装内容的容器。盒子模型有元素的内容、边框(border)、内边距(padding)、和外边距(margin)组成。 盒子里面的文字和图片等元素是 内容区域 盒子的厚度 我们成为

2021-10-02 00:12:18 127

原创 JavaScript复习第一天要敲的

//弹出一个输入框(prompt),让用户输入出生年份 (用户输入)// 把用户输入的值用变量保存起来,然后用今年的年份减去变量值,结果就是现在的年龄 (程序内部处理)// 弹出警示框(alert) , 把计算的结果输出 (输出结果)var year = prompt('请输入你的出生年份');var age = 2021-year;alert("您已经"➕age+"岁“)// 先弹出第一个输入框,提示用户输入第一个值 保存起来// 再弹出第二个框,提示用户输入第二个值 保存起来.

2021-09-29 20:12:34 184

原创 css复习

概念:​ CSS(Cascading Style Sheets) ,通常称为CSS样式表或层叠样式表(级联样式表)- 作用:- 主要用于设置HTML页面中的文本内容(字体、大小、对齐方式等)、图片的外形(宽高、边框样式、边距等)以及**版面的布局和外观显示样式。- CSS以HTML为基础,提供了丰富的功能,如字体、颜色、背景的控制及整体排版等,而且还可以针对不同的浏览器设置不同的样式。引入CSS样式表(书写位置)行内式(内联样式)- 概念:​ 称行内样式、行间样式.​ .

2021-09-27 20:35:42 197

原创 var、let、const之间有什么区别?

1.页面加载自上而下,当然是先加载样式写在body标签后由于浏览器以逐行方式对html文档进行解析,当解析到尾部样式表(外联或写在style标签)会导致浏览器停止之前的渲染,等待加载且解析样式表完成重新渲染,在window的IE下可能会出现fouc现象(即样式失效导致页面闪烁问题)2.因为在解析包含的javascript代码之前,页面的内容将完全呈现在浏览器中,而用户也会因为浏览串口显示空白页面的时间缩短而感到打开页面的速度加快。...

2021-09-26 20:19:55 49

原创 javascript基础复习的第一天

lert:弹出框console.log:打印日志prompt:输入框简单数据类型和复杂数据类型数字型中八进制和十六进制的写法数字型中:Number.MAX_VALUE和Number.MIN_VALUE的含义<script>// 1. 更新变量// 2. 声明多个变量// var age = 18;// var address = '火影村';// var gz = 2000;var age = 18,address = '火影村',gz = 200..

2021-09-26 16:21:00 111

原创 学习笔记01

Web标准(重点)*能说出网页 中 web 标准三层组成Web标准不是某一个标准,而是由W3C组织和其他标准化组织制定的一系列标准的集合。W3C 万维网联盟是国际最著名的标准化组织。1994年成立后,至今已发布近百项相关万维网的标准,对万维网发展做出了杰出的贡献。w3c就类似于现实世界中的联合国。为什么要遵循WEB标准呢?通过以上浏览器不同内核不同,我们知道他们显示页面或者排版就有些许差异。Web 标准的好处遵循web标准可以让不同我们写的页面更标准更统一外,还有许多优点

2021-09-25 21:16:15 43

原创 style标签写在body后和前的区别?javascript引用放在<body>元素中页面内容的后面的原因?

1.页面加载自上而下,当然是先加载样式写在body标签后由于浏览器以逐行方式对html文档进行解析,当解析到尾部样式表(外联或写在style标签)会导致浏览器停止之前的渲染,等待加载且解析样式表完成重新渲染,在window的IE下可能会出现fouc现象(即样式失效导致页面闪烁问题)2.因为在解析包含的javascript代码之前,页面的内容将完全呈现在浏览器中,而用户也会因为浏览串口显示空白页面的时间缩短而感到打开页面的速度加快。...

2021-09-25 16:16:07 426

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除