自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 Javascript面向对象介绍(高级)

Javascript面向对象首先介绍一下我们的两大编程思想1.面向过程(POP)面向过程就是分析出解决问题所需要的步骤,然后用函数把这些步骤一步步实现,使用时在一个个调用函数就行了在javascript中。2.面向对象(OPP)面向对象就是把事务分解成一个个对象,然后由对象之间分工合作完成。面向对象是以对象功能来划分问题的,而不是步骤!面向对象的优点:灵活、容易维护、更适合多人合作的大项目。面向对象的特性1. 封装性:把重复复用的代码块分装起来。2. 继承性:例如有对象father和

2020-12-28 13:21:57 1268 1

原创 字体图标的使用方法

字体图标的使用;1. 推荐下载网站 icoMoon字体图标下载链接本网站是外国服务器,加载速度会比较慢一点。但是超级好用啊;2.推荐下载网站阿里妈妈网站也好用啊,点击下载吧阿里妈妈国内的也很好用的!重点啦啦啦啦——————都是免费的嘿!icoMoon使用方法点击链接进去。。。上面的部分相信大家伙肯定按照图片能下载到安装包吧,下面就看仔细啦!!!- 我们的fonts文件一定要放在根目录下面,意思就是使我们的html页面在哪个目录下面,我们的fonts文件就要放在同一目录下面!

2020-12-25 18:49:50 471

原创 小盒子怎么在大盒子中水平并且垂直居中的4种方法

