关于我的个人站-前端篇

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

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

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

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

HTML5

SCSS

Jquery

前端页面用到的jquery插件为

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

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

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

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

触摸滑动

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

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

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

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