分类 技术开发 下的文章

我的随手记记账管理思路

suishou.jpg

我的理财记账习惯大概是从工作后才开始养成的,最早应该是在2011年。​其实从某种层面讲那时也算不上理财,最多就是记录支出流水;当然这也是我记账开始时的主要目的,想明确知道资金的收入和支出情况。

刚开始使用的工具非常简单,就是利用Excel简单标明支出日期、项目以及费用;之后尝试过金蝶开发的PC版家财通,不过那时候移动应用还没有现在这么普及,所以有时候记账不及时,导致很多遗漏和数据管理上的不便。

12年之后就基本只用移动端理财记账;期间手机也换了几个,也尝试过各类APP,比如挖财、随手记、MoneyWiz、MOZE、MoneyPro。不过用来用去都觉得不尽如人意;我记账侧重考虑界面UI、交互、流水、详细的数据报表、导入导出以及完善的资产配置功能,预算功能因为我的支出和收入都相对固定,目前暂时没有很深的体会。经过筛选,最后只选择了随手记。

- 阅读完整内容 -

使用Animate.css实现页面动画效果

animate.jpg

很多网站产品页面都有一个动态效果,当页面向下滚动的时候,页面中的各个元素会加载一些细微的动画。这样做可以让页面载入看起来更具有视觉冲击,并且更好的将用户的视觉焦点引导至页面对应的位置。想要实现这类效果需要利用CSS3中提供的animation属性,让页面元素发生位移变化。当然相对于自己写,有一种更简便的办法,利用现成的样式文件类库就可以轻松实现,并且美观高效;

因为觉得有必要将内容详细整理一下,就将文章内容分成了两篇,分别介绍Animate和wow的使用;这一篇先来整理Animate。

Animate.css是一款利用CSS3中animation创建的,为动画而生的样式库;其中内置了几十种动画效果。通过调用Animate可以非常简单快速的创建页面动画。

- 阅读完整内容 -

Typecho常用的判断语法

最近在使用Maupassant主题的时候,偶然发现了一个小的样式Bug,主要就是页面头部导航在个别页面的展示效果会出错。因为调用的头部文件都是相同的,而样式却不同,所以问题基本是出现在页面判断。打开模版头部文件header.php第44行位置。

<a class="<?php if($this->is('index')): ?>current<?php endif; ?> <?php if($this->is('post')): ?>current<?php endif; ?>" href="<?php $this->options->siteUrl(); ?>"><?php _e('博客'); ?></a>

发现这段代码中,cho大佬只判断了首页、内容页;所以其他页面,包括标签、栏目、搜索页都会出现一些样式问题。只需要加上几个对应页面的判断语句就好了。

<a class="<?php if($this->is('index')): ?>current<?php endif; ?> <?php if($this->is('post')): ?>current<?php endif; ?> <?php if($this->is('tag')): ?>current<?php endif; ?> <?php if($this->is('category')): ?>current<?php endif; ?> <?php if($this->is('archive')): ?>current<?php endif; ?>" href="<?php $this->options->siteUrl(); ?>"><?php _e('博客'); ?></a>

Typecho可以使用is语法判断很多东西,比如

$this->is('index');  //判断首页
$this->is('archive'); //判断archive
$this->is('single'); //判断为阅读页面page+post
$this->is('page'); //判断独立页面page
$this->is('post'); //判断文章页面post
$this->is('category'); //判断分类页面
$this->is('tag'); //判断标签页面
$this->is('front'); //判断文章列表页面
$this->is('attachment'); //判断附件页面

- 阅读完整内容 -