小盒子怎么在大盒子中水平并且垂直居中的4种方法!1. 方法一父元素相对定位,子元素绝对定位,绝对定位中上下左右都为0,再加上margin:auto .father { position: relative; width: 500px; height: 500px; margin: 100px auto; background-color: pink; } .son { position: absolute

2020-12-17 23:05:49 3020

原创 Flex布局干货(重点)

Flex布局(重点)1. Flex布局的好处:操作简单,布局极为简单,移动端应用方便。但是兼容性比较大,ie11以下基本用不了。2. 布局原理:弹性布局 任何一个元素都可以设置flex布局 设置了flex,那么浮动 clear vertical-align 也会失效 <div> <span>1</span> <span>2</span>flex-direction:设置主轴的方向 <span&g

2020-12-03 10:07:20 507

原创 Javascript_总结

Javascript_总结1. javaScript是什么?javaScript----是一种面向对象的脚本语言。2.javaScript的作用?直接向html文件中写出标记和内容。对事件的反应改变 HTML 内容改变 HTML 图像改变 HTML 样式验证输入3.javascript的基本用法[如何将javascript融入到html中]html标记中的事件属性中执行<script src=”独立的“.js”文件”></sctip

2020-11-26 16:50:09 130 1

原创 JavaScript_11(BOM完)

JavaScript_11(BOM)1. Window History—历史对象window.history 对象包含浏览器的历史信息。history.back() - 与在浏览器点击后退按钮相同history.forward() - 与在浏览器中点击按钮向前相同

2020-11-26 16:23:51 113 1

原创 JavaScript_10(BOM)

JavaScript_10(BOM)1.JavaScript中的BOM对象浏览器对象模型–Browser ObjectModel (BOM)Window 对象属性有三种方法能够确定浏览器窗口的尺寸(浏览器的视口,不包括工具栏和滚动条)。对于Internet Explorer、Chrome、Firefox、Opera 以及 Safari:window.innerHeight - 浏览器窗口的内部高度window.innerWidth - 浏览器窗口的内部宽度对于 Internet Exp

2020-11-25 20:06:18 90

原创 JavaScript_9(事件)

JavaScript_9(事件)1. 按钮点击事件 onclick方法一(按钮直接调用函数)<script>function 点击事件的处理函数(){//事件处理动作</script><input type=”button” value=”按钮” οnclick=”按钮点击以后的处理函数”/> <script> function testClick() { alert("按钮点击事件"); } </

2020-11-24 21:29:20 117

原创 JavaScript_8(DOM对象)

1.DOM对象DOM–Document Object Model[文档对象模型]当网页被加载时,浏览器会创建页面的文档对象模型。HTML DOM 模型被构造为对象的树Html文件<html><head><title>My title</title></head><body><a href=””>My link</a><h1>My header</h1><

2020-11-22 00:17:13 218 1

原创 Javascript_7(内置对象|正则表达式|数据类型转换)

JavaScript_7(内置对象|正则表达式|数据类型转换)Javascript内置对象目录Javascript StringNumber对象Javascript Array对象Javascript Boolean 对象【注意Boolean对象和Boolean值的区别】Javascript Date对象(日期)6.Javascript Math对象(数学对象)Javascript Reg Exp对象(正则表达式)Reg Exp是正则表达式(regular expression)的简写

2020-11-20 18:18:09 266

原创 JavaScript_6(内置对象2)

Javascript Boolean(布尔)1. 创建Boolean对象直接赋值var boo1 = false;通过构造器创建Boolean对象0----false、非0----true、空字符串 " "----false、非空字符串----truenull----false、NaN----false对象【Boolean对象】-- true (通过 new Boolean()方式得到的是Boolean对象)例如...

2020-11-19 21:36:52 83

原创 Javascript_5(内置对象)

1.Javascript中的对象1.1自定义对象1.2 内置对象1.高级对象2.dom对象3.bom对象2.javascript高级对象1.创建2.调用对象的属性和方法3.注意事项2.1字符串对象(String)一个字符串可以使用单引号或双引号:实例var carname=“Volvo XC60”;var carname=‘Volvo XC60’;注意:双引号中的双引号用单引号代替。var str=“zhangsan:say’hello’”;1.String创建1.通过直

2020-11-18 15:12:46 203

原创 JavaScript_4(基础干货)

JavaScript_3练习分析Javascript中的语句1.顺序结构2.选择结构循环结构while与do{}while()的区别?while是先判断后执行,do{}while()先执行后判断,do{}while()与while同等条件下多执行一次。while/do{}while()与for的区别or–在执行的时候需要明确的知道循环的次数While()/do{}while()----不需要明确的知道循环的次数。练习:通过编写猜数字的程序比较while/do{}while()与for的区

2020-11-17 15:14:59 154

原创 JavaScript_3(运算符)

1.JavaScript 运算符1.算术运算符 + 、-、*、/、%、++、–。<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>算术运算符</title> <script> window.οnlοad=function(){ //1.算术运算符 + 、-、*、/、%、++、--。 var num1=10;

2020-11-14 22:56:33 170

原创 javascript_2(数据类型、函数简单介绍)

JavaScript_21.JavaScript中的变量1.数据类型2.名称3.数据值4.作用域2.JavaScript中的数据类型1.javaScript的变量的数据类型,不是在声明/定义变量的时候决定的,javaScript的变量的数据类型是在赋值之后,根据所赋予的具体数据值决定变量的数据类型。var a = 100;var b;b=”hello”;2.javaScript具体数据类型字符串(String)、数字(Number)、布尔(Boolean)、数组(Array)、对

2020-11-13 18:03:03 216

原创 javascript_1

JavaScript_11.javaScript的简单介绍【javaScript是什么?】javaScript----是一种面向对象的脚本语言。面向对象是一种编程思想,看不见摸不着,只能体会,用实际行动来证明。面向对象这种编程思想是对面向过程的思想的升华。面向过程的思想例如:今天早上我要从凤栖原到电视塔。面向过程的思想就是需要将沿途经过的地方保存下来,这些地方连接在一起就形成了过程。面向过程的思想----C语言【指针】面向对象的思想就是只需要知道开始和结束位置就可以,至于中间是如何完成的不

2020-11-12 15:00:12 136

原创 CSS_3

CSS_31.关于布局的属性设置float:html元素是否及如何浮动【none没有 | left{左浮动} | right{右浮动} 】块级元素:其元素的前后会自动折行行内元素:按照由左向右一次排列,除非使用元素强制换行。``<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>设置元素浮动</title> <style> sp

2020-11-11 13:41:06 141 1

原创 CSS_2

CSS_21.CSS中常用的属性设置css格式:选择器{css属性名称:属性值;}选择器–从htm文件中选中自己需要添加样式的html元素。1.元素选择器—根据html元素的名称选中被控制的html标记。2.id选择器–根据给html标记设置的id属性来选中被控制的html标记。如果要使用id选择器那么首先需要给html标记去设置id属性。3.类【class】选择器—根据给html标记设置的class属性来选中被控制的html标记。如果要使用类【class】选择器那么首先需要给html

2020-11-11 01:23:12 76

原创 CSS_1

CSS_11.什么是CSS?CSS-Cascading Style Sheet [层叠样式表]是用于(增强)控制网页[html]样式并允许将样式信息与网页内容分离的一种标记性语言.2.CSS的作用?给网页[html]的元素/标记/标签设置样式的。可以让HTML网页变得好看。3.在HTML网页中如何使用CSS?1.内联定义 (Inline Styles)内联定义即是在[html]的元素/标记/标签的内部使用对象的style属性定义适用其的样式表属性。已达到控制当前html元素的样式。在[ht

2020-11-10 23:03:06 93

空空如也

空空如也

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

TA关注的人

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