欢迎访问响应式个人博客!
男生版
女生版
初遇时,她的微笑,她往日的深情、承诺和傻劲,两个人共度的美丽时刻,一一印在回忆里,今天的感情已经比不上从前,但是我爱着恋着往日的她,舍不得离开!
排行
详情
您当前的位置>首页 > 正文
关于段亮个人博客-3.0正式版本
2017-10-09 16:31:45   来源:   评论:0 点击:
前言:今天,终于能如愿以偿的把博客进行更新改版啦!之前一直有想法把博客进行重新构建,由于种种原因,就一直拖延着。或许这也跟自己的懒惰,有一定程度的关系吧!

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

  原因如下:

    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、网站风格小部分改版

 

三、后续版本期待

   1、继续不断的优化更新

   2、手机版网站

   3、其它版本网站 (Node版本)

 

写在最后:博客从最初建立到现在也有两年多时间了,在这两年的时间里,也经历了一些事情。也可能正是因为这些事情,一直在慢慢的影响着我,慢慢的改变我。 

 

寄语:希望自己以后不忘初心,不膨胀,好好用心来写博客,秉持利他之心来帮助那些需要帮助的人!                                  

本文出自:段亮个人博客。如需转载请注明出处!

本文出处:http://www.duanliang920.com/muban/blog/348.html

您觉得网站的模板还不错,那么可以选择打赏。
打赏多少,您高兴就行,谢谢您对段亮这小子的支持! ~(@^_^@)~ 


相关热词搜索:版本 博客 个人

上一篇:LTE版Apple Watch Series
下一篇:简单大气机械类企业网站模板

收藏