第一天
1.用css实现单行文本溢出省略以及多行文本溢出省略
![7621e6147ed2d04d7363413be083a948.png](https://i-blog.csdnimg.cn/blog_migrate/c86e0fa19d5d5673ded3547cdd7456a1.jpeg)
2.用css实现一个音乐抖动条
css实现扇形可以用伪类矩形旋转一个角度,来遮挡父容器的圆形,父容器溢出隐藏
![ed36f6bff3870f84c200ea3500c3cdd4.png](https://i-blog.csdnimg.cn/blog_migrate/1b3b012b7bb178eb98eedb9913e50e6d.jpeg)
![b0c616a8aaa7c70cb8d1608889daac4f.png](https://i-blog.csdnimg.cn/blog_migrate/dde2fde0cf7e9fc095359cba41a8e869.jpeg)
第二天
1. 写出3种js数组去重的方法,并求出效率最高的一种(10万条数据下的测试结果)
![f52af309600e5ec8e319c668ad27ba92.png](https://i-blog.csdnimg.cn/blog_migrate/4ef2b2c7657fd237b7b99bf1bcb913bd.jpeg)
2.用css实现单行文本溢出省略以及多行文本溢出省略
![2a970b45c7d256f4d3aed00bde6fda62.png](https://i-blog.csdnimg.cn/blog_migrate/74c8abd02f9e785421b0232a8ac27843.jpeg)
![6df7e9659928f87d6916f322f2715243.png](https://i-blog.csdnimg.cn/blog_migrate/0ad99768150cf6b9b1fcee14067bc667.jpeg)
第三天
![912c62bfe32b552aadc316968b6711af.png](https://i-blog.csdnimg.cn/blog_migrate/8e20ed28984953a59fb456cdab267628.jpeg)
![8acd39a2156c44c74b8b5cdb1e4648b7.png](https://i-blog.csdnimg.cn/blog_migrate/5098c4e3ebf7dcc2955436eeb24c3f9a.jpeg)
![d9e496e9ca9d612d8ff87a1ccfd95292.png](https://i-blog.csdnimg.cn/blog_migrate/7e54a389467df6c24512605b1f3b7520.jpeg)
第四天
1. js实现数组中的最大差值
![b7882e0a29b91844fcd03b5fa59520d3.png](https://i-blog.csdnimg.cn/blog_migrate/974addfb724ba504615a35ef9b97ee54.jpeg)
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](https://i-blog.csdnimg.cn/blog_migrate/fe0b9811048130160efc1e2a8f58ee47.jpeg)
第一题
使用CSS3实现一个3D立方体轮播图
Document
A
B
C
D
E
F
第二题
使用JS实现一个获取浏览器URL中指定参数值的方法
![0441c8818b2a36c45de7d96002c2e9ce.png](https://i-blog.csdnimg.cn/blog_migrate/8676461909d4fccd0ffef59bddbad966.jpeg)
第三题
从级联数据中,写一个通用公式,获取最低层级的路径
![36f090e3bc362d2f460a7f01946548fc.png](https://i-blog.csdnimg.cn/blog_migrate/188d9141e250272b61ab074f9b138acd.jpeg)
原文链接:https://mp.weixin.qq.com/s/laFHVohGQrx2klh8zZP5Dw
作者:趣谈前端