自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 移动端笔记

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

2020-10-14 19:56:55 66

原创 jQuery笔记

Ajax语法:$.ajax(JSON)JSON常用的参数url:服务器的地址,获取数据或者推送的地方data,需要给服务器的数据,需要去添加,比如说登录的接口需要传递“用户名和密码”,获取货品信息,则不需要传递任何的参数。数据类型键值对,键值对的“键”和服务器保持完全一致,包括键名的大小写type:数据提交的方式GET/POSTtimeout:请求等待的时间,时间为毫秒,一般10秒success:请求成功,做返回处理error:请求失败datatype:预期服务器相应的数据类型什么是Aj

2020-10-06 19:39:15 98

原创 jqyery笔记

元素的删除(1)remove和empty区别:remove是删除了内容和格式,即全部删除,empty仅仅清除内容,格式还在<title></title> <script src="js/jquery-3.5.1.min.js" type="text/javascript"></script> <style type="text/css"> #div1,#div2{ height: 100px; width: 10

2020-10-05 21:54:27 890

原创 jQuery笔记

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

2020-09-30 20:55:09 60

原创 jQuery笔记

基础知识jQuery是js库,能够帮助我们轻松实现一些原本麻烦的功能jQuery每个版本分俩个小版本,压缩版与未压缩版。压缩版文件较小,但是没有排版和注释,不便于阅读。未压缩版文件较大,有排版和注释,便于阅读。实际上是一个js文件,加载到页面就可以直接使用。也可以通过CDN(content distrubute net)来引用jQuery基本语法$(选择器).action()2.选择器基本选择器:id选择器$("#idName")类选择器$(".className")元素选择器$

2020-09-29 20:45:36 315

原创 2020-09-21

setInterval(“函数”,毫秒数)它是一个计时器,就是每隔多长时间就调用一次函数<style type="text/css"> .cr{ width: 1200px; height: 500px; border: 1px solid red; } </style> </head> <body> <div class="cr" id="div1"></div> </bod

2020-09-21 20:46:56 109

原创 JavaScriptDOM

8.5 导航Document是根节点parentNode:获取父节点childNodes:获取所有子节点firstChild:第一个子节点lastChild:获取最后一个子节点9 BOM概念browser object model9.1 常用对象Window:窗口,浏览器的窗口我们定义的全局变量和全局函数都是window对象的属性和方法全局变量是window的属性。全局函数是window的方法: Window.innerWidth Window.innerHeight

2020-09-18 18:48:10 76

原创 JavaScript 节点

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

2020-09-17 16:53:42 67

原创 JavaScript 事件

