<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[qq_45654474的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/qq_45654474</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; qq_45654474]]></copyright><item><title><![CDATA[web前端学习-第二十五天]]></title><link>https://blog.youkuaiyun.com/qq_45654474/article/details/109082956</link><guid>https://blog.youkuaiyun.com/qq_45654474/article/details/109082956</guid><author>qq_45654474</author><pubDate>Wed, 14 Oct 2020 20:41:45 +0800</pubDate><description><![CDATA[移动端网页设计一．	viewport的概念二．	css中的1px不等于设备的1px
在PC端，屏幕1200 两端留白
在PE端就不行，首先它没有1200px那么大的宽度，其次不能留白，很丑
就需要在手机屏幕上铺满内容
viewport
在移动设备上进行网页的重构或者开发，首先我们就要搞明白viewport，只有弄明白viewport概念以及与其相关的meta标签的使用，才能更好的让我们的网页适配或者响应不同分辨率的移动设备
一．	viewport的概念
设备屏幕上能用来显示我们网页的那一块区域
获取视口大小]]></description><category></category></item><item><title><![CDATA[web前端学习-第二十四天]]></title><link>https://blog.youkuaiyun.com/qq_45654474/article/details/108938874</link><guid>https://blog.youkuaiyun.com/qq_45654474/article/details/108938874</guid><author>qq_45654474</author><pubDate>Tue, 06 Oct 2020 14:15:29 +0800</pubDate><description><![CDATA[jQuery笔记4Ajax什么是Ajaxload（）方法
点击前往上一篇
Ajax
语法$.ajax（JSON）
JSON常用的参数
url.服务器的地址，获取数据或者推送的地方
data，需要给服务器的数据，需要去添加，比如说登录的接口需要传递“用户名和密码”，获取货品信息，则不需要专递任何的参数。数据类型键值对，键值对的“键”和服务器保存完全一致，包括键名的大小写
type：数据提交的方式GET/POST
timeout：请求等待的时间，时间为毫秒，一般10秒
success：请求成功，做饭后处理
er]]></description><category></category></item><item><title><![CDATA[web前端学习-第二十三天]]></title><link>https://blog.youkuaiyun.com/qq_45654474/article/details/108929895</link><guid>https://blog.youkuaiyun.com/qq_45654474/article/details/108929895</guid><author>qq_45654474</author><pubDate>Mon, 05 Oct 2020 16:32:19 +0800</pubDate><description><![CDATA[jQuery笔记3text（）html（）val（）属性attr元素的添加元素的删除操作css类css（）方法导航父元素后代同胞Ajax
点击前往上一篇
text（）
（1）	捕获文本内容，等价于innert

（2）	更改文本内容

html（）
（1）	获取元素的内容，包括设置的样式

（2）	更改内容样式

val（）
获取或设置value值

属性attr
获取或更改元素的属性值

元素的添加
（1）在元素的最后面添加

（2）在元素最前面添加

（3）	after（后）与before（前）
aft]]></description><category></category></item><item><title><![CDATA[web前端学习-第二十二天]]></title><link>https://blog.youkuaiyun.com/qq_45654474/article/details/108889545</link><guid>https://blog.youkuaiyun.com/qq_45654474/article/details/108889545</guid><author>qq_45654474</author><pubDate>Wed, 30 Sep 2020 19:37:42 +0800</pubDate><description><![CDATA[jQuery笔记23.3常用的jQuery事件方法4.	效果显示（show）与隐藏（hide）淡入（fadeIn）与淡出（fadeOut）上卷与下拉5.DOM
点击前往上一篇
3.3常用的jQuery事件方法
（1）$（document）.ready（）
$（document）.ready（）允许我们在文档完全加载完后执行函数
等价于  $（function（）{ }）
（2）click（）
click（）方法当按钮点击事件被触发的时候回调用一个函数
该函数在用户点击HTML元素的时候执行
（3）blur（]]></description><category></category></item><item><title><![CDATA[web前端学习-第二十一天]]></title><link>https://blog.youkuaiyun.com/qq_45654474/article/details/108868314</link><guid>https://blog.youkuaiyun.com/qq_45654474/article/details/108868314</guid><author>qq_45654474</author><pubDate>Tue, 29 Sep 2020 14:51:43 +0800</pubDate><description><![CDATA[jQuery笔记1jQuery1.	基础知识1.1基本概念1.2基本语法2.	选择器基本选择器：层次选择器：过滤选择器事件什么是事件常见的DOM事件
jQuery
1.	基础知识
1.1基本概念
jQuery是JS库，能够帮助我们轻松实现一些原本比较麻烦的功能
jQuery每个版本分两个小版本：压缩版与未压缩版，压缩版文件较小，但是没有排版和注释
不便于阅读；未压缩版文件较大，有排版和注释，便于阅读
jQuery实际上就是一个js文件，加载到页面就可以直接使用了
也可以通过CDN（Content Distr]]></description><category></category></item><item><title><![CDATA[web前端学习-第二十天]]></title><link>https://blog.youkuaiyun.com/qq_45654474/article/details/108709983</link><guid>https://blog.youkuaiyun.com/qq_45654474/article/details/108709983</guid><author>qq_45654474</author><pubDate>Mon, 21 Sep 2020 14:32:11 +0800</pubDate><description><![CDATA[JavaScript笔记12计时事件
点击前往上一篇
cookie组成：
键值对的形式
username=asdasd  pwd=123456 phone=6863087
有效期：expires=今天以后的时间
存储cookie
按照cookie的形式写好一个字符串，然后把它复制给document.cookie 浏览器就会缓存这个cookie，可以存储多个键值对，但是键的名字不能重复

