第一个任务!制作关于页面

2020-01-03

今天是第二天去新单位上班,人刚走到路口,公交车就走了。等到下一班车已经是 8:15,不知道会不会迟到,结果骑车到公司后还有五分钟才到九点。

昨天折腾了一下午的环境配置问题,结果今早我就误打误撞给弄好了,貌似是因为服务器没有设置为“在线”导致的。我注意到 Wamp 右下角图标的提示文字显示“服务器离线”,而它的菜单最底下恰巧有一个选项可以将其转为“在线”。

配置好环境之后,大佬给我了个测试账号,让我登进去熟悉了下后台管理系统的功能。待我看的差不多之后他分了一个新任务给我,让我完善一下公司网站的关于页面,把文字重新排版,加上插图什么的。

上午主要把 HTML 结构和 CSS 写好,下午则是增加 JS 代码,使用 JQuery 完成左侧 Tab 页的切换功能。由于曾经在 300 英雄站那个项目里做过类似功能,我看了下 JQuery 的文档很快就成功上手了。

原本是采用遍历的方式,将所有子元素的类名全部修改一遍使其隐藏,然后单独给需要显示的元素添加类名。而我后面把它改成了双索引记录的方式,即每次点击显示对应子元素的时候,都会对上次点击的元素进行隐藏。相对于遍历,我觉得这样性能更好,并且这样写的实际操作效果也是一样的。

就是由于在页面设计方面没有绝对的要求,所以我在内容和布局上折腾了很久。其中在关于公司的 Tab 页里就有张图片始终敲定不下来,再一个是有部分细节感觉还是不够好看,得再改改。

晚上开共享车回到家吃好晚饭,我和我爸开始组装一个一米八的架子,这是我之前在某宝买的。我房间的空间比较有限,而且能收纳的地方也少,就打算搞个这个多摆点东西。组装好后,那个平时堆满东西几乎"不能用"的书桌空出了很多地方,可以放那台三星笔记本了。不过这台电脑目前还是比较闲的,基本没用它来干什么活。

到了凌晨时刻,我准备冲凉的时候发现热水没了,想起老妈提到快没煤气,但是也没啥办法,一鼓作气的冲了个冷水澡。今天室外 17°C,还是能接受的...

01.03-我的卡位.jpg 01.03-开共享车回家.jpg
未知 一般
概览页 时间轴
奇趣音乐盒 技术源于 Kico Player
Emmm,这里是歌词君