学习
实践
活动
专区
工具
TVP
写文章

关于我的个人站-前端篇

也不知道是缘分还是什么,从小的时候第一次接触互联网就对网站有着浓厚的兴趣,从当初混bbs当斑竹用类似cms后台控制板块,到后来自己没事瞎玩写一写简陋的页面,就觉得写网站是一件非常牛逼非常有意思的事情。从此跟网页也算是结缘了,所以当14年大学毕业以后进入一家国企被分配到一家互联网小企业见习,当被问及想做前端还是后端的时候,我毫不犹豫的就选择了前端,因为非常喜欢这种所见即所得的感觉。

这3年的时间给公司和其他人做网站和网页也算是做了不少,不过给别人做东西还是有很大的局限性,毕竟不能自己想怎么来就怎么来,所以慢慢的有了一个个给自己做个个人站的想法。目的也很简单,不求有多少访问量,也不求有多高端,只是单纯的想把自己的一些新鲜的技术应用上去,设计也是自己看着来,想怎么搞怎么搞,哪怕是我把banner图放中间,把footer放在头部也没问题(当然我还没有那么浪)。

当然了,想法是想法,真正开始实施还是成功的拖了很久,毕竟一个中度拖延症患者是不可能说干就干的,直到16年中旬正好那段时间公司项目上线后有一段时间不忙,我就抽空开始筹划我的网站。期间也是逛了很多的个人博客站,毕竟作为一个小时候画画基本能把老师画哭的人,这的确是一道难关。到最后开始码代码的时候,设计风格还是看着来..没有具体的设计预案,很符合自己随性的风格~

整个的前端页面基本上是一边设计一边做,基本技术无非就是

HTML5

SCSS

Jquery

前端页面用到的jquery插件为

life-picture.js -----精彩生活页面 精彩旅行板块的项目展示

dataTables.js -----一款基于jQuery表格插件,也是应用在文章推荐、技术分享详情页和插件下载板块的主要构成插件,这个插

件利弊比较明显,在大数据量下可能不是很能满足需求,不过我这种小网站前期是无所谓的。

slider.js -----轮播图模块插件这个没什么好说的简单实用。不过二期的话我会对其进行改进,毕竟现在不支持在手机页面中的

触摸滑动

在第一版网站我加载了畅言评论模块,这基本上也算是现在网站平台中应用最多的第三方评论插件,对于统计分析做的很到位,算是最

最快捷的实现方法。当然以后闲的没事我也可能会自己去做这一模块当做练手,现在就当是偷个懒吧

除去这些基本上就都是手码了..从计划到设计再到施工完成基本上是花了两周的时间,主要是找一些资源比较浪费时间,不过当初做的第一版还是比较简单化的

从上图就可以看出当时还是做得比较简单,不过基本上算是完成了大体的风格。不过服务端的事情确实另一个大环节..这个环节真真儿的又让我拖了很久...

  • 发表于:
  • 原文链接http://kuaibao.qq.com/s/20180313G1O0I300?refer=cp_1026
  • 腾讯「腾讯云开发者社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 cloudcommunity@tencent.com 删除。

关注

腾讯云开发者公众号
10元无门槛代金券
洞察腾讯核心技术
剖析业界实践案例
腾讯云开发者公众号二维码

扫码关注腾讯云开发者

领取腾讯云代金券