- 博客(27)
- 收藏
- 关注
RSS订阅原创 JavaScript 自用笔记（五）
我们以前都是使用var关键字来声明变量的– 在ES6的时候，多了两个关键字let和const，也是用来声明变量的– 只不过和var有一些区别1.必须先定义再使用2.变量重名3.块级作用域（let可以用在选择卡上）
2023-01-20 20:53:07
674
原创 实现刻度时钟
上方是简易的刻度时钟，下方是电子时钟，上下的时间需与北京时间实时对应。使用style对body里标签添加旋转样式，设置getTime来获取时间。
2023-01-17 21:41:17
186
原创 实现滚动弹幕
/ 将上面box里放入input输入的内容，设置span标签。1.页面上漂浮字体大小不一、颜色不一，从左向右滚动的弹幕;2.底部中间有一个发送功能，可以发送新的弹幕;// 给这个标签一个随机高度和颜色还有大小。3.底部的发送部分可以向下收起和弹出。// 弹幕到可视区域以外消失。// 实现文字从左向右滚动。对标签添加颜色和字幕大小。// 创建文字颜色和大小。用倒计时实现弹幕滚动。// 设置弹出和收起。
2023-01-17 13:08:58
461
原创 注册表单提交
内容1.表单需包含昵称、姓名、QQ、手机号、邮箱、密码、确认密码以及提交和重置按钮;2点击表单里的输入框，隐藏提示文字;3.点击提交和重置按钮时，都需要有相应的提示;4.在表单提交是，需要进行验证验证填写内容是否合理:昵称不超过10个字、姓名不超过4个字、QQ号为长度小于等于10大于5位的数字、手机号为长度11位的数字、密码由字母和数字组成且大于8位小于16位、密码和确认密码需相同。原理设置if语序，对表单设置限制用value对表单重置代码效果注册表提交
2023-01-15 15:47:19
298
原创 实现动态表格
内容1.表格由专业班级学号1-10号同学的信息组成，包括:学号、姓名、性别、二级学院、班级、专业、辅导员;2表格的奇数行字体为黑色，底色为白色;偶数行字体为白色，底色为黑色;3.表格的每一行后有一个删除按钮，点击后会跳出提示弹窗，确认后删除该行的内容，并且删除后上述的颜色规律保持不变:4.表格的右上方有一个添加按钮，点击后跳出一个表单弹窗，可以填加新的学生的信息。原理使用tbody标签加上对tr标签的添加实现添加使用display标签实现添加表格的显示和隐藏代码效果
2023-01-14 20:26:08
345
原创 实现随机点名
点击开始按钮，显示区域里的内容开始滚动，点击结束按钮，内容滚动停止，随机显示—位成员的工号和姓名。显示区域显示基地所有成员的工号和姓名，控制区域由开始和结束两个按钮组成。//，执行'cholose',间隔100毫秒。'114514010郑十''114514011侯某''114514012答辩''11451401刘一''11451402陈二''11451403张三''11451404李四''11451405王五''11451406赵六''11451407赵六''11451408周八''11451409吴九'
2023-01-13 23:26:17
816
原创 发送验证码
3.待发送按钮被触发后才可以点击提交按钮，需在验证码框里填写0505，用弹窗提示成功。2.被点击后，按钮里面的内容会变化成1分钟的倒计时;（注：“眼睛”显示密码为浏览器自带！1.发送按钮点击后，会被禁用;倒计时实现60秒倒数。
2023-01-13 17:13:36
394
原创 慢加载+瀑布图
多个等宽的图片进行穿插排序成六列，并且在目前显示的最后一张图片显示之后，再进行下拉时能够在进行加载其他图片，每次下拉显示20-30张图片。用if判断轮动距离实现对字标签的增加。//下一次继续触发到底事件。不同大小图实现瀑布效果。
2023-01-12 21:45:11
378
原创 Tap选择卡
1.选项卡由英雄联盟、DOTA、风暴英雄、300英雄四块组成;3.选择某一选项后，下方跳出对应游戏的相关介绍内容。对第一个绑定行为，对所有解绑并对点击目标绑定。2.未选择时，默认选中第一个标签页;
2023-01-12 17:20:41
460
原创 放大镜效果
1.鼠标移至图片上方，鼠标周围出现黄色的的正方形框，黄色矩形框会随着鼠标的移动而移动;2将黄色正方形框里的内容的长和宽均放大2.4倍，并在图片右边进行显示。用display:none;和两个比例的图片来实现放大效果。鼠标跟随来实现黄色方框。/* 防止抖动 */
2023-01-12 12:05:14
456
原创 堆叠式轮播图
1.鼠标不在图片上方时，进行自动轮播，并且左右箭头不会显示;当鼠标放在图片上方时，停止轮播，并且左右箭头会显示;2.图片切换之后，图片中下方的小圆点会同时进行切换，并且点击相应的小圆点可以切换到相应的图片上;4.图片上需有介绍的文字，会随图片切换一起进行切换。3.点击左右箭头可以进行左右图片的切换;对图片设置优先级，使图片堆叠。绑定按钮使图片根据点击运动。
2023-01-11 23:02:23
2280
1
原创 回到顶部
通过scrollTop：“元素中的内容”超出“元素上边界”的那部分的高度，实现会到顶部。点击按钮之后可以由快到慢地回到顶部，处于顶部位置时按钮消失，按钮位于页面的右下方。用JS对CSS样式进行编辑，实现按钮消失。//当滑动条距顶部为0时,结束间隔任务。
2023-01-11 22:24:31
540
原创 JavaScript 自用笔记（三）
** JS中数据类型* - String 字符串* - Number 数值* - Boolean 布尔值* - Null 空值* - Undefined 未定义* -以上这五种类型属于基本数据类型,以后我们看到的值* 只要不是上边的5种,全都是对象* - Object 对象* 基本数据类型都是单一的值"he11o"123 true,* 值和值之间没有任何的联系。* 在JS中来表示一个人的信息（name gender age) .* var name ="孙悟空";
2023-01-09 21:30:44
147
原创 HTML+CSS复习（五）
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将被忽略。
2023-01-03 20:00:54
83
原创 HTML+CSS复习（四）
1、YourWebFontName:此值指的就是你自定义的字体名称，最好是使用你下载的默认字体，他将被引用到你的Web元素中的font-family如“font-family:“YourWebFontName”;3、E[attr-="value ]:指定属性名，并且具有属性值，此属性值是一个词列表，并且以空格隔开，其中词列表中包含了一个value词，而且等号前面的“一”不能不写。5、E[attr$=“value”]:指定了属性名，并且有属性值，而且属性值是以value结束的。X:root匹配文档的根元素。
2023-01-02 10:51:16
114
原创 HTML+CSS复习（三）
方法2:在浮动元素下方添加空块元素,并给该元素添加声明: clear:both;white-space: normal/nowrap/pre/pre-wrap（会折行）/pre-line /inherit该属性用来设置如何处理元素内的空白;overflow:visible（显示溢出）/hidden（隐藏）/scroll（固定滚动条）/auto（自动滚动条）/inherit（继承父元素的效果）;pre:显示空格,回车，不换行pre-wrap:显示空格,回车,换行。元素高度的默认值 {height:auto;
2022-12-31 11:20:54
72
原创 HTML+CSS复习（二）
em单位 ：相对单位，1em永远跟字体大小相同 （字缩进字符与字大小不同行与行之间无法对齐，所以需要em单位）cover:把背景图像扩展至足够大，以使背景图像完全覆盖背景区域。important>内联样式>包含选择器>id选择器>class选择器>类型（元素）选择器。写四个值：30px 40px 50px 60px（上、右、下、左）写四个值：30px 40px 50px 60px（上、右、下、左）写两个值：30px 40px（上下、左右）写两个值：30px 40px（上下、左右）
2022-12-29 17:36:12
65
原创 HTML+CSS复习（一）
dl>：定义列表：定义专业术语或名词：对名词进行解释和描述 < dt > HTML < dd > 超文本标记语言 < dt > HTML < dd > 超文本标记语言 < dt > HTML < dd > 超文本标记语言
2022-12-28 10:14:17
108
原创 JavaScript 自用笔记（二）
运算符：可以分割多个语句，一般可以在声明多个变量时使用。– 就和数学中一样，在JS中，运算符也有优先级在JS中有运算符优先级的表– 在表中，越靠上，优先级越高；优先级越高，越优先计算– 遇到优先级不清楚的，可以使用()，改变优先级。
2022-12-08 19:24:11
192
原创 JavaScript 自用笔记（一）
Undefined类型的值只有一个，就是undefined当声明一个变量，但是并不给变量赋值时，它的值就是undefined使用typeof检查undefined值时，会返回undefined。
2022-12-02 20:04:11
334
原创 HTML+CSS 自用知识点（五）
strong和em都是表示强调的标签，表现形态为文本加粗和斜体。b和i标签同样也表示文本加粗和斜体。区别在于，strong和em是具备语义化的，而b和i是不具备语义化的。
2022-11-25 20:20:04
306
原创 HTML+CSS自用知识点（第四周）
position特性 css position属性用于指定一个元素在文档中的定位方式。top、right.bottom、left 属性则决定了该元素的最终位置。position取值 static（默认) relative absolute fixed sticky 如果没有定位偏移量，对元素本身没有任何影响不使元素脱离文档流不影响其他元素布局left、 top、 right、 bottom是相对于当前元素自身进行偏移的 1.使元素完全脱离文档流2.使内联元素支持宽高(让内联具备
2022-11-18 17:53:09
743
1
原创 HTML+CSS自用知识点（第三周）
CSS:#elem() HTML:id=“elem”注： 1.在一个页面中，ID值是唯一的。 2.命名规范，字母 _ - 数字(命名的第一位不能是数字)。 3.命名方式： 驼峰式：searchButton（小驼峰）SearchButton（大驼峰，不建议） 下划线式：search_small_buttom 短线式：search-small-buttom css：.elem{}html：class = “elem”注：1.class选择器是可以复用的。2.可以添
2022-11-04 18:55:30
887
1
原创 HTML+CSS自用知识点（第二周）
dl>：定义列表：定义专业术语或名词：对名词进行解释和描述例： < dt > HTML < dd > 超文本标记语言 < dt > HTML < dd > 超文本标记语言 < dt > HTML < dd > 超文本标记语言
2022-10-28 19:41:51
1937
原创 HTML+CSS自用知识点（第一周）
dl>：定义列表：定义专业术语或名词：对名词进行解释和描述例： < dt > HTML < dd > 超文本标记语言 < dt > HTML < dd > 超文本标记语言 < dt > HTML < dd > 超文本标记语言
2022-10-19 20:04:10
2478
3
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人