常用的前端JavaScript方法封装常用的前端JavaScript方法封装常用的前端JavaScript方法封装常用的前端JavaScript方法封装

作为一名程序开发者，翻查文档成为了每天都必须去做的事情。然而，由于使用到的知识和工具不相同，所以几乎每次都需要重新打开官网的文档进行搜索，而且不同知识和工具的文档还需要切换浏览器标签来浏览，十分不方便。再进一步，我们工作中，所用到的一些账号、密码以及日常的一些小知识点，如果归纳…

图片轮播是种很常见的场景和功能，一般移动网站首页的轮播 banner，商品闲情页的商品图片等位置都会用到此功能 像这种常用的场景功能肯定是有人早就写好插件了的，所以遇到这种场景，一般都遵循以下三步：

1、核心代码展示2、实现效果鼠标移上去鼠标移动开3、思路展示打印出来是这样的这个就是指定标签元素4、大功告成！

「本文已参与好文召集令活动，点击查看：后端、大前端双赛道投稿，2万元奖池等你挑战！」 使用box-shadow属性表现阴影效果是现代浏览器中是一个非常有用的技巧，通过它我们可以做出很多非常酷的东西。虽

1、将遮罩层html代码与图片放在一个div 我是放在 .img_div里。 2、为图片及遮罩层添加样式 图片：relative 遮罩层：absolute 使两者样式重合。 鼠标不在图片上时，遮罩层不

按正常思路来讲，这是前端最基础的一个功能，相当于京东，淘宝头部导航栏的一个小功能。这功能可以通过js来写，而且更灵活，但本文主要讲css，所以不做延伸。

css 真博大精深，以前只记得元素的 height 等于 line-height 的时候，元素内的文本会实现垂直居中的效果

这是我参与更文挑战的第10天，活动详情查看： 更文挑战 建立仅html和css的亮暗模式切换的快速指南。文章末尾给出了完整代码 演示效果 使用css，html我们将建立一个按钮，该按钮： light-