发表于   |   分类于   |   阅读次数

优雅实现垂直水平居中的3种方法

  1. 方法一

    使用绝对定位，并设置left,right,top,bottom为0，margin:auto
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    html,body {
    	width: 100%;
    	height: 100%;
    	margin: 0;
    }
    body {
    	position: relative;
    }
    .div {
    	background-color: green;
    	width: 400px;
    	height: 400px;
    	position: absolute;
    	left: 0;
    	right: 0;
    	top: 0;
    	bottom: 0;
    	margin: auto;
    }
阅读全文 »

发表于   |   分类于   |   阅读次数

Hexo介绍

Hexo是使用Node.js实现的快速、间接且高效的博客框架。
Hexo的特点

  • 超快速度：Node.js 所带来的超快生成速度，让上百个页面在几秒内瞬间完成渲染。
  • 支持MarkDown：Hexo 支持 GitHub Flavored Markdown 的所有功能，甚至可以整合 Octopress 的大多数插件。
  • 一键部署：只需一条指令即可部署到 GitHub Pages, Heroku 或其他网站。
  • 丰富插件：Hexo 拥有强大的插件系统，安装插件可以让 Hexo 支持 Jade, CoffeeScript。
    Hexo的官网：Hexo
阅读全文 »

发表于   |   分类于   |   阅读次数

reqeustAnimationFrame(RAF)

来自：MDN

概述

window.requestAnimationFrame()这个方法是用来在页面重绘之前，通知浏览器调用一个指定的函数，以满足开发者操作动画的需求。这个方法接受一个函数为参，该函数会在重绘前调用。

注意: 如果想得到连贯的逐帧动画，函数中必须重新调用 requestAnimationFrame()。

如果你想做逐帧动画的时候，你应该用这个方法。这就要求你的动画函数执行会先于浏览器重绘动作。通常来说，被调用的频率是每秒60次，但是一般会遵循W3C标准规定的频率。如果是后台标签页面，重绘频率则会大大降低。

回调函数只会被传入一个DOMHighResTimeStamp参数，这个参数指示当前被 requestAnimationFrame 序列化的函数队列被触发的时间。因为很多个函数在这一帧被执行，所以每个函数都将被传入一个相同的时间戳，尽管经过了之前很多的计算工作。这个数值是一个小数，单位毫秒，精确度在 10 µs。

阅读全文 »

发表于   |   分类于   |   阅读次数

MVC-ViewBag

一个控制器可以使用ViewBag对象来将数据或对象传递到视图模板中。ViewBag是一个动态对象，它提供了一种便利的，后期绑定的方法来将信息从控制器传递到视图中。你可以为它添加任何属性并赋上属性值。在未赋值之前该属性是不生效的，直到你赋值为止。例如： 

1
2
3
4
5
6
public ActionResult Welcome(string name, int numTimes = 1)
        {
            ViewBag.Message = "Hello " + name;
            ViewBag.NumTimes = numTimes;
            return View();
        }

ViewBag对象中已经包含了数据，它将被自动传递给视图。

阅读全文 »