07-仿青柠起始页（Html+Css+Js+Vue）教程

🌐

浏览器功能和网站首页重要性

00:00 - 06:06

这个视频介绍了浏览器的功能和网站首页的重要性，以及如何自己制作一个个性化的网站首页。演示中展示了基本功能和背景效果的实现方法。同时提到了鼠标悬停和点击搜索框后的整体变化。

📚

创建网页教程和背景处理

06:06 - 12:03

本章节是一个关于创建网页的教程，包括创建文件和文件夹、引入脚本和字体文件、处理跨域问题等。同时介绍了背景、时间和搜索框的创建方法，最后讲解了加载背景时的处理方法。

💻

编写搜索模块和样式设置

12:03 - 18:25

这个视频章节介绍了如何编写搜索模块，包括设置搜索框的样式、默认文本和位置，以及聚焦时调用对应的方法。同时还提到了要处理图标的悬浮和点击周围取消聚焦的盒子，以及铺满全屏并设置背景透明。

🎵

聚焦和取消事件优化

18:25 - 24:34

本章节主要完成了聚焦事件和取消事件的优化，给搜索图标添加了点击事件实现点击跳转，给小图标设置了透明度和固定位置，大小为35x35。同时，在搜索联想中使用了JSONP请求，并通过一个函数接收返回结果。修复了一个小bug，完成了联想框样式的动态修改