大佬轻喷—大一菜鸟开发的第一个项目自定义浏览器主页

265 阅读1分钟

我正在参加「创意开发 投稿大赛」详情请看:掘金创意开发大赛来了!

第一次写掘金博客,记录一下开发个人主页的经历。

导语

以前,我打开的浏览器主页是这样子的。

image.png 直到我认识了掘金酱,我打开的浏览器主页是这个样子的。

image.png 打开浏览器直接看到各种IT资讯立马方便了很多有木有?但是呢,这个页面还是不够个性化,因为是面向市场的,也就意味着很多程序员的主页都是这个。而我想弄一个只属于我自己的主页。

素材准备

素材.png 注:在网上找的图,没有版权,仅供个人学习

然后打开vscode,导入图片链接,用css编写好每个元素的样式。

研究了一下,终于顺利实现个人主页最重要的搜索功能了。 `

<input id="input"  type="text" placeholder="请输入搜索内容"> 
<button onclick="display()">必应搜索</button><!--调用函数-->

` 1234.png 除此之外,我实现了快捷导航,这个不难,只需要再增加几个按钮就可以了。

12345.png 从美观到内容,项目不足的地方还有很多。我这个暑假要争取掌握一个前端框架,还要熟悉一下后端开发,在此基础上实现账号登录和换皮肤功能,还要在页面上面开发小游戏。