<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[Meg_Fu的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/Meg_Fu</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; Meg_Fu]]></copyright><item><title><![CDATA[JavaScript 自用笔记（五）]]></title><link>https://blog.youkuaiyun.com/Meg_Fu/article/details/128725204</link><guid>https://blog.youkuaiyun.com/Meg_Fu/article/details/128725204</guid><author>Meg_Fu</author><pubDate>Fri, 20 Jan 2023 20:53:07 +0800</pubDate><description><![CDATA[我们以前都是使用var关键字来声明变量的– 在ES6的时候，多了两个关键字let和const，也是用来声明变量的– 只不过和var有一些区别1.必须先定义再使用2.变量重名3.块级作用域（let可以用在选择卡上）]]></description><category></category></item><item><title><![CDATA[实现刻度时钟]]></title><link>https://blog.youkuaiyun.com/Meg_Fu/article/details/128721040</link><guid>https://blog.youkuaiyun.com/Meg_Fu/article/details/128721040</guid><author>Meg_Fu</author><pubDate>Tue, 17 Jan 2023 21:41:17 +0800</pubDate><description><![CDATA[上方是简易的刻度时钟，下方是电子时钟，上下的时间需与北京时间实时对应。使用style对body里标签添加旋转样式，设置getTime来获取时间。]]></description><category></category></item><item><title><![CDATA[实现滚动弹幕]]></title><link>https://blog.youkuaiyun.com/Meg_Fu/article/details/128714025</link><guid>https://blog.youkuaiyun.com/Meg_Fu/article/details/128714025</guid><author>Meg_Fu</author><pubDate>Tue, 17 Jan 2023 13:08:58 +0800</pubDate><description><![CDATA[/ 将上面box里放入input输入的内容，设置span标签。1.页面上漂浮字体大小不一、颜色不一，从左向右滚动的弹幕;2.底部中间有一个发送功能，可以发送新的弹幕;// 给这个标签一个随机高度和颜色还有大小。3.底部的发送部分可以向下收起和弹出。// 弹幕到可视区域以外消失。// 实现文字从左向右滚动。对标签添加颜色和字幕大小。// 创建文字颜色和大小。用倒计时实现弹幕滚动。// 设置弹出和收起。]]></description><category></category></item><item><title><![CDATA[省市区三级联动]]></title><link>https://blog.youkuaiyun.com/Meg_Fu/article/details/128702843</link><guid>https://blog.youkuaiyun.com/Meg_Fu/article/details/128702843</guid><author>Meg_Fu</author><pubDate>Mon, 16 Jan 2023 12:28:49 +0800</pubDate><description><![CDATA[请选择''请选择''请选择]]></description><category></category></item><item><title><![CDATA[注册表单提交]]></title><link>https://blog.youkuaiyun.com/Meg_Fu/article/details/128694871</link><guid>https://blog.youkuaiyun.com/Meg_Fu/article/details/128694871</guid><author>Meg_Fu</author><pubDate>Sun, 15 Jan 2023 15:47:19 +0800</pubDate><description><![CDATA[内容
1.表单需包含昵称、姓名、QQ、手机号、邮箱、密码、确认密码以及提交和重置按钮;
2点击表单里的输入框，隐藏提示文字;
3.点击提交和重置按钮时，都需要有相应的提示;
4.在表单提交是，需要进行验证验证填写内容是否合理:昵称不超过10个字、姓名不超过4个字、QQ号为长度小于等于10大于5位的数字、手机号为长度11位的数字、密码由字母和数字组成且大于8位小于16位、密码和确认密码需相同。
原理
设置if语序，对表单设置限制
用value对表单重置
代码
效果注册表提交]]></description><category></category></item><item><title><![CDATA[实现动态表格]]></title><link>https://blog.youkuaiyun.com/Meg_Fu/article/details/128688692</link><guid>https://blog.youkuaiyun.com/Meg_Fu/article/details/128688692</guid><author>Meg_Fu</author><pubDate>Sat, 14 Jan 2023 20:26:08 +0800</pubDate><description><![CDATA[内容
1.表格由专业班级学号1-10号同学的信息组成，包括:学号、姓名、性别、二级学院、班级、专业、辅导员;
2表格的奇数行字体为黑色，底色为白色;偶数行字体为白色，底色为黑色;
3.表格的每一行后有一个删除按钮，点击后会跳出提示弹窗，确认后删除该行的内容，并且删除后上述的颜色规律保持不变:
4.表格的右上方有一个添加按钮，点击后跳出一个表单弹窗，可以填加新的学生的信息。
原理
使用tbody标签加上对tr标签的添加实现添加
使用display标签实现添加表格的显示和隐藏
代码
效果]]></description><category></category></item><item><title><![CDATA[实现随机点名]]></title><link>https://blog.youkuaiyun.com/Meg_Fu/article/details/128680924</link><guid>https://blog.youkuaiyun.com/Meg_Fu/article/details/128680924</guid><author>Meg_Fu</author><pubDate>Fri, 13 Jan 2023 23:26:17 +0800</pubDate><description><![CDATA[点击开始按钮，显示区域里的内容开始滚动，点击结束按钮，内容滚动停止，随机显示—位成员的工号和姓名。显示区域显示基地所有成员的工号和姓名，控制区域由开始和结束两个按钮组成。//，执行'cholose',间隔100毫秒。'114514010郑十''114514011侯某''114514012答辩''11451401刘一''11451402陈二''11451403张三''11451404李四''11451405王五''11451406赵六''11451407赵六''11451408周八''11451409吴九']]></description><category></category></item><item><title><![CDATA[发送验证码]]></title><link>https://blog.youkuaiyun.com/Meg_Fu/article/details/128676971</link><guid>https://blog.youkuaiyun.com/Meg_Fu/article/details/128676971</guid><author>Meg_Fu</author><pubDate>Fri, 13 Jan 2023 17:13:36 +0800</pubDate><description><![CDATA[3.待发送按钮被触发后才可以点击提交按钮，需在验证码框里填写0505，用弹窗提示成功。2.被点击后，按钮里面的内容会变化成1分钟的倒计时;（注：“眼睛”显示密码为浏览器自带！1.发送按钮点击后，会被禁用;倒计时实现60秒倒数。]]></description><category></category></item><item><title><![CDATA[慢加载+瀑布图]]></title><link>https://blog.youkuaiyun.com/Meg_Fu/article/details/128666832</link><guid>https://blog.youkuaiyun.com/Meg_Fu/article/details/128666832</guid><author>Meg_Fu</author><pubDate>Thu, 12 Jan 2023 21:45:11 +0800</pubDate><description><![CDATA[多个等宽的图片进行穿插排序成六列，并且在目前显示的最后一张图片显示之后，再进行下拉时能够在进行加载其他图片，每次下拉显示20-30张图片。用if判断轮动距离实现对字标签的增加。//下一次继续触发到底事件。不同大小图实现瀑布效果。]]></description><category></category></item><item><title><![CDATA[Tap选择卡]]></title><link>https://blog.youkuaiyun.com/Meg_Fu/article/details/128663322</link><guid>https://blog.youkuaiyun.com/Meg_Fu/article/details/128663322</guid><author>Meg_Fu</author><pubDate>Thu, 12 Jan 2023 17:20:41 +0800</pubDate><description><![CDATA[1.选项卡由英雄联盟、DOTA、风暴英雄、300英雄四块组成;3.选择某一选项后，下方跳出对应游戏的相关介绍内容。对第一个绑定行为，对所有解绑并对点击目标绑定。2.未选择时，默认选中第一个标签页;]]></description><category></category></item><item><title><![CDATA[放大镜效果]]></title><link>https://blog.youkuaiyun.com/Meg_Fu/article/details/128656913</link><guid>https://blog.youkuaiyun.com/Meg_Fu/article/details/128656913</guid><author>Meg_Fu</author><pubDate>Thu, 12 Jan 2023 12:05:14 +0800</pubDate><description><![CDATA[1.鼠标移至图片上方，鼠标周围出现黄色的的正方形框，黄色矩形框会随着鼠标的移动而移动;2将黄色正方形框里的内容的长和宽均放大2.4倍，并在图片右边进行显示。用display:none;和两个比例的图片来实现放大效果。鼠标跟随来实现黄色方框。/* 防止抖动 */]]></description><category></category></item><item><title><![CDATA[堆叠式轮播图]]></title><link>https://blog.youkuaiyun.com/Meg_Fu/article/details/128652018</link><guid>https://blog.youkuaiyun.com/Meg_Fu/article/details/128652018</guid><author>Meg_Fu</author><pubDate>Wed, 11 Jan 2023 23:02:23 +0800</pubDate><description><![CDATA[1.鼠标不在图片上方时，进行自动轮播，并且左右箭头不会显示;当鼠标放在图片上方时，停止轮播，并且左右箭头会显示;2.图片切换之后，图片中下方的小圆点会同时进行切换，并且点击相应的小圆点可以切换到相应的图片上;4.图片上需有介绍的文字，会随图片切换一起进行切换。3.点击左右箭头可以进行左右图片的切换;对图片设置优先级，使图片堆叠。绑定按钮使图片根据点击运动。]]></description><category></category></item><item><title><![CDATA[回到顶部]]></title><link>https://blog.youkuaiyun.com/Meg_Fu/article/details/128651832</link><guid>https://blog.youkuaiyun.com/Meg_Fu/article/details/128651832</guid><author>Meg_Fu</author><pubDate>Wed, 11 Jan 2023 22:24:31 +0800</pubDate><description><![CDATA[通过scrollTop：“元素中的内容”超出“元素上边界”的那部分的高度，实现会到顶部。点击按钮之后可以由快到慢地回到顶部，处于顶部位置时按钮消失，按钮位于页面的右下方。用JS对CSS样式进行编辑，实现按钮消失。//当滑动条距顶部为0时,结束间隔任务。]]></description><category></category></item><item><title><![CDATA[JavaScript 自用笔记（四）]]></title><link>https://blog.youkuaiyun.com/Meg_Fu/article/details/128624191</link><guid>https://blog.youkuaiyun.com/Meg_Fu/article/details/128624191</guid><author>Meg_Fu</author><pubDate>Wed, 11 Jan 2023 11:23:49 +0800</pubDate><description><![CDATA[margin : o;} ul {]]></description><category></category></item><item><title><![CDATA[JavaScript 自用笔记（三）]]></title><link>https://blog.youkuaiyun.com/Meg_Fu/article/details/128376357</link><guid>https://blog.youkuaiyun.com/Meg_Fu/article/details/128376357</guid><author>Meg_Fu</author><pubDate>Mon, 09 Jan 2023 21:30:44 +0800</pubDate><description><![CDATA[** JS中数据类型* - String 字符串* - Number 数值* - Boolean 布尔值* - Null 空值* - Undefined 未定义* -以上这五种类型属于基本数据类型,以后我们看到的值* 只要不是上边的5种,全都是对象* - Object 对象* 基本数据类型都是单一的值"he11o"123 true,* 值和值之间没有任何的联系。* 在JS中来表示一个人的信息（name gender age) .* var name ="孙悟空";]]></description><category></category></item><item><title><![CDATA[HTML+CSS复习（五）]]></title><link>https://blog.youkuaiyun.com/Meg_Fu/article/details/128528212</link><guid>https://blog.youkuaiyun.com/Meg_Fu/article/details/128528212</guid><author>Meg_Fu</author><pubDate>Tue, 03 Jan 2023 20:00:54 +0800</pubDate><description><![CDATA[CSS3 3D变形中的缩放主要有scaleZ()和scale3d()两种函数，当scale3d()中X轴和Y轴同时为1，即scale3d(1,1,5z)，其效果等同于scaleZ(z)。: 右下角移动translate(tx,ty)、右上角移动translate(tx-ty)、左上角移动translate(-tx-ty)和左下角移动translate(-tx,ty)。实际操作为:对设备提出询问（称作表达式)开始，如果表达式结果为真，媒体查询中的CSS被应用，如果表达式结果为假，媒体查询内的CSS将被忽略。]]></description><category></category></item><item><title><![CDATA[HTML+CSS复习（四）]]></title><link>https://blog.youkuaiyun.com/Meg_Fu/article/details/128512888</link><guid>https://blog.youkuaiyun.com/Meg_Fu/article/details/128512888</guid><author>Meg_Fu</author><pubDate>Mon, 02 Jan 2023 10:51:16 +0800</pubDate><description><![CDATA[1、YourWebFontName:此值指的就是你自定义的字体名称，最好是使用你下载的默认字体，他将被引用到你的Web元素中的font-family如“font-family:“YourWebFontName”;3、E[attr-="value ]:指定属性名，并且具有属性值，此属性值是一个词列表，并且以空格隔开，其中词列表中包含了一个value词，而且等号前面的“一”不能不写。5、E[attr$=“value”]:指定了属性名，并且有属性值，而且属性值是以value结束的。X:root匹配文档的根元素。]]></description><category></category></item><item><title><![CDATA[HTML+CSS复习（三）]]></title><link>https://blog.youkuaiyun.com/Meg_Fu/article/details/128498074</link><guid>https://blog.youkuaiyun.com/Meg_Fu/article/details/128498074</guid><author>Meg_Fu</author><pubDate>Sat, 31 Dec 2022 11:20:54 +0800</pubDate><description><![CDATA[方法2:在浮动元素下方添加空块元素,并给该元素添加声明: clear:both;white-space: normal/nowrap/pre/pre-wrap（会折行）/pre-line /inherit该属性用来设置如何处理元素内的空白;overflow:visible（显示溢出）/hidden（隐藏）/scroll（固定滚动条）/auto（自动滚动条）/inherit（继承父元素的效果）;pre:显示空格,回车，不换行pre-wrap:显示空格,回车,换行。元素高度的默认值 {height:auto;]]></description><category></category></item><item><title><![CDATA[HTML+CSS复习（二）]]></title><link>https://blog.youkuaiyun.com/Meg_Fu/article/details/128468124</link><guid>https://blog.youkuaiyun.com/Meg_Fu/article/details/128468124</guid><author>Meg_Fu</author><pubDate>Thu, 29 Dec 2022 17:36:12 +0800</pubDate><description><![CDATA[em单位 ：相对单位，1em永远跟字体大小相同 （字缩进字符与字大小不同行与行之间无法对齐，所以需要em单位）cover:把背景图像扩展至足够大，以使背景图像完全覆盖背景区域。important>内联样式>包含选择器>id选择器>class选择器>类型（元素）选择器。写四个值：30px 40px 50px 60px（上、右、下、左）写四个值：30px 40px 50px 60px（上、右、下、左）写两个值：30px 40px（上下、左右）写两个值：30px 40px（上下、左右）]]></description><category></category></item><item><title><![CDATA[HTML+CSS复习（一）]]></title><link>https://blog.youkuaiyun.com/Meg_Fu/article/details/128463404</link><guid>https://blog.youkuaiyun.com/Meg_Fu/article/details/128463404</guid><author>Meg_Fu</author><pubDate>Wed, 28 Dec 2022 10:14:17 +0800</pubDate><description><![CDATA[dl>：定义列表：定义专业术语或名词：对名词进行解释和描述 < dt > HTML  < dd > 超文本标记语言   < dt > HTML  < dd > 超文本标记语言   < dt > HTML  < dd > 超文本标记语言  ]]></description><category></category></item></channel></rss>