自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 2020-10-14

在PC端,屏幕1200两端留白在PE端就不行,首先它没有1200px那么大的宽度,其次不能留白,很丑就需要在手机屏幕上铺满内容Viewport在移动设备上进行网页的重构或者开发,首先我们就要搞明白viewport,只有弄明白viewport概念以及与其相关的meta标签的使用,才能更好的让我们的网页适配或者响应不同分辨率的移动设备Viewport的概念设备屏幕上能用来显示我们网页的那一块区域获取视口大小:document.documentElement.clientWidth移动设备上的浏览

2020-10-14 20:54:05 133

原创 2020-10-06

捕获与设置Js获取文本内容:innerText,innerHtml,textContent动画Animate()有三个参数,第一个参数就是你要改变的样式,第二个参数是显示的速度(“fast”,“slow”,毫秒数),第三个是回调函数Text()捕获文本内容,等价于innerText更改文本的内容Html()获取元素的内容,包括设置的样式更改内容样式Val()获取或者设置value值属性attr获取或更改元素的属性值元素...

2020-10-06 11:20:25 398 1

原创 2020-10-05

什么是数组?数组对象是使用单独的变量名来存储一系列的值。如果你有一组数据(例如:车名字),存在单独变量如下所示:var car1=“Saab”;var car2=“Volvo”;var car3=“BMW”;然而,如果你想从中找出某一辆车?并且不是3辆,而是300辆呢?这将不是一件容易的事!最好的方法就是用数组。数组可以用一个变量名存储所有的值,并且可以用变量名访问任何一个值。数组中的每个元素都有自己的的ID,以便它可以很容易地被访问到。创建一个数组创建一个数组,有三种方法。下面的代

2020-10-05 22:17:12 145 1

原创 2020-09-30

