和风中看海-CSDN博客

原创 JavaScript（字符串与数组基础）

这是第二题：这一题比较容易，就是反转字符串里的数据。’一个属性没有在今天讲到，我是看了第二天数组那个PPT看到的这个属性来完成这个作业。虽然标题是字符串与数组，但是数组没讲到，还是作业题以我的思维我只能相出用正则表达式来完成，但是没有讲到，导致作业虽然完成了，但是还是有一些理解的不是很透彻。第四题：验证字符串的，正则表达式，上面那个声明方法理解不是很透彻。第五题：用驼峰改两个字母，没想到太好的实现方法，就用了这个替换。上午把昨天五个逻辑思维题花了一上午讲，对那些题的逻辑更加透彻。这些就是今天下午所学。

2024-07-24 20:03:24 179

原创 JavaScript第三天

洗发水数量：" + combination[0] + ", 香皂数量：" + combination[1] + ", 牙刷数量：" + combination[2] + "

2024-07-23 19:57:44 688

原创 JavaScript第二天

var data = parseInt(prompt("请输入你的出生年月格式2004.0523"));// 短路与操作:前面执行结果为true才执行后面代码,前面执行结果为false后面代码不执行。// 短路或操作:前面执行结果为false才执行后面代码,前面执行结果为true后面代码不执行。// 使用场景:判断某个变量是否有值，如果每有值就给他一个【默认值】，特别注意0的场景。// 短路与/逻辑与：求假，只要有一个假最终结果就是假。// 逻辑非/取反:把某个值转化为布尔值并取反。

2024-07-23 19:50:12 257

原创 JavaScript基础

var text ='我叫' + name + ',' + '我今年' + age + '岁,' + '我住在' + address + ',' + '我的邮箱是' + email + ',' + '我工资是' + price + '元。var address = prompt('请输入你的家庭住址');var email = prompt('请输入你的邮箱');var price = prompt('请输入你的工资');var age = prompt('请输入你的年龄');运用所学知识完成加法器。

2024-07-23 19:46:05 177

原创王者荣耀官网项目-底部以及内容中心分析（实训第五天）

第一部分用两个盒子一个居左一个居右，然后用定位把右边定在右边，最后用偏移把对应的图标偏移出来。第二部分用无序列表来完成，给弹性布局，给li背景，给li一个底线，这里是还有切换效果，内容：可分为左半区、右半区，先给一个大盒子，然后把大盒子分为两个部分。第三部分也是用无序列表，弹性布局完成给li圆边框以及背景。第二部分也是用到无序列表的弹性布局给li背景色，以及底线。第四部分这里用到弹性布局的超出自动换行的属性。右半区：定位定过去，分为四个部分。左半区：分为四个部分来写，第四部分运用无序列表来完成。

2024-05-10 19:10:55 108

原创王者荣耀官网项目---悬浮（实训第四天）

使其与页面高度一直保持30%，再给妲己一个background-image，设置图片，background-repeat：no-repeat，图片不重复，再给绝对定位position：absolute。设置列表部分：给列表一个绝对定位position:absolute,设置宽高，用无序列表来完成下面的给li节点分别li：nth-child分别完成li的图片偏移。Position:fixed,再给层级z-index:10,这里值越大说明层级越高，再给模块一个top：30%

2024-05-09 19:45:57 502

原创王者荣耀官网-核心区域分析（实训第三天）

图片随着下面title的变换而变化，需要导入js轮播图插件，然后在这个轮播图大盒子的位置使用插件，然后利用js文件里面封装好的内容使其可以轮播，在js中写轮播代码。效果跟轮播要的效果是一样的，也是利用无序列表以及js插件来完成，在写下面部分内容的时候，会遇到代码自动换行，这时需要用到文字的一些样式。再写下面的title，需要给一个背景色，然后用无序列表的弹性布局，让下面的title平均分下面盒子的宽度。先写图片：给它一个背景图片然后进行偏移，这里的img也需要用到无序列表来完成，还需要给它一个左浮动。

2024-05-08 17:20:46 662

原创实训第二天（导航栏分析）

导航栏分为一级导航二级导航一级导航：可以分为三个部分来写：要先把一级导航的背景写出来：左边logo：一个盒子里面放置logo的图片中间导航：运用无序列表来写，然后利用弹性布局以及鼠标移入li变色 list-style: none; 清除无序列表的标点display: flex; 弹性布局 justify-content: space-between; 两边对齐linear-gradient 线性渐变cursor: pointer; 鼠标移入变小手

2024-05-07 17:41:14 505

原创实训第一天

主体内容：可以分为三个部分，左边可以先放置一张图片，然后用swiper.js实现轮播效果，中间部分就是用table切换卡，当你点击上面的text内容时，下面的内容可以随着上面的text内容的改变来改变，右边就比较简单了可以分为三个小盒子来写。二级导航：在鼠标移入一级导航的时候二级导航显示，移出时二级导航隐藏，可以加一个动画，slideinup以及slidedown。可以分为页眉、bady背景图、一级导航、二级导航、主体内容、专区、悬浮、页脚。background-position-y: 来控制高度。

2024-05-06 18:40:48 207 1

2401_84270142的博客