获取cookie
通过document.cookie就能得到浏览器之前存储的cookie，是一个字符串，将这个字符串解析，]]></description><category></category></item><item><title><![CDATA[web前端学习-第十九天]]></title><link>https://blog.youkuaiyun.com/qq_45654474/article/details/108665403</link><guid>https://blog.youkuaiyun.com/qq_45654474/article/details/108665403</guid><author>qq_45654474</author><pubDate>Fri, 18 Sep 2020 15:02:53 +0800</pubDate><description><![CDATA[JavaScript笔记11导航BOM常用对象弹窗cookie
点击前往上一篇
导航
document：是根节点
parentNode：获取父节点
childNode：获取所有子节点
firstChild：第一个子节点
lastChild：获取最后一个子节点

BOM
概念browser object model
常用对象
window：窗口，浏览器的窗口
我们定义的全局变量和全局函数都是window对象的属性和方法

全局变量是window的属性。
全局函数是window的方法：
window.inner]]></description><category></category></item><item><title><![CDATA[web前端学习-第十八天]]></title><link>https://blog.youkuaiyun.com/qq_45654474/article/details/108645944</link><guid>https://blog.youkuaiyun.com/qq_45654474/article/details/108645944</guid><author>qq_45654474</author><pubDate>Thu, 17 Sep 2020 16:04:08 +0800</pubDate><description><![CDATA[JavaScript笔记10DOMDOM概念获取元素修改元素添加删除元素
点击前往上一篇
当使用mouseenter事件时，当里层的div触发进入事件时，处理完了就没了（阻断冒泡）
而使用mouseover事件时，当里层的div触发进入事件时，处理完后还会冒泡给父容器处理
再次进入事件
程序员也可以根据需要自己去阻断冒泡，用stopProagation。
DOM
DOM概念
DOM（Document Object Model）：文档对象模型
通过开发者工具可以看到
整个文档是由一系列的节点对象组成的一棵树
]]></description><category></category></item><item><title><![CDATA[web前端学习-第十七天]]></title><link>https://blog.youkuaiyun.com/qq_45654474/article/details/108622015</link><guid>https://blog.youkuaiyun.com/qq_45654474/article/details/108622015</guid><author>qq_45654474</author><pubDate>Wed, 16 Sep 2020 14:50:47 +0800</pubDate><description><![CDATA[JavaScript笔记9键盘事件其他事件事件的注册捕获与冒泡
点击前往上一篇
（5）onmouseover onmouseout
与onmouseenter、onmouseleave很类似，区别后面再讲。
（6）onmousemove 鼠标坐标

（7）onmousewheel鼠标滚轮

键盘事件
键盘编码表



注意，键码为13的Enter，是字母键盘上的回车键
键码为108的Enter，是右方数组小键盘上的回车键
（1）keypress

keypCode属性，记录了按下键的编码
keypress事]]></description><category></category></item><item><title><![CDATA[web前端学习-第十六天]]></title><link>https://blog.youkuaiyun.com/qq_45654474/article/details/108585961</link><guid>https://blog.youkuaiyun.com/qq_45654474/article/details/108585961</guid><author>qq_45654474</author><pubDate>Mon, 14 Sep 2020 19:31:45 +0800</pubDate><description><![CDATA[JavaScript笔记8数组排序事件
数组排序
1）	sort（）以从小到大的顺序排列数组
对数字排序：从小到大
对字母排序：从A到B大写字母在前
数字字母混合：先排数组，再排字母
通过sort可以找出数组的最小值（【0】）和数组的最大值（xxx【xxx.lengh-1】）
但是有一个缺点，只能排同样位数的数

2）	比值函数
可以自定义排序顺序
function（m，n）{
return
}

3)	reverse():反转



