- 博客(27)
- 收藏
- 关注
RSS订阅原创 2020.10.14学习总结
在PC端，屏幕1200两端留白在PE端就不行，首先它没有1200px那么大的宽度，其次不能留白，很丑就需要在手机屏幕上铺满内容Viewport在移动设备上进行网页的重构或者开发，首先我们就要搞明白viewport，只有弄明白viewport概念以及与其相关的meta标签的使用，才能更好的让我们的网页适配或者响应不同分辨率的移动设备一． Viewport的概念设备屏幕上能用来显示我们网页的那一块区域获取视口大小：document.documentElement.clientWidth移动设备上
2020-10-14 21:52:57
83
原创 2020.10.06学习总结
Ajax语法$.ajax(JSON)JSON常用的参数url,服务器的地址，获取数据或者推送的地方data，需要给服务器的数据，需要去添加，比如说登录的接口需要传递“用户名和密码”，获取货品信息，则不需要传递任何的参数。数据类型键值对，键值对的“键”和服务器保持完全一致，包括键名的大小写type：数据提交的方式GET/POSTtimeout：请求等待的时间，时间为毫秒，一般10秒success：请求成功，做返回处理error：请求失败datatype：预期的服务器相应的数据类型什么是Aj
2020-10-06 20:54:34
61
原创 2020.10.05学习总结
Val()获取或者设置value值属性attr获取或更改元素的属性值元素的添加（1） 在元素最后面添加（2） 在元素最前面添加（3） afert（后）与before（前）（4） After添加会在元素后面添加，不会成为其子元素（另起一行添加）Before相反元素的删除Remove和·empy区别：remove是删除了内容与格式，即全部删除，empty仅仅清除内容，格式还在Remover过滤删除在p标签中删除所有class元素（$(“)）操作css类Addclass（
2020-10-05 22:27:21
77
原创 2020.9.30学习总结
常见的DOM事件鼠标事件Click单击事件Dblcick：双击事件Mouseenter：鼠标移入Mouseleave：鼠标移除Hover：模仿悬停事件键盘事件：Keypress：键盘编码Keydown;按下Keyup;抬起表单事件Submit：表单提交事件Change：表单改变事件Focus;获得焦点事件Blur：失去焦点事件窗口/文档事件：Load：加载完事件Resize：调整窗口大小触发Scroll：滚动窗口触发Unclad：关闭窗口触发3.3常用的jQuery
2020-09-30 19:51:05
68
原创 jQuery 基本知识概念
jQuery1 基础知识1.1基本概念jQuery是JS库，能够帮助我们轻松实现一些原本比较麻烦的功能jQuery每个版本分两个小版本：压缩版与未压缩版，压缩版文件较小，但是没有排版和注释不便于阅读；未压缩版文件较大，有排版和注释，便于阅读jQuery实际上就是一个js文件，加载到页面就可以直接使用了也可以通过CDN（Content Distrubute Net）来引用jquery1.2基本语法$（选择器）.action();$：定义了这是一个Jquery的代码选择器：按照一定规则选
2020-09-29 20:33:06
83
原创 js随机抽选人
随机抽选<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>随机抽取一位幸运观众</title> <style> #people{ text-align: center; font-size: 10em; color: aquamarine; } body{ background-color:
2020-09-21 20:45:01
1278
原创 2020.9.18学习总结
8.5 导航Document是根节点parentNode:获取父节点childNodes：获取所有子节点firstChild：第一个子节点lastChild：获取最后一个子节点9 BOM概念browser object model9.1 常用对象Window：窗口，浏览器的窗口我们定义的全局变量和全局函数都是window对象的属性和方法全局变量是window的属性。全局函数是window的方法：Window.innerWidthWindow.innerHeight常用的方法
2020-09-18 20:52:13
122
原创 DOM概念，获取元素，修改元素，添加删除元素
8.1 DOM概念DOM（Document Object Model）:文档对象模型通过开发者工具可以看到整个文档是由一系列的节点对象组成的一棵树节点（Node）包括元素节点（1）、属性节点（2）、和文本节点（3）Th1代表一个元素节点（nodeType=1），nodeName是标签名（th）元素节点的nodeValue=nullgetAttributeNode方法是获取元素的属性节点，此时输出的节点类型是属性节点（2）节点名称就是属性名，节点值就是属性值Txt1是一个文本节点（3
2020-09-17 19:03:00
119
原创 js键盘事件其他事件
**（5）onmouseover onmouseout*与onmouseenter、onmouseleave很类似，区别后面再讲。（6）onmousemove 鼠标坐标在这里插入图片描述（7）onmousewheel鼠标滚轮键盘事件键盘编码表注意，键码为13的Enter，是字母键盘上的回车键键码为108的Enter，是右方数组小键盘上的回车键（1）keypresskeypCode属性，记录了按下键的编码keypress事件只捕获可打印字符的按键，不能捕获例如shif
2020-09-16 20:40:43
143
原创 判断成绩
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <script type="text/javascript"> var a=Number(prompt("请输一个零到一百的成绩")); if(a>=90&&a<=100){
2020-09-14 20:12:52
177
原创 求三个班级平均分和最高平均分
```javascript## 标题有三个班级每个班级有十人求他们的平均分和平均分最高的班级 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 + n;
2020-09-12 19:21:47
1438
原创 数组的概念
6数组6.1 数组的概念案例：计算五名同学的平均分这个程序非常简单，但是如果要计算100人的呢？要复制100编吗？我们要用到循环但是循环好像做不了，因为无法去控制变量a1，a2，也就是说无法将循环变量和变量a1，a2联系起来这段代码能够实现同样的功能，而且如果是100人的话，只需要把循环的条件改成i<100即可，整个程序的结构和代码量与人数的多少没有关系为什么没有关系呢，因为和循环结合了为什么和循环结合了呢因为我们把变量的表示方式改变了，改变成名称加序号的方式（a[0]
2020-09-11 18:48:25
63
原创 2020.9.10学习总结
5.3 参数传递参数传递，就是将实参的值传给形参。通过调试我们可以看键，形参在函数被调用之前是不存在的，当函数被调用的那一刻起，实参被创建，并且传递给形参参数传递有两种方式：值传递与引用传递值传递A的值并没有显示预期中的6，还是5，这是因为形参x与实参a是两个不同的变量，x的变化与a没有任何的关系引用传递a. value没有被显示修改，但是a.value确实加了1，因为x就是a，或者说x是a的别名 专业一点就叫引用常规类型的参数采用的是值传递，比如Number，String,B
2020-09-10 19:30:22
61
原创 2020.9.9学习总结
4.3 For循环For循环语法案例：用for循环求1~100的和案例：判断一个数是否为素数（for，while）4.4 循环辅助语句Break：跳出整个循环如果循环遇到break就不会循环了Continue：仅仅跳出本次循环，下次循环是接着走的每天都要吃饭，有一天生病了，那天就不想吃饭了病好了接着吃5 函数5.1 函数的概念IsSXH给它一个数字它可以立马告诉你是否为水仙花数它是怎么判断的？不用管，只要用在主程序中，我们一直调用isSXH就可以了函数给我们的思想，对一
2020-09-09 20:20:54
52
原创 2020.9.7学习总结
Else if案例：成绩评语输入一个零到一百的成绩90-100：666，真厉害80-90：还不错了70-80：还有很大的进步空间60-70：要小心，马上就快挂了<60：孩子多半是废了。。。。。Switch如果是if选择的分支比较多的时候，就需要一个一个分支的从上往下执行，这样执行的效率是非常低的，需要对选择结构进行一个改进使用switch就可以解决这个问题Switch基本语法Switch：开关语法：在执行的过程中，a 的值与哪个分支后面的值一样就运行哪个分支的代码
2020-09-07 18:38:32
74
原创 2020.9.05学习笔记
错误与程序调试程序的错误程序并没有像我们想象中那样，得到我们想要的结果错误可以分为两种语法错误编写代码没有按照语言的要求去编写alert（）写成alort（）有某些部分缺少分号或者括号如果代码中发现语法错误，程序将不会执行逻辑错误代码可以正常运行，但是运行的结果不是我们想要的这种错误我们可以使用单步调试（debug调试）去解决之前三角形面积出现了问题，我们来调试一下用浏览器进行调试错误**语法错误**在浏览器中，鼠标右键，检查（或者F12）错误查看可以
2020-09-05 19:08:59
65
原创 2020.9.04
Javascript是什么，能干什么一个网页的结构，是通过html决定的脑袋，手脚，身体Css决定了这个网页的样式是高还是矮，是胖还是瘦，是黑还是白这个网页的行为是通过JavaScript决定的走路，跑步，眨眼睛JavaScript的发展史它最初由Netscape的Brendan Eich设计。JavaScript是甲骨文公司的注册商标。Ecma国际以JavaScript为基础制定了ECMAScript标准。JavaScript也可以用于其他场合，如服务器端编程。完整的JavaScript实
2020-09-04 19:25:18
64
原创 2020.8.28学习总结
3.9选择器总结什么是选择器？选择器：描述后面的样式施加到哪些目标，或者说根据某个依据来选择应用的样式根据选择依据的不同，就产生了不同的选择器元素选择器Div{ background-color:red}2．id选择器 **根据元素的ID属性来选择 书写格式是: #idname{ xxxxx} #username{font-size:25px}**加粗样式3．类选择器 根据元素的class属性来选择 书写格式是： .classname{xxxxx} .
2020-08-28 19:55:48
67
原创 2020.8.27学习笔记
3.1元素选择器用标签名来作为选择器，选中所有相应的元素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元
2020-08-27 17:35:01
71
原创 2020.2.26学习笔记
颜色*****RGB（red greed bule）(0，10，256)#0010FFCSS中颜色的表示方式预定义颜色：bule，red，black…十六进制颜色：#0f0f0fRGB颜色：（128.0.0）全红RGBA：在RGB的基础上又添加了表示透明度的AlphaHSL：在色调，饱和度，和透明度三个分量来表示颜色HSLA：在HSL的基础上又添加了表示透明的Alpha代码实现 预定义颜色 RGB颜色 16进制颜色*****2.4背景相关属性***B
2020-08-26 18:21:52
68
原创 2020.8.25学习总结
CSS的基本概念Cascading Style Sheet层叠样式表标签： …之类的标签 使用方式：直接输入标签名类（class）：class名字 使用方式：输入点+class名ID:ID名 使用方式：输入#+id名一般来说我们写CSS文件的时候用的都是第二种方法，class名这是因为ID名一般被用作JS的选择器给class命名也是有规范的，像xxx-xxxx 这样做的好处是让你的代码更清晰别人也更容易看懂三种连接样式
2020-08-25 19:26:57
71
原创 2020.8.24学习总结
表格的组成部分：标题 表头 主体 表尾Table 定义一个表格Caption 定义表格的标题Thead 定义表头的部分Tbody 定义表格的主体Tfodyt 定义表尾，一般来显示汇总信息Tr 定义一行Th td 来定义数据项（单元格） th 一般用于表头，有加粗的样式。Td 一般用于主体部分，没有加粗的样式 td rowspan 和 colspan 分别定义了单元格跨行的行数，跨列的列数div 定义一个分块（divsion）特点；在新的一行显示块级标签块级标签 与 行内标签的区别
2020-08-24 19:19:13
155
原创 2020.8.23学习总结
标签标题h1~h6 h1~h6语义越来越年轻 页面上只有一个h1标签*段落标题p一段一段文字的时候使用登鹳雀楼白日依山尽，黄河入海流；欲穷千里目，更上一城楼。链接标签a页面间的跳转页面内的跳转<a href=“http：//www.baidu.com"title=“我想去百度"target=”_blank”>百度回头顶部href：目的地， 跳转后的URL地址title：鼠标悬停显示的内容设置跳转的方式target：_self：在当前页面中打开； (默
2020-08-23 18:45:31
93
原创 单标签和双标签
在html页面中，带有“<>”符号的元素被称为HTML标签，例如, 等都是标签 html中标签又分为双标签和单标签双标签<标签名>内容</标签名>形如，，等的往往是成对出现的标签叫做双标签<标签名>一般被称为开始标签（start tag），</标签名>表示给标签的作用结束一般被称为结束标签（end tag）单标签<标签名/>单标签也称空标签，是指一个标签符号即可完整的描述某个功能的标签，例如html中标签之间共有两种关系
2020-08-23 17:51:37
347
转载 行内元素、块级元素和行内块元素的区别
1、行内元素（a）—— 标签定义链接（b）—— 字体加粗（br）—— 换行（i）—— 斜体文本效果（img）—— 在网页中嵌入图片（input）—— 输入框（span）—— 组合文档中的行内元素（small）——呈现小号字体效果（big）——呈现大号字体效果（sub）—— 定义下标文本（sup）—— 定义上标文本2、块级元素（div）—— 定义文档中的分区或节（dl）—— 定义列表（dt）—— 定义列表中的项目（dd）—— 定义列表中定义条目（h1 - h6）—— 定义标题
2020-08-23 15:33:21
82
原创 get和post的区别
get和post的区别1.GET 安全；POST 不安全。2.GET 幂等；POST 不幂等。2.GET 可缓存；POST 不可缓存。4.GET 用于信息获取；POST 表示可能修改变服务器上的资源的请求。2、注意问题长度限制：http 协议并未规定 get 和post 的长度限制 get 的最大长度限制是因为浏览器和 web 服务器限制了 URL 的长度 不同的浏览器和web服务器，限制的最大长度不一样
2020-08-23 15:06:34
62
原创 web基本概念
一、web基本概念web可以干什么web 引申为“环球网”，而且在不同的领域，有不同的含义。 就拿“环球网”的释义来说，对于普通的用户来说，web仅仅只是一种环境——互联网的使用环境、氛围、内容等；而对于网站制作、设计者来说，它是一系列技术的复合总称(包括网站的前台布局、后台程序、美工、数据库领域等等的技术概括性的总称)。 1.网页 2.公众号 3.动画二、HTML5 简介 ***HTML5 是最新的 H
2020-08-22 15:34:38
477
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人