java前端div浮动靠左_前端进阶第5周打卡题目汇总

第一天

1.用css实现单行文本溢出省略以及多行文本溢出省略

7621e6147ed2d04d7363413be083a948.png

2.用css实现一个音乐抖动条

css实现扇形可以用伪类矩形旋转一个角度,来遮挡父容器的圆形,父容器溢出隐藏

ed36f6bff3870f84c200ea3500c3cdd4.png
b0c616a8aaa7c70cb8d1608889daac4f.png

第二天

1. 写出3种js数组去重的方法,并求出效率最高的一种(10万条数据下的测试结果)

f52af309600e5ec8e319c668ad27ba92.png

2.用css实现单行文本溢出省略以及多行文本溢出省略

2a970b45c7d256f4d3aed00bde6fda62.png
6df7e9659928f87d6916f322f2715243.png

第三天

912c62bfe32b552aadc316968b6711af.png
8acd39a2156c44c74b8b5cdb1e4648b7.png
d9e496e9ca9d612d8ff87a1ccfd95292.png

第四天

1. js实现数组中的最大差值

b7882e0a29b91844fcd03b5fa59520d3.png

2. 为什么会出现浮动和什么时候需要清除浮动?清除浮动的方式?

当我们设置某个元素的属性float为left或者right时,会出现浮动,浮动元素不在文档流,所以文档流的物理位置表现得就像浮动框不存在一样。浮动元素会漂浮在文档流的块框上。

我自己是一名从事了多年开发的web前端老程序员,目前辞职在做自己的web前端私人定制课程,今年年初我花了一个月整理了一份最适合2019年学习的web前端学习干货,各种框架都有整理,送给每一位前端小伙伴,想要获取的可以关注我的头条号并在后台私信我:前端,即可免费获取。

浮动带来的问题:

1.父元素的高度无法被撑开,影响与父元素同级的元素

2.与浮动元素同级的非浮动元素( 内联元素) 会跟随其后

3.若非第一个元素浮动, 则该元素之前的元素也需要浮动, 否则会影响页面显示的结构。

清除浮动的方式:

1.父级div 定义height

2.最后一个浮动元素后加空div 标签并添加样式clear:both

3.包含浮动元素的父标签添加样式overflow 为hidden 或auto

4.父级div 定义zoom

5.伪对象clear 或者display:table + clear

第五天

2f2979c81904b2ec74c3ffa6116dfb89.png

第一题

使用CSS3实现一个3D立方体轮播图

 Document
A
B
C
D
E
F

第二题

使用JS实现一个获取浏览器URL中指定参数值的方法

0441c8818b2a36c45de7d96002c2e9ce.png

第三题

从级联数据中,写一个通用公式,获取最低层级的路径

36f090e3bc362d2f460a7f01946548fc.png

原文链接:https://mp.weixin.qq.com/s/laFHVohGQrx2klh8zZP5Dw
作者:趣谈前端

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值