事件
事件源
事件名
事件注册
事件处理
以火灾为例
Xx大酒店201房]]></description><category></category></item><item><title><![CDATA[web前端学习-第十五天]]></title><link>https://blog.youkuaiyun.com/qq_45654474/article/details/108549875</link><guid>https://blog.youkuaiyun.com/qq_45654474/article/details/108549875</guid><author>qq_45654474</author><pubDate>Sat, 12 Sep 2020 15:14:55 +0800</pubDate><description><![CDATA[JavaScript笔记7二维数组遍历数组数组的不常用方法查找指定数
数组的常用方法






二维数组

遍历数组
1）普通遍历

2）forEach遍历

数组的不常用方法
1）map

2）filter

3)	reduce

查找指定数

案列：优秀班级
描述：有三个班级，每个班级有10人，输出各个班级的平均分优秀班级是那个班
优秀班级：平均分最高
每个班级的分数自己写


...]]></description><category></category></item><item><title><![CDATA[web前端学习-第十四天]]></title><link>https://blog.youkuaiyun.com/qq_45654474/article/details/108535542</link><guid>https://blog.youkuaiyun.com/qq_45654474/article/details/108535542</guid><author>qq_45654474</author><pubDate>Fri, 11 Sep 2020 15:31:15 +0800</pubDate><description><![CDATA[JavaScript笔记6数组数组的概念数组的定义与元素访问数组的常用属性与方法
案列：验证哥德巴赫猜想（函数方法）
哥德巴赫猜想：任意一个大于6的偶数都可以写成两个质数之和

数组
数组的概念
案列：计算五名同学

这个程序非常简单，但是如果要计算100人的呢？ 要复制100编吗？
我们要用到循环 但是循环好像做不了，因为无法去控制变量a1，a2， 也就是说无法将循环变量和变量a1，a2联系起来

这段代码能够实现同样的功能，而且如果是100人的话
秩序要把循环的条件改成i&lt;100即可，整个程序的结]]></description><category></category></item><item><title><![CDATA[web前端学习-第十三天]]></title><link>https://blog.youkuaiyun.com/qq_45654474/article/details/108513354</link><guid>https://blog.youkuaiyun.com/qq_45654474/article/details/108513354</guid><author>qq_45654474</author><pubDate>Thu, 10 Sep 2020 14:31:29 +0800</pubDate><description><![CDATA[JavaScript笔记5函数的组成参数传递变量作用域
函数的组成
（1）	函数名
（2）	参数
（3）	函数体：函数的功能，一般会有返回值，返回值就是结果
案列：判断一个数是否为素数（函数方法）
函数名：isPrime
参数：n

参数传递
参数传递，就是将实参的值传给形参。通过调试我们可以看见形参在函数
被调用之前是不存在的，当函数被调用的那一刻起，实参被创建，并且传递给
形参
参数传递有两种方式：值传递与引用传递
值传递

A的值并没有显示预期中的6，还是5，这是因为形参x与实参a是两个不同的 变量，]]></description><category></category></item><item><title><![CDATA[web前端学习-第十二天]]></title><link>https://blog.youkuaiyun.com/qq_45654474/article/details/108500744</link><guid>https://blog.youkuaiyun.com/qq_45654474/article/details/108500744</guid><author>qq_45654474</author><pubDate>Wed, 09 Sep 2020 19:47:24 +0800</pubDate><description><![CDATA[JavaScript笔记4for循环循环辅助语句函数函数的组成
for循环

循环辅助语句
break：跳出整个循环
如果循环遇到break就不会循环了
continue：仅仅跳出本次循环，下次循环接着走的
每天都要吃饭，有一天生病了，那天就不想吃饭了，病好了就接着吃

函数
函数的概念

isSXH给它一个数字，它可以立马告诉你是否为水仙花数
它是怎么判断的？不用管，只要用
在主程序中，我们一直调用isSXH就可以了
函数给我们的思想，对一个规模大，难度高的问题提供一个解决问题的
思路，将问题拆分，分解规]]></description><category></category></item><item><title><![CDATA[web前端学习-第十一天]]></title><link>https://blog.youkuaiyun.com/qq_45654474/article/details/108470718</link><guid>https://blog.youkuaiyun.com/qq_45654474/article/details/108470718</guid><author>qq_45654474</author><pubDate>Tue, 08 Sep 2020 16:00:56 +0800</pubDate><description><![CDATA[一、讨厌的数字3
要求：输出不含3的三位数，还不能是3的倍数，例如143的个位是3不可以，141是3的倍数也不可以。
 		&lt;script type="text/javascript"&gt;
			var n,a,b,c,n1;
			n=100;
			while(n&lt;1000){
			a=Math.floor(n/100);
			b=Math.floor((n%100)/10);
			c=n%10;
			n1=n%3;
			if(a!=3&amp;&amp;b!=3&amp;&a]]></description><category></category></item><item><title><![CDATA[web前端学习-第十天]]></title><link>https://blog.youkuaiyun.com/qq_45654474/article/details/108447595</link><guid>https://blog.youkuaiyun.com/qq_45654474/article/details/108447595</guid><author>qq_45654474</author><pubDate>Mon, 07 Sep 2020 14:41:13 +0800</pubDate><description><![CDATA[JavaScript笔记3else if 语句Switch基本语法循环结构循环结构的基本概念循环的套路do while循环
