程序逻辑与算法
一、生成图片广告
1.一张图片
根据任务提示,这里使用了js使得图片位于浏览器的正中。
实现思路水平居中可以用margin实现,图片设置为固定大小,
图片盒子距离外部容器 上距离= (外部容器高度-图片高度)/2
2.多张图片-并动态设置间距
实现思路:
首先图片肯定是需要浮动,使用DOM获得图片的个数,然后根据比例将宽度等比例划分可得到间距大小和图片长度,然后根据图片比例得到图片高度。
3.多张图片轮换显示
二、程序逻辑训练
1.分支
if
switch case
2.循环
for
执行顺序是 1 2 3 4 2 2 3 2 3 4 。。。。当2不满足时会退出循环
while
do while
先执行一次代码逻辑再进行判断。
12121212…2不满足时不执行1
3.递归
三、拓展任务—多级联动菜单
实现思路:
首先页面必须有几个下拉框。下拉菜单数据存储在js文件内,页面加载成功时将第一个下拉框中的数据加载(使用DOM的createElement创建新的选项使用appendChild逐一添加到对应菜单中)。选择上一级下拉框触发下级菜单的数据加载并且存储上级下拉框的数据。