js 代码

var typingbefore = document.getElementById("typetitle").innerText;//获取标题内容
document.getElementById('typetitle').innerText = "";//将标题内容赋值为空
var i = 0;
function typetitle(){
    var typingafter = document.getElementById('typetitle');//获取标题元素
    if(i <= typingbefore.length){
        typingafter.innerHTML = typingbefore.slice(0,i++)+'|';//将标题内容通过slice()方法返回
        setTimeout('typetitle()',100);//每100毫秒执行一次
    }else{
        typingafter.innerHTML = typingbefore;//当标题内容全部返回后，去掉最后的‘|’
    }
}
typetitle();

阅读全文

浏览器内核就是浏览器所采用的渲染引擎，渲染引擎决定了浏览器如何显示网页的内容以及页面的格式信息。

阅读全文

HTML面试题

1.XHTML和HTML有什么区别

• HTML是一种基本的WEB网页设计语言，XHTML是一个基于XML的置标语言
  最主要的不同：

• XHTML 元素必须被正确地嵌套。

• XHTML 元素必须被关闭。

• 标签名必须用小写字母。

• XHTML 文档必须拥有根元素。

阅读全文

JS

console.log('\n %c 一个小白 %c  © 小尾巴 http://xiaowiba.com \n\n',
'color:#FFFFFB;background:#1abc9c;padding:5px 0;border-radius:.5rem 0 0 .5rem;',
'color:#FFFFFB;background:#080808;padding:5px 0;border-radius:0 .5rem .5rem 0;');

在复制页面内容后提示版权信息及为复制的内容增加版权信息。

阅读全文

html 代码

<div id="load"></div>

#load {
    background-color: #2299dd;
    height: 2px;
    width: 0px;
    position: fixed;
    left: 0px;
    top: 0px;
    z-index: 9999;
}

$(function() {
    function scroll_fn() {
        document_height = $(document).height();
        scroll_so_far = $(window).scrollTop();
        window_height = $(window).height();
        max_scroll = document_height - window_height;
        scroll_percentage = scroll_so_far / (max_scroll / 100);
        $('#load').width(scroll_percentage + '%')
    }
    $(window).scroll(function() {
        scroll_fn()
    });
    $(window).resize(function() {
        scroll_fn()
    })
});

阅读全文

html 代码

<div id="showtimes"></div>

阅读全文

下载 atom
如何安装插件：
下载插件后解压到 C:\Users\Yourname\.atom\packages 中
打开 atom
可能会提示缺少 Uncaught Error:Cannot find module 'module name'
command + R -> cmd
npm install module name
若提示 'npm' 不是内部或外部命令
需下载 node.js
每执行一条 npm 命令，重启一次 atom ，直到不再提示报错，则可正常使用已安装的插件。
参考

js 代码

jQuery( '*' ).addClass( 'fa-spin' );

阅读全文