听过太多道理依然过不好这一生，上了这么多年大学依然不知道为什么要如此为难自己。 可是突然一瞬间一觉醒来，我似乎想明白了大学真正的意义：所谓的大学，不过是让你清楚的明白，离开父母离开朋友离开一切庇护你的港湾和结实的依靠，只身一人在外地的你，在这个小型社会的你，在这个鱼龙混杂之地的你，在这个无人懂无人在乎的环境的你，是否依然能坚强的拥抱自己，为自己铸造一片属于自己的清幽之地，是否有勇气面对这一切

<iframe src='/htm/canvas1.html' style='width:100%; height:500px;'></iframe> > 双击鼠标左键添加动态花瓣，(多了动态效果不好) 完整Demo地址 [Demo](/htm/canvas1.html) <!--more--> ## 关于 `canvas` [参考资料](http://www.w3school.com.c

<script> HTMLElement.prototype.findParentByTag = function(tag){ var p = this.parentElement; while(p.tagName!=tag) p = p.parentElement; return p; } HTMLElement.prototype.type = function(op){ op

# 效果一窥 - 实现了图片动态加载（滚轮操作）与图片渐现效果（css3动画） <iframe src='/htm/imgWaterFall.html' style='width:100%;height:400px;'></iframe> <!--more--> [完整Demo点击这里](/htm/imgWaterFall.html) # 怎么实现？ ## 首先，布局与结构 - HTML ``

<p class='text-center'> [Font-Awesome](http://www.thinkcmf.com/font/search.html) </p>

# 关于html标签语义化 [百度百科](http://baike.baidu.com/link?url=WuGJOFv_8m6MKYsARovHAFV-dD_cR9IIInPoAj8BTcn9mUZ1gsbPKUmgScuTJNGyjMq3vSDz8XpE1RKbGN_7Lq) 用自己的话来说，就是一个是用来给人看的（语义化，如header/footer/nav...）, 一个是给机器看的（

# 废话不多说，直接看效果 <iframe style="width:100%;height:400px;" src='/htm/图片轮播1.html'></iframe> <!-- more --> # “科学”道理？ 父元素设置`overflow:hidden;`,`width`,`height`, 子div设置`position:relative;`(还在文档流中)， 根据js动态控制其

# 介绍 大家对setInterval一定不陌生，但可能不太了解requestAnimationFrame requestAnimationFrame是HTML5新添的api，两者都能产生动画效果。 # 区别 requestAnimationFrame 参数只有一个参数，是用来循环调用的方法， setInterval 有两个参数，第一个是方法，第二个是循环调用的时间。 **但是，JavaScri

# Git是个啥？ > Git 并不像 SVN 那样有个中心服务器。 目前我们使用到的 Git 命令都是在本地执行，如果你想通过 Git 分享你的代码或者与其他开发人员合作。 你就需要将数据放到一台其他开发人员能够连接的服务器上。 这是网上的话，我也就是看看而已，谈谈我自己的认识吧。我觉得，git是一个在本地管理代码版本的东东，有分支，仓库等概念， 而github是基于git的一个远程仓库，

> 实现侧边内容的动态跳转，非锚点。 > 点击右侧的文章侧边导航栏，实现动态效果跳转。 # 怎么实现滴？ 找到hexo文件夹中你选择的主题文件夹，在我这是`themes/indigo` 进入`source/js`，修改js文件 <!-- more --> ```javascript /* * d->document; * animate->requestAnimationFrame