段亮个人博客3.0(小清新模板)演示站点

  • 编辑时间: 2016-08-22 20:48:51
  • 浏览量: loading...
  • 作者: 段亮

前言:今天,终于能如愿以偿的把博客进行更新改版啦!之前一直有想法把博客进行重新构建,由于种种原因,就一直拖延着。或许这也跟自己的懒惰,有一定程度的关系吧!

  好啦!废话不多说。说说今天的正题吧,以及为什么要重新对博客进行优化构建呢?

  原因如下:

    1、代码混乱,导致后期无法进行更新维护。

    2、某些功能模块用户体验差。

    3、网站风格进行微调改版。


一、对于博客代码构建

   本次构建的技术选型,是基于前端构建工具--“webpack”进行构建。为什么我会选择webpack呢?

   因为它有几个功能是我非常想要的:

     1、模块化开发

     2、强大的loader插件机制

     3、代码压缩混淆、图片转base64...

   加上webpack官方提供的开发服务器"webpack-dev-server"开发,简直就一个字“爽”!为什么会这么说?

   以前我们开发静态页面,一般是写好代码,如果想要看效果的话,还需要手动刷新浏览器才行,这样变得非常麻烦。而使用"webpack-dev-server"的话,我们只需要在保存修改后的代码,什么也不用做,webpack就能自动帮我们打包代码,同时自动刷新浏览器,让我们立马看到修改后的效果。 妈妈再也不用担心我开发的效率啦! (*^__^*) 

   auto.gif


   PS: 编译慢,可能更电脑配置以及文件大小有关系,此处只是演示。


   等等,还没完。webpack还帮我们提供了一个牛逼的技术:热加载HMR)简直是“黑”科技。

   简单点说:我们的修改后的代码不仅可以自动打包,而且浏览器不用完全刷新,只需要异步刷新,加载修改后部分代码即可,加载完成效果会马上反应在页面效果上。

   hot.gif

   此图是基于vue的热更新图,在静态页面上暂时没有实现,可能是我的姿势不对有关。不过没关系,自动刷新就已经帮我们解决了,手动刷新页面的需求啦!


二、关于此次版本更新内容

   1、增加网站站内功能 (有些细微的体验待改进)

   2、重新优化网页制作视频教程栏目用户体验。

   3、网站风格小部分改版


新的博客3.0演示地址为: 点击预览

       为了防止有人非法捣乱,后台演示地址以及账号需后续付费1元查看


博客的VIP会员能干嘛呢? 

考虑到很多朋友是真正想学习网页制作,以及想真正的做一个自己的个人网站。那么博客中的VIP会员,你可以学习:

(1)网页制作从零开始学习-->网页制作实战--&


剩余91.7%内容付费后可查看

为保证文章的高质量产出,以下内容为vip付费阅读哦!

开通VIP会员

写文章不易,如果您觉得文章对你有帮助。
打赏激励下作者吧,谢谢支持! ~(@^_^@)~!

微信打赏 微信打赏

支付宝打赏 支付宝打赏

下载说明:

  • 1、解压密码:duanliang
  • 2、如果您使用模板的过程中发现模板有错误,或者对于模板的改进有更好的意见,可以留言和联系我!
  • 3、如果大家对于web前端感兴趣,可以加入QQ群一起交流学习 群号:347240981
  • 注:此模板只提供学习使用,如发现有机构组织和个人,用户商业用途,必追究其法律责任!
表情
0 条评论 最热评论 最新评论
  • 亲,暂时没有评论哦!赶紧来留下你的脚印吧!

你也想建立一个独立博客?

你是否也想打造一个在互联网上的个人品牌,成为一个家喻户晓的人物呢?
请点击了解 怎样创建个人博客

最新推荐
loading... 数据加载中...

超低服务器价格,值得购买!