发表于: 2019-03-25 23:22:39

1 756


今天完成的事:

1.完成了任务十二,处理了label+input下拉菜单无法弹回的问题,以及文字溢出处理

2.学习了JS的数组pop() push()如何增加 减少一个数组项

3.学习了JQuery的下拉菜单



明天的计划:

1.开始任务十三

2.学习JS基础知识

3.CSS基础知识查漏补缺



遇到的问题:

1.在结束任务十二的时候,突然发现,我昨天做的label+input的下拉菜单无法弹回,就像点击了一个单选框,但是没法再点击单选框回到初始状态。

最后通过js来完成了(代码网上copy的,之后探究一下原理)




2.后来我又学习了用Jquery自己写一个可以点击下拉,收回的下拉菜单,感觉Jquert真好用!


收获:

1.数组项的添加和减少,主要有两种类型  push  pop  和  shift  unshift 前者是对于数组末尾进行添加和减少, 后者可以对数组的前部进行添加和减少。




2.任务十二重写了任务六,其中有一个小细节,我在任务六中没有实现,就是当右边的文字和左边相遇,出现溢出+省略号的处理,今天实现了,

(1)我之前用的方法,把右边文字绝对定位了,肯定无法实现文字相遇变成省略号,脱离文档流了已经!(2)正确的方法就是把左右的内容放在一行里面,用flex控制内容,保证它们在同一个次元  (3) 然后就是三个关键元素  1.overflow:hidden  2. text-overflow: ellipsis  3.white-spce: nowrap   其中1/2就是指文字相遇进行溢出隐藏,然后显示省略号 3.强制文字不还行 


 






返回列表 返回列表
评论

    分享到