(1) $(document).ready()( d o c u m e n t ) . r e a d y ( ) 允 许 我 们 在 文 档 完 全 加 载 完 后 执 行 函 数 等 价 于 (document).ready()允许我们在文档完全加载完后执行函数 等价于(document).ready()允许我们在文档完全加载完后执行函数等价于(function(){})(2) click()Click()方法当按钮点击事件被触发的时候会调用一个函数该函数在用户点击HTML元素的时候执行(3

2020-09-30 18:14:41 104

原创 2020-09-29

jQuery1 基础知识1.1基本概念jQuery是JS库,能够帮助我们轻松实现一些原本比较麻烦的功能jQuery每个版本分两个小版本:压缩版与未压缩版,压缩版文件较小,但是没有排版和注释不便于阅读;未压缩版文件较大,有排版和注释,便于阅读jQuery实际上就是一个js文件,加载到页面就可以直接使用了也可以通过CDN(Content Distrubute Net)来引用jquery1.2基本语法$(选择器).action();$:定义了这是一个Jquery的代码选择器:按照一定规则选择

2020-09-29 20:36:04 129

原创 2020-09-21

String(字符串)对象返回字符串的长度为字符串添加样式返回字符串中指定文本首次出现的位置 - indexOf()方法查找字符串中特定的字符,若找到,则返回该字符 - match() 方法替换字符串中的字符 - replace()更多的字符串对象的例子,在我们的JavaScript String 对象参考手册。Date(日期)对象使用 Date() 方法来返回今天的日期和时间使用 getTime() 计算从1970年到今天有多少毫秒使用 setFullYear() 设置具体的日期使用

2020-09-21 21:09:47 93

原创 2020-09-18

8.1 DOM概念DOM(Document Object Model):文档对象模型通过开发者工具可以看到整个文档是由一系列的节点对象组成的一棵树节点(Node)包括元素节点(1)、属性节点(2)、和文本节点(3)Th1代表一个元素节点(nodeType=1),nodeName是标签名(th)元素节点的nodeValue=nullgetAttributeNode方法是获取元素的属性节点,此时输出的节点类型是属性节点(2)节点名称就是属性名,节点值就是属...

2020-09-18 16:41:54 103

原创 2020-09-17

7.4 捕获与冒泡在这个案例中,如果单击文字,先提示“段落被单击”,然后再提示“div被单击了”,因为div是p的父容器,所有单击段落也就相当于单击了div,所有两者都会触发这个事件但是如何去规定两个事件的处理顺序?这就是事件的冒泡与捕获。冒泡:按照从内到外的顺序依次触发,是默认方式捕获:与上相反当使用mouseenter事件时,当里层的div触发进入事件时,处理完了就没了(阻断冒泡)而使用mouseover事件时,当里层的div触发进入事件时,处理完后还会冒泡给父容器处..

2020-09-17 16:15:14 102

原创 键码值

ESC键 VK_ESCAPE (27)回车键: VK_RETURN (13)TAB键: VK_TAB (9)Caps Lock键: VK_CAPITAL (20)Shift键: VK_SHIFT ($10)Ctrl键: VK_CONTROL (17)Alt键: VK_MENU (18)空格键: VK_SPACE ($20/32)退格键: VK_BACK (8)左徽标键: VK_LWIN (91)右徽标键: VK_LWIN (92)鼠标右键快捷键:VK_APPS (93)-------

2020-09-16 20:49:13 357

原创 2020-09-15

6数组6.1 数组的概念案例:计算五名同学的平均分这个程序非常简单,但是如果要计算100人的呢?要复制100编吗?我们要用到循环但是循环好像做不了,因为无法去控制变量a1,a2,也就是说无法将循环变量和变量a1,a2联系起来这段代码能够实现同样的功能,而且如果是100人的话,只需要把循环的条件改成i<100即可,整个程序的结构和代码量与人数的多少没有关系为什么没有关系呢,因为和循环结合了为什么和循环结合了呢因为我们把变量的表示方式改变了,改变成名称加序号的方式(a[0]

2020-09-15 23:04:07 105

原创 数组

String(字符串)对象返回字符串的长度为字符串添加样式返回字符串中指定文本首次出现的位置 - indexOf()方法查找字符串中特定的字符,若找到,则返回该字符 - match() 方法替换字符串中的字符 - replace()更多的字符串对象的例子,在我们的JavaScript String 对象参考手册。Date(日期)对象使用 Date() 方法来返回今天的日期和时间使用 getTime() 计算从1970年到今天有多少毫秒使用 setFullYear.

2020-09-14 22:17:09 118

原创 2020-09-12例题

//有三个班级,每个班级有十人,求他们的平均分和平均分最高的 oneClass = [50, 89, 78, 45, 68, 45, 28, 48, 94, 85]; twoClass = [15, 49, 65, 48, 78, 64, 84, 43, 95, 49]; threeClass = [68, 75, 48, 95, 85, 67, 45, 35, 85, 45]; //求平均分 function Arr(m, n) { return m + ...

2020-09-12 20:09:19 122

原创 数组

5.4 变量作用域局部变量,就是在函数内部定义的变量,这个变量只能在函数内部使用,在全局中不能使用,举个例子,三国时期,把曹操,刘备,孙权比喻成三个函数那么曹操手下的将领是不会听刘备与孙权的命令的,刘备与孙权同理,他们手下的兵只会听从自己老大的命令在函数的内部定义一个变量,如果没有加上var,那么这个变量就会被认为是全局变量全局变量:在函数外部定义的变量,这个变量可以在全局进行使用。举个例子:汉朝的皇帝发布命令,那么不管是曹操还是刘备或者孙权,都要...

2020-09-11 15:15:51 421

原创 函数

5.4 变量作用域局部变量,就是在函数内部定义的变量,这个变量只能在函数内部使用,在全局中不能使用,举个例子,三国时期,把曹操,刘备,孙权比喻成三个函数那么曹操手下的将领是不会听刘备与孙权的命令的,刘备与孙权同理,他们手下的兵只会听从自己老大的命令在函数的内部定义一个变量,如果没有加上var,那么这个变量就会被认为是全局变量全局变量:在函数外部定义的变量,这个变量可以在全局进行使用。举个例子:汉朝的皇帝发布命令,那么不管是曹操还是刘备或者孙权,都要...

2020-09-10 15:28:21 143

原创 函数

5 函数5.1 函数的概念IsSXH给它一个数字它可以立马告诉你是否为水仙花数它是怎么判断的?不用管,只要用在主程序中,我们一直调用isSXH就可以了函数给我们的思想,对一个规模大,难度高的问题提供一个解决问题的思路,将问题拆分,分解成规模小,难度小的问题,如果说,分解之后问题依然很难,那么接着分解从,直到最后的问题足够小,总之就是“大事化小”需要找出1-100之内所有的素数,假设班里有个同学可以帮你判断一个数是否是素数,那么这个同学就是函数(数字需要自己提供).

2020-09-10 15:20:35 172

原创 2020-09-09

3 选择结构程序中有三大结构,顺序,选择,循环顺序:代码从上到下一行一行的执行选择:代码有分支,有选择的循环:重复执行某一段代码为什么需要选择结构刚刚的计算三角形面积的案例,如果说,当输入的三条边不能构成三角形时,就不能使用公式计算在生活中,也有很多的选择比如说明天放假,有对象的和对象出去玩没有的在寝室长蘑菇再比如说看看这个月还剩下多少天,口袋里还剩下多少钱钱多天天大鱼大肉钱少只能吃泡面3.1 基本if语法If 如果else 否则.

2020-09-09 21:25:13 221

原创 2020-09-07

基本if语法If 如果else 否则案例:绝对值输入一个数,如果这个数是正数,那么输出它本身如果这个数是负数,那么输出它的相反数案例:计算三角形面积(改)要求能够判断出三条边是否能构成三角形如果不能,输出“请正确输入“案例:判断一个数是否为水仙花数If语句嵌套案例:献血根据性别和体重计算输血量女性体重不超过50kg的输血量为200毫升,否则的话就250毫升男性不超过60kg的献血为250毫升,否则300毫升1获...

2020-09-07 14:44:56 172

原创 2020-09-05

关系运算符常见关系运算符:>(大于) <(小于) >=(大于等于) <=(小于等于) ==(等于) !=(不等于)判断两个数字是否相等,使用两个等于号(==)而不是一个等于号(=是赋值)JavaScript特有:===:数值与类型全都等于才true!==:数值与类型全都不等于才true比较后的结果是boolean类型,true或false重点===与==的区别:==只比较值===比较值和类型三目运算符(三元运算符)...

2020-09-05 15:35:21 286

原创 2020-09-04

Javascript笔记Javascript是什么,能干什么一个网页的结构,是通过html决定的脑袋,手脚,身体Css决定了这个网页的样式是高还是矮,是胖还是瘦,是黑还是白这个网页的行为是通过JavaScript决定的走路,跑步,眨眼睛JavaScript的发展史它最初由Netscape的Brendan Eich设计。JavaScript是甲骨文公司的注册商标。Ecma国际以JavaScript为基础制定了ECMAScript标准。JavaScript也可以用于其他场合,

2020-09-04 15:33:05 241

原创 2020-08-28

3.2类选择器根据class的属性来选择元素,样式定义为:.className{ xxxxxxx}3.3 ID选择器根据id名来选择元素,样式定义为:#idName{xxxxxxxxx}3.4属性选择器例:[title*=’d’]:选择title值中包含d的元素3.5关系选择器E F :选择E元素的后代元素F(所有后代,包括子类、孙类)E > F : 选择E元素的直接后代元素(也就是子类)E + F:选择E元素的第一个弟弟元素F...

2020-08-28 15:32:44 115

原创 2020-08-27

2.7盒子模型(重要)Margin:外边距Margin-top(上) margin-bottom(下) margin-left(左) margin-right(右)使用方式:margin:30px ,表示上下左右外边距都设置30px margin-left:30px ,表示设置距离左方30px margin: 10px 20px 10px 20px 分别设置上右下左四个边的边距,顺序按照顺时针方向 margin:20px 30px 分别设置上下边距为20px ,左右边距为...

2020-08-27 15:15:54 150

原创 2020-08-26

1.CSS基础知识1.1 CSS的基本概念CSS(Cascading Style Sheet) 层叠样式表,为了实现页面内容和表现形式的分离。层叠的含义是可以对一个元素多次设置样式,最后的结果是多次样式叠加的结果,如果有冲突,以后面的样式为准。1.2 基本语法标签:<p> <div>…之类的标签 使用方式:直接输入标签名类(class):class名字 使用方式:输入点+class名ID:ID名 ...

2020-08-26 15:19:09 161

原创 2020-08-25

CSS学习笔记 CSS的基本概念 Cascading Style Sheet层叠样式表 标签:<p> <div>…之类的标签 使用方式:直接输入标签名 类(class):class名字 使用方式:输入点+class名 ID:ID名 使用方式:输入#+id名 一般来说我们写CSS文件的时候用的都是第二种方法,class名 这是因为ID名一般被用作JS的选择器 给class命名也是有规范的,像xxx-xxxx 这样做...

2020-08-25 14:39:04 79

原创 2020-08-24

1.1基本概念CSS(Cascading Style Sheet) 层叠样式表,为了实现页面内容和表现形式的分离。层叠的含义是可以对一个元素多次设置样式,最后的结果是多次样式叠加的结果,如果有冲突,以后面的样式为准。1.2 基本语法选择器{属性名1:属性值1;属性名2:属性值2;属性名3:属性值3;……}选择器说明该样式施加于哪些元素;属性名和属性值说明是样式内容;一般一行定义一条样式,当然也可以写在一行上,但每条样式都序号加上“;”推荐用小写命名。<

2020-08-24 15:29:11 162

原创 HTML常见标签

HTML常见标签1、标题标签:…标题标签作用相当于word的标题 ,总共6课级别,取值1-6,数字越小,字体大小越小2、分割线标签: 分隔线标签实例: 属性: color: 设置颜色,颜色可以是颜色名或者是16进制的色号,格式#xxxxxx; 其中x表示16进制的色号值 size:分隔线大小取值1-7,数字越大越粗 width: 宽度,默认居中 3、字体标签:字体实例:4、加粗标签:Strong: 表示强调,并且对强调的内容加粗显示 b: ...

2020-08-23 15:28:19 487

原创 2020-08-23

(1)有些内容接着之前内容的后面,有些内容在新的一行(上一行没有显示完)标题类型根据显示方式分类:行内、行内块、块级(2)有些标签<button></button>由2部分组成,<input>只有一-部分组成。标题分类:单标签和双标签...

2020-08-23 15:13:20 87

原创 get与pose的区别

Post和Get请求方式的区别:1.Post传输数据时,不需要在URL中显示出来,而Get方法要在URL中显示。2.Post传输的数据量大,可以达到2M,而Get方法由于受到URL长度的限制,只能传递大约1024字节.3.Post顾名思义,就是为了将数据传送到服务器段,Get就是为了从服务器段取得数据.而Get之所以也能传送数据,只是用来设计告诉服务器,你到底需要什么样的数据.Post的信息作为http请求的内容,而Get是在Http头部传输的。get 方法用Request.QueryString

2020-08-23 14:52:04 1457

原创 2020-08-22

HTML基础知识web基本概念web:网页、公众号、动画h5:html5URL:就是一个地址,网络资源的ID(地址)服务器:一个性能比较高(内存大、运行速度快)的电脑,安装了提供服务的软件(apache、Tomcat、IIS、Nginx)云服务:阿里云、腾讯云、百度云、华为云有专门的团队提供维护工作浏览器:能帮我们打开网页,Google Chrome、IE、火狐、欧朋、safari(苹果)标记语言用各种标签将 相关信息或者关键字 包裹起来,方便搜索..

2020-08-22 15:12:45 151

空空如也

空空如也

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

TA关注的人

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