前端学习笔记

1. 双循环遍历 2. 使用includes/indexOf方法检测 3. set set是一个无序的、没有重复值的数据集合，按照严格等于的方式进行去重 **NaN不自等，但是这里在set中仍然认为是

1. 循环遍历 2. 先排序，后直接取值 3. Math.max/min方法 4. 数组的reduce方法

任务 实现以下效果： 思路 如同前面的案例 制作正方体 所示，首先需要通过定位技术将两个图片加上边框后进行叠加，使得小狗覆盖在小猫上。然后通过3D变换和过渡实现效果。 代码

任务 实现以下效果演示： 思路 首先准备图片资源，如下 然后，由效果图可知，悬停一个图标上时，背景图标旋转360°，前景图标放大一定倍数。 因此，用li标签来当作容器时，悬停在一个li上产生上述效果，

思路 利用border属性，可以得到三角形形状。一个五角星可以由三个三角形拼接而来，这样就需要由三个元素来制作三个三角形，此时::before和::after伪元素可以代替两个真实元素来制作三角形，代

任务 至少两种方式完成“彩虹效果” 彩虹颜色没有要求，可以自定义 效果图 思路 1、第一种方法 每条彩虹颜色可以使用边框来完成，然后使其变为圆角，增加一个父盒子，其高度通过overflow:hidde

制作一个正方体，当鼠标悬停在正方体上时，正方体旋转。主要利用css中2D与3D变形和css过渡动画相关知识制作。

任务 当用户输入一个三位数n，判断这个数字n是不是水仙花数。 思路 当用户输入一个3位数后，需要将这个数字进行拆位，那么如何进行拆位呢？ 1、数学方法 百位：n/100在取整; 十位：n/10在取整，

一、登录iconfont官网，选择合适的图标，添加到购物车 在浏览器输入iconfont官网https://www.iconfont.cn/，并选择一种方式登录 图标可以通过搜索获取，也可以在图标库中

一、开始 简单了解工作的开发流程 当然还有运维、测试、以及后台工程师，但是与我们前端工程师来说密切相关的还是产品经理和设计师，他们会提供原型图和设计图，让前端工程师1:1来开发实现。 作为一名前端开发