键盘输入键码值注意:键码13的enter是字母键盘上的回车键。键码为108的enter是右数字小键盘上的回车键(1)keypress事件<body> <input type="text" id="what" onkeypress="search(event)" /> </body> <script type="text/javascript"> function search(event){ if(event.keyCode ==

2020-09-16 18:58:33 122

原创 JavaScript 笔记

数组的排序1).sort()从小到大顺序排列数组对数字排序:从小到大对字母排序:从A到B,大写字母在前数字字母混合:先排数字,再排字母通过sort可以找出数组的最小值(xxx[0])和数组的最大值(xxx[xxx.length-1])但是,只能排同样位数的数(即个位数和个位数,两位数与两位数,三位数与三位数,四位数与四位数)比值函数还可以自定义排序function(m,n)​ return m-n;reverde():反转数组元素把元素从头到尾反序事件事件源,事件名,事件注

2020-09-14 19:14:58 180

原创 today JavaScript 数组方法

二维数组var arr=[[1,2,3],["a","b","c",["d","e","f"]],450]; alert(arr[1][3][1]);//多重嵌套数组编历遍历数组通俗点就是说把数组中的每个数都读一遍(部分有if条件+break的则可能不会完全遍历),你可以对于数组中的每个数进行处理,亦或者是找到数组中那个你需要的数。1.普通编历var arr=[1,2,3,4,5,6,7,8,9]; for(var i=0;i<arr.length;i++){ docum

2020-09-12 20:53:59 66

原创 today JavaScript 数组

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

2020-09-11 18:28:46 75

原创 today JavaScript 笔记和案例

参数传递参数传递,就是将实参的值传给形参。通过调试我们可以看键,形参在函数被调用之前是不存在的,当函数被调用的那一刻起,实参被创建,并且传递给形参参数传递有两种方式:值传递与引用传递值传递A的值并没有显示预期中的6,还是5,这是因为形参x与实参a是两个不同的变量,x的变化与a没有任何的关系引用传递a. value没有被显示修改,但是a.value确实加了1,因为x就是a,或者说x是a的别名 专业一点就叫引用常规类型的参数采用的是值传递,比如Number,String,Boole

2020-09-10 14:13:18 623

原创 案例题目

一、讨厌的数字3要求:输出不含3的三位数,还不能是3的倍数,例如143的个位是3不可以,141是3的倍数也不可以。<script type="text/javascript"> for(vari=100;i<1000;i++){ if(Math.floor(i% 10)!=3&&Math.floor(i % 100 /

2020-09-09 21:21:01 125

原创 今日题目作业

一、讨厌的数字3要求:输出不含3的三位数,还不能是3的倍数,例如143的个位是3不可以,141是3的倍数也不可以。<script type="text/javascript"> for(vari=100;i<1000;i++){ if(Math.floor(i% 10)!=3&&Math.floor(i % 100 /

2020-09-08 15:29:54 77

原创 JavaScript循环

Else if案例:成绩评语输入一个零到一百的成绩90-100:666,真厉害80-90:还不错了70-80:还有很大的进步空间60-70:要小心,马上就快挂了<60:孩子多半是废了。。。。。var score = prompt("请输入你的成绩!"); if(score>90&&score<=100){ alert("666,真厉害!"); }else if(score>80&&score<=

2020-09-07 15:17:18 112

原创 JavaScript笔记和案例

计算三角形的面积Prompt:在网页上显示输入框Math.sqrt(25)=5;代码:<script type="text/javascript"> var a,b,c,d,p,s=0; a = Number(prompt("请输入第一个边")); b = Number(prompt("请输入第二个边")); c = Number(prompt("请输入第三个边")); p = (a+b+c)/2 s = Math.sqrt(p*(p-a)*(p-b

2020-09-05 16:07:47 100

原创 Javascript笔记

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

2020-09-04 15:36:26 102 1

原创 2020-08-28

伪类、伪元素选择器伪元素:其效果与增加一个元素来实现的效果等价,所以称之为伪元素伪类:其效果与增加一个类来实现的效果等价,所以称之为伪类伪类选择器::first-letter 选择文本的首字母:first-line 选择文本的首行:after 在元素前面添加内容:before 在元素后面添加内容选择器总结什么是选择器选择器:描述后面的样式施加到那些目标,或者说根据某个来选择应用的样式根据选择依据不同,就产生了不同的选择器 元素选择器Div{background-col

2020-08-28 19:41:08 103

原创 today css笔记

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

2020-08-27 14:28:08 92

原创 今日css笔记

今日css笔记颜色RGB (red greed blue)(0,10,256)#0010FFcss中颜色的表示方法(1) 预定义颜色:blue,red,black…(2)十六进制颜色:#0f0f0f(3)RGB颜色(128,0,0)全红(4)RGBA,在RGB的基础上又添加了表示透明的Alpha(5)HIS:用色调,饱和度,和透明度三个分量来表示颜色(6)HSLA:在HSL的基础上又添加了表示透明的Alpha代码实现:<p style="color: blue;

2020-08-26 15:09:43 79

原创 css基本概念

css的基本概念cascading style sheet 层叠样式表选择器标签:<p><div>…之类的标签 使用方式:直接输入标签名类(class):class名字 使用方式:输入点+class名Id:id名 使用方式:输入#+id名一般来说我们写css文件的时候用的都是第二种选择器,class名这是因为id名一般被用作js的选择器给class命名也是有规范的,像xxx-xxxx这样做的好处是让

2020-08-25 14:47:40 116

原创 2020-08-24

Table和divTable表格 web班名册 学号 姓名 性别 年龄 01 张三 男 21 02 李四 女 20 03 哈哈 男 22 人数总和 60

2020-08-24 19:00:26 93

原创 单标签和双标签

单标签和双标签内容简单的标签如只有一个属性的,用单标签,提高可读性。内容比较多,用双标签。单标签用/>结尾,只是一种简写双标签可以替换所有的单标签单标签算是xml里的一种特殊格式,纯xml是不建议使用的主要是html的历史产物,才暂时保留至今。常见单标签1.<hr />2.<meta />3.<img />4.<input />常见双标签1.<html></html>2.<head><

2020-08-23 17:54:35 991

转载 行内、行内块、块级

今天讲课的时候,讲到了html中的标签的显示模式,大致分为块级标签和行内标签。那么初学者在刚使用标签的时候会发现有些属性在一些标签上不起作用,比如宽、高、水平居中等,其实这个属性的使用只有在块级标签上使用才起作用。个人认为这个也是初学者非常容易忽略的地方,所以我就把它记下来!比如会有一种情况,给p标签水平居中有作用,但是给font加水平居中属性就没作用(如下):1.p{ color:red; text-align:center;}<br>2.font{color:red; text-ali

2020-08-23 17:45:16 213

转载 get和post的区别

get和post的区别GET在浏览器回退时是无害的,而POST会再次提交请求。GET产生的URL地址可以被Bookmark,而POST不可以。GET请求会被浏览器主动cache,而POST不会,除非手动设置。GET请求只能进行url编码,而POST支持多种编码方式。GET请求参数会被完整保留在浏览器历史记录里,而POST中的参数不会被保留。GET请求在URL中传送的参数是有长度限制的,而POST么有。对参数的数据类型,GET只接受ASCII字符,而POST没有限制。

2020-08-23 15:09:15 50

原创 2020-08-22

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

2020-08-22 15:58:57 117

空空如也

空空如也

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

TA关注的人

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