前端-从最简单的两栏布局开始

相信很多人接触前端做的第一个可以称为工程的东西就是叫做我的博客的一个博客页面的东西。毕竟博客页面对于一个新手来说是最适合练习布局的一个工程了。

同样,我的前端出发点也是一个博客页面,不过年代久远做得太丑就不好意思拿出来献丑。当时并没有布局的概念,觉得什么需要就往网页上写,结果布局乱七八糟实在不忍直视。今天要说的是两栏布局。从两栏布局里我们能够学到基本的DIV+CSS布局方法,纵向的DIV如何变为横向排布,这其中包括了float的一些用法;以及前端开发中对于布局的一些基本注意事项。

阅读更多
我对前端的一些体会和理解

第一次接触前端是在2014年的7月。我的理解是第一次真正敲击了HTML,CSS代码。我的第一个页面是一个个人博客页面。那个时候的代码东拼西凑,由于对HTML标签都不太熟悉,每写一句话都可谓是“胆战心惊”。那个时候的CSS也只会最简单的一些color,width,height等等,最多再来些margin。而且也只会内联样式。这个时候对于布局也只是一知半解。后来的将近10个月的时间对前端就没再有过多的接触。

直到今年5月下旬的时候,由于个人原因,决定了以后要做的东西是前端。所以重新拾起了前端的东西。万事开头难。虽然前端的学习曲线对于初学者来说前期是个甜蜜期,但是对于我来说将近10个月没再进行前端学习的人,前期也是有它的难度的。

阅读更多
网站更新日志-7

说在前头

这个主题原本是Moyu的EverBox,后来经过修改,二次开发后我将其命名为Mofinn,并会一直更新。
Mofinn的Github地址在这里
目前已经更新至v1.0PROA8

阅读更多
网站更新日志-6

##说在前头
这个主题原本是Moyu的EverBox,后来经过修改,二次开发后我将其命名为Mofinn,并会一直更新。
Mofinn的Github地址在这里
目前已经更新至v1.0PROA7


6.20更新日志

PS:最近比较忙,本来打算A7版本更新的时候不止是加入分享代码。不过最近事情多暂时先这样。

##更新日志
文章页添加了百度分享代码。重新设定了主题一下使得文章列表的文章标题上能显示分类标签。

###更新效果

  • 在文章页左侧能看到一个分享的按钮。分享列表已经经过筛选。
  • 文章列表页的文章标题上现在能显示出分类标签了。之前显示不出来是设定出了问题。

###不足以及有待改进之处

手机端的导航菜单经过分析已经暂时放弃更改。自从能显示出分类标签后,手机端具体分类目前可以靠标签来查看。PROA系列的更新将会止步于网站首页的完成。因为目前首页只是拿了WODRPRESS的一个页面来充当的。


网站更新日志-5

##说在前头
这个主题原本是Moyu的EverBox,后来经过修改,二次开发后我将其命名为Mofinn,并会一直更新。
Mofinn的Github地址在这里
目前已经更新至v1.0PROA6


6.18更新日志

##更新说明
更新了日历;增加了回复评论能够E-mail通知评论者的功能。

###更新效果

  • 日历下方左右各更新一个按钮,用于查看上一个/下一个有文章更新的月份。
  • 稍微修改了日历头部的颜色显示效果。现在鼠标滑动日历头部将能看到颜色变化的效果。
  • 增加了回复评论能够E-mail通知评论者的功能。目前功能还算完善。一个评论下最多能重叠4层回复。

###不足以及有待改进之处

首先仍然是手机端的导航菜单栏的问题还没有解决。其次考虑将E-mail回复评论者的功能的代码单独做成一个PHP,然后在Functions里调用它就行,让Functions里保持代码一致性。


以上是主题文件更新
以下是非主题文件更新

将WP-SUPER-CACHE插件删去。删去插件后发现并没有影响网站的访问速度。原因是今天在刷新wscache的时候出错,让网站白屏了。让我困惑不已。进后台将其删去后一切正常。至此考虑将不会再装回。


网站更新日志-4

##说在前头
这个主题原本是Moyu的EverBox,后来经过修改,二次开发后我将其命名为Mofinn,并会一直更新。
Mofinn的Github地址在这里
目前已经更新至v1.0PROA5


6.16更新日志

##更新说明
更新了文章列表文章标题显示的一个特效。提高交互性。

####更新效果

  • 鼠标接近文章标题的时候能够触发特效,能够看到标题缓慢滑出以及标题颜色变色的效果。

####不足以及有待改进之处
手机端的导航菜单栏的问题还没有解决。目前发现结构还有点复杂,所以先更新了文章标题的显示效果。在Mofinn的PROA系列中是一定会将手机端导航菜单栏问题解决的。


网站更新日志-3

##说在前头
这个主题原本是Moyu的EverBox,后来经过修改,二次开发后我将其命名为Mofinn,并会一直更新。
Mofinn的Github地址在这里


6.13更新日志

##更新说明
修复了上次更新遗留的问题。更新了手机端的导航菜单栏的显示效果。修改了侧边栏的一个插件,将最新更新热门文章位置对调。

###更新效果

  • 在手机端浏览的时候菜单栏将能够选择收起,并且将子菜单省去只留下母菜单。(这样做是为了防止子菜单过多而导致溢出页面。)
  • 修改后的手机端的菜单栏更加适合阅读,而不像之前的菜单栏会占满整个屏幕。
  • 最新更新热门文章位置对调

###不足以及有待改进之处
手机端的导航栏目前修改为只显示母菜单,虽然解决了手机端屏幕小阅读量有限的问题,但是如果没有子菜单毕竟还是有所欠缺。所以下一次更新应该会解决手机端子菜单栏如何显示的问题,做到最舒服。

目前来说的更新大部分都是对于导航栏的修改,这也是因为导航栏是网站的门面。导航栏的修整近期应该能够结束。而全站Ajax的计划正在进行,下一个大版本更新将会着重于Ajax的实现以及全站背景音乐播放的实现。