else if 语句

案列：成绩评语
输入一个0~100的成绩
90-100:666，真厉害
80-90：还不错了
70-80：还有很大的进步空间
60-70：要小心，马上就快挂了
&lt;60：孩子多半是废了。。。

Switch基本语法
Switch开关
语法：

在执行的过程中，a的值与哪个分支后面的值一样
就运行哪个分支的代码
case后面的值可以立即为标号（程序中指令的地址]]></description><category></category></item><item><title><![CDATA[web前端学习-第九天]]></title><link>https://blog.youkuaiyun.com/qq_45654474/article/details/108422249</link><guid>https://blog.youkuaiyun.com/qq_45654474/article/details/108422249</guid><author>qq_45654474</author><pubDate>Sat, 05 Sep 2020 17:32:25 +0800</pubDate><description><![CDATA[JavaScript笔记2错误与程序调试程序的错误用浏览器进行调试错误选择结构If语句嵌套
练习
三位数之和

计算三角形的面积

prompt：在网页上显示输入框
math.sqrt（25）5

错误与程序调试
程序的错误
程序并没有像我恩想象中那样，得到我们想要的结果
错误可以分为两种
语法错误
编写代码没有按照语言的要求去编写
alert（）写成 alort（）
有某些本分确实分号或者括号
如果代码中发现语法错误，程序将不会执行
逻辑错误
代码可以正常运行，但是运行的结果不是我们想要的
这种错误我们可]]></description><category></category></item><item><title><![CDATA[web前端学习-第八天]]></title><link>https://blog.youkuaiyun.com/qq_45654474/article/details/108404264</link><guid>https://blog.youkuaiyun.com/qq_45654474/article/details/108404264</guid><author>qq_45654474</author><pubDate>Fri, 04 Sep 2020 15:23:40 +0800</pubDate><description><![CDATA[JavaScript笔记1JavaScriptJavaScript的发展史JavaScript的使用方式一：内部引用方式二：外部引用程序设计的基础数据类型与变量变量变量的命名数据类型字符串string布尔类型boolean未定义undefined判断类型：typeof对象类型语句与注释运算符算数运算符逻辑运算符赋值运算符关系运算符三目运算符（三元运算符）
JavaScript
JavaScript是什么，能干什么
一个网页的结构，是通过html决定的
脑袋，手脚，身体
css决定了这个网页的样式
是高还是矮]]></description><category></category></item><item><title><![CDATA[web前端学习-第七天]]></title><link>https://blog.youkuaiyun.com/qq_45654474/article/details/108284835</link><guid>https://blog.youkuaiyun.com/qq_45654474/article/details/108284835</guid><author>qq_45654474</author><pubDate>Fri, 28 Aug 2020 18:28:13 +0800</pubDate><description><![CDATA[CSS笔记3布局文档流定位Static静态定位（默认）Relative相对定位![在这里插入图片描述](https://img-blog.csdnimg.cn/20200828182417323.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1NjU0NDc0,size_16,color_FFFFFF,t_70#pic_center)ab]]></description><category></category></item><item><title><![CDATA[web前端学习-第六天]]></title><link>https://blog.youkuaiyun.com/qq_45654474/article/details/108260574</link><guid>https://blog.youkuaiyun.com/qq_45654474/article/details/108260574</guid><author>qq_45654474</author><pubDate>Thu, 27 Aug 2020 14:54:12 +0800</pubDate><description><![CDATA[CSS笔记3选择器元素选择器类选择器（重点）ID选择器（重点）属性选择器关系选择器并选择器通配符选择器
选择器
元素选择器
用标签名来作为选择器，选中所有相应的元素

类选择器（重点）
根据calss的属性来选择元素，样式定义为：
.className{
xxxxxx
}


ID选择器（重点）
根据id名来选择元素，样式定义为：
#idName{
xxxxxx
}


属性选择器

例：[title*=’d’]:选择title值中包含d的元素
关系选择器
E  F :选择E元素的后代元素F（所有后代、包括]]></description><category></category></item></channel></rss>