08月
21

发表于 • 字数统计 784 • 被 人看爆

简单来说就是告诉我们的浏览器采用什么方式渲染页面。

具体些：

DOCTYPE是document type(文档类型的）的简写，它必须放每个XHTML页面在所有的标识文档和代码之上。它是用来说明你的XHTML或HTML是什么版本。需要注意一下的是： 在HTML 5 中，DOCTYPE 是不区分大小写；不过对于XHTML、Polyglot HTML，DOCTYPE 这几个字母需要大写。如果怕和我一样容易忘记的话，就都默认大写就好啦。

其中浏览器的渲染模式主要是有三种：Quirks Mode（混杂模式、怪异模式、兼容模式。因为翻译不同的原因）、Standards Mode（标准模式、严格模式）、Almost Standards Mode（几乎标准模式）。

而浏览器之所以可以识别我们页面想要的版本就是DTD的存在（文档类型定义，浏览器会根据里面所规定的文档规则来读取你的标识的）。

阅读全文 »

08月
21

发表于 • 字数统计 484 • 被 人看爆

使用方法：

1.首先加载插件，需要用到的文件有swiper.min.js和swiper.min.css文件。可下载Swiper文件或使用CDN。

<!DOCTYPE html>
<html>
<head>
    ...
    <link rel="stylesheet" href="path/to/swiper.min.css">//引入下载的css文件
</head>
<body>
    ...
    <script src="path/to/swiper.min.js"></script>//引入下载的js文件
</body>
</html>
阅读全文 »
08月
20

发表于 • 字数统计 106 • 被 人看爆 
var Cookie-function = {
    setCookie: function(name, value) {
        //写cookies 
        var d = new Date();
        d.setTime(d.getTime() + (7 * 24s * 60 * 60 * 1000));
        var expires = "expires=" + d.toUTCString();
        document.cookie = name + "=" + value + "; " + expires;
    },
    getCookie: function(cname) {
        //读取cookies 
        var name = cname + "=";
        var ca = document.cookie.split(';');
        for (var i = 0; i < ca.length; i++) {
             var c = ca[i];
             while (c.charAt(0) == ' ') c = c.substring(1);
             if (c.indexOf(name) != -1) return c.substring(name.length, c.length);
         }
        return "";
    },
    delCookie: function(name) {
         //删除cookies 
         f.setCookie(name, "", -1);
    },
}
阅读全文 »
08月
20

发表于 • 字数统计 275 • 被 人看爆 
//公共方法
function getCookie(cname) {
    //读取cookies 
    var name = cname + "=";
    var ca = document.cookie.split(';');
    for (var i = 0; i < ca.length; i++) {
            var c = ca[i];
            while (c.charAt(0) == ' ') c = c.substring(1);
            if (c.indexOf(name) != -1) return c.substring(name.length, c.length);
         }
         return "";
    }

//name就是你想要拿的cookie的name;并将得到的cookie值赋给bbb
var bbb = getCookie('name');
阅读全文 »