[回顾-前端]从简陋的html到单网页再到全栈开发

发布时间 2023-10-03 20:18:36作者: supdriver0521

?点我去作业一

?点我去作业二

?点我去作业三(抱歉,还没部署到服务器里,这个只能在我自己的电脑里用)

?点我去作业四

其实这依然是个博客


粗糙的作业一

当时只学过html,css,js的快速入门,对盒子<div>的玩法还不太熟,还只会用浮动盒子float和绝对定位,结局就是写两句html就得清除浮动233,甚至<lenged>也不认识,结果手动用css给实现了。总之就挺简陋的

精致(并不)作业二

用vscode写作业二的时候,写一半发现鼠标悬停在tag时,它会给出去往MDN对应参考页的连接,然后就开始一边写一边阅读MDN,结果一发不可收拾,开始读的时间比写的时间还长。最后成功学到神器bushiflex弹性盒子模型。

但还没完,除了参阅文档,我还多次在B站首页和MC百度百科首页打开F12,查看,学习他们是如何布局盒子的,别说,学成品也挺有用的,对盒子的排版,嵌套的想法成熟多了

结合二者,照着图片做一个网页便没什么问题了。那个作业二我甚至直接弃掉了初版(已经把顶部做好了)version2基本完全采用flex盒子。比较遗憾的是,虽然每个菜单按钮都加了超链接,但是对应的网页并没有做出来(创作力有限)。但至少是个合格的花瓶,嘿嘿

速成作业三

因为作业三没部署到服务器上,只能文字描述了(悲)

作业三我选的是用vue搭建个人博客,我先是自学了几天vue,结果发现光学vue就做不了个人博客,于是在B站上找了个时长6小时的全栈开发,用js写的服务端,数据库用sqlite,前端框架是vue.

好家伙,5天爆肝项目(包括但不限于抄代码,找bug,找bug,找bug),成功把博客的基本功能写完了。除了Naive UI的代码是复制组件库里的,剩下的代码基本都是我手打的,可以说忙得不亦乐乎,而且当时我并不太懂js语法,体验可以说是相当刺激了。

回报不小,就算不能说入门吧,到时候自己加功能,照葫芦画瓢,自己写js的能力还是有了滴。而且这也是我首次接触数据库,混个脸熟,嘿嘿。而且最重要的一点,我成功增加了一个高自由度的个人博客讲真hexo的各自魔改我不太玩的懂

尾声

作业三部曲之后,我大概就不太去碰前端了,至少一周爆肝一个全栈开发项目这种疯狂的行为不会再有了,权当是一次挑战罢,一次冒险,一次对边界的探索罢。重心很明确,对前端顶多写写像这篇博客一样的感悟,技术博客主要还是在后端语言,算法,数据结构之类