Mozz

Moz 主题 - Feature2.0

关于Feature1.0

1.0分支开发结束,总结了如下几点,也算为2.0分支明确方向,整体来说,还算满意,发布没几天,就收到了点赞,看来自己的审美没出毛病.关于1.0开发,还是觉得自己时间太赶了,从UI设计到页面交互设计,完全就是靠感觉,没有在动工之前,脑海中有一套系统设计的方案,属于边做边改类型的,缺少工程化的感觉.

工程化

2.0分支开发第一步需要解决的问题就是工程化,在1.0开发收尾的阶段,明显发现,在开发环境=>发版,明显很耗费时间,思路容易乱,可能是前后端分离的开发模式习惯了,忽然发现服务端渲染式的开发很蛋疼,页面中引入一堆js框架,库,还要处理一些依赖关系,容易扰乱开发的思路,当然了,也是我工程化没做好,这些问题应该是在开发之前就着手解决掉的.

关于工程化,预研了两套方案,gruntgulp,还是觉得gulp更舒服一点,plugin更丰富,当然了webpack仍然是目前我觉得最适合做前端工程化打包,gulp严格意义上来说,真的只能算构建工具,因为不能介入到代码层面,更多的是在项目的开发起始锦上添花.

es5

1.0版本完全是用es5开发的,卧槽,真的蛋疼,感觉代码脏眼睛,真的太依赖es6的很多语法特性了,用起来很顺手,所以,在Feature2.0开发当中,必须用es6进行开发,引入babel做编译,不然真能给憋死

图标包

关于图标包也是心里一个梗,实在受不了Fontawesome4.7蛋疼的体积,80多kb,我的天,不能接受,心疼我可怜的腾讯学生机小水管,所以图标的话,打算采用马爸爸家的iconfont,必须压缩体积,虽然是走CDN,但是也会有不稳的时候啊,所以还是觉得应该压缩图标包体积,走自己服务器吧

页面,交互

在1.0分支当然,最浪费时间大概就是页面和交互了.实在是力不从心,所有的美感大都来自平时看UI图积累,开局一张图,交互全靠猜,超级浪费时间,所以这次开发,一定想好全部的交互,在动手敲代码

Feature2.0

关于分支2.0的话,肯定是要把1.0分支的推倒重构的,自己不是很满意,无论是从开发的流畅程度,还是条理性上,缺少爽的感觉.主要几个改进方向

  • 页面利用率
  • 图标替代文字
  • 视觉专注
  • 黑夜模式

已有 10 条评论

  1. 泽泽 · 10月

    感觉好好,pjax好评

    1. 谢谢

      · moz 作者 · 10月
    2. 很喜欢

      · 77 · 10月
  2. 三十六 · 10月

    支持支持。

  3. 好汉 · 10月

    很漂亮

  4. 小白 · 10月

    看看

  5. clear · 10月

    动画很舒服

  6. 8023 · 10月

    或许是我见过的,最符合我个人审美与心意的主题了.已star,期待2.0版本,有意赞赏支持开发.

    希望增加:
    罗马字与方块字之间添加空白;
    体现回复层级关系(俗称盖楼);
    段落第一行缩进2个字符;
    文章列表除了标题阅读和评论,允许添加一段引言或简介;
    移动端在侧边栏点击文章后自动收回侧边栏,全屏显示文章;
    中栏archive,category,recent,comments的切换交互由"切换"变为"选择";
    搜索框移到中栏,使其在移动端显示.

  7. moz 作者 · 10月

    8023,嗯,谢谢建议,已录入2.0开发注意事项

  8. Moz自适应typecho主题-高岸姬 · 1d

    [...]下载主题 作者原文[...]