老瑜实验室

WebFont 字体格式及几种在线格式转换工具介绍

这两天在鼓捣 webfont，那是一个折腾啊，终于算是把 webfont 搞明白了；

在线字体格式转换工具介绍

TrueType (.ttf)

Windows 和 Mac 系统最常用的字体格式，其最大的特点就是它是由一种数学模式来进行定义的基于轮廓技术的字体，这使得它们比基于矢量的字体更容易处理，保证了屏幕与打印输出的一致性。同时，这类字体和矢量字体一样可以随意缩放、旋转而不必担心会出现锯齿。

••••••

Linux重启和关闭系统命令

重启命令：

reboot

shutdown -r now 立刻重启(root用户使用)

shutdown -r 10 过10分钟自动重启(root用户使用)

shutdown -r 20:35 在时间为20:35时候重启(root用户使用)

关机命令：

halt 立刻关机

poweroff 立刻关机

shutdown -h now 立刻关机(root用户使用)

shutdown -h 10 10分钟后自动关机

Nginx 配置 favicon.ico

把以下配置放到 server {} 块

location ~ ^/favicon.ico$
{
    root /var/www/nginx-default;
}

Linux Vi 删除全部内容，删除某行到结尾，删除某段内容的方法

打开文件

vi filename

转到文件结尾

或转到第9行

9G

删除所有内容(先用G转到文件尾) ，使用：

:1,.d

或者删除第9行到第200行的内容(先用200G转到第200行) ，使用

:9,.d

删除说明：这是在vi中，“.”当前行，“1,.”表示从第一行到当前行，“d”删除

p 标签包含块级元素？

标签的语义都是见仁见智，只要不是特别反人类，细微的理解差异，是可以接受的。像锚点标记（链接）<a> (anchor) 以前通常被当作内联元素，现代网页越来越多地采用了块状可点击区域的设计，HTML 5 里就允许 <a> 作为块级元素来用。

一般来说，HTML 标签分为内联元素（a span strong em sup sub code）和块级元素，对于包含问题，只有一条颠扑不破的真理——内敛元素里面不能放块级元素。

p 是一个块级元素，所以它放内联元素 input （除了 form fieldset legend 以外，表单相关的元素都是内联的）是完全没有问题的。

大部分块级元素都能包含其他块级元素，但一些用于排版的，有明确语义的块级元素（h1 ~ h6 address dt dd 等），一般不再放置其他块级元素（因为真的需要那么复杂的排版时，还不如自己造一个 div ，并且通过 className 来让语义更明确）。

其中 p 尤为特殊，基本上完全容不得其他块级元素。因为作为一个“段落”，通常是连续性文字的集合，如果放了块级元素进去，明显就已经把文字拆成两段了。事实上，在几乎所有浏览器里，

<p><div></div></p>

都会被处理成

<p></p><div></div>

在 HTML 4, HTML 5 里， p 和 li 都可以自闭合，也就是说，不一定要加上结束标签。所以浏览器的这种处理，也是有道理的。

Js 按钮倒计时

案例一

function countDown(obj,second){
    // 如果秒数还是大于0，则表示倒计时还没结束
    if(second>=0){
          // 获取默认按钮上的文字
        if(typeof buttonDefaultValue === 'undefined' ){
            buttonDefaultValue =  obj.defaultValue;
        }
        // 按钮置为不可点击状态
        obj.disabled = true;
        // 按钮里的内容呈现倒计时状态
        obj.value = buttonDefaultValue+'('+second+')';
        // 时间减一
        second--;
        // 一秒后重复执行
        setTimeout(function(){countDown(obj,second);},1000);
    // 否则，按钮重置为初始状态
    }else{
        // 按钮置未可点击状态
        obj.disabled = false;
        // 按钮里的内容恢复初始状态
        obj.value = buttonDefaultValue;
    }
}

<input onclick="countDown(this,30);" type="button" value="发送短信" />

案例二

var secs = 10;
function countDown(ele){
    if(secs == 0){
        ele.removeAttribute("disabled");
        ele.innerHTML="重新获取验证码";
        secs = 10;
    }else{
        ele.setAttribute("disabled", true);
        ele.innerHTML="重新发送(" + secs + ")";
        secs--;
        setTimeout(function(){
            countDown(ele);
        },1000)
    }
}

<button type="button" id="btn3" onClick="countDown(btn3)" class="btn btn-primary">立即注册</button>

Js 判断 div 是否为空

$("#main").each(function(){
    var t = $(this).html();
    t = t.replace(/[\r\n]/g,"").replace(/[ ]/g,"");
    if(t == ''){
        // 如果为空
    }else{
        // 如果不为空
    }
});

或

String.prototype.isEmpty = function () {
  var s1 = this.replace(/[\r\n]/g, '').replace(/[ ]/g, ''),
      s2 = (s1 == '') ? true : false;
  return s2;
};

$('.list').html().isEmpty();