木子昂模板演示站

InstantClick – 快速响应！让你的网站与众不同

Fri, 23 Jul 2021 20:00:44 +0800

InstantClick 是一个很小的 JavaScript 库，使用了 pushState 和 Ajax 技术，这个组合被称为 Pjax。在访问者点击一个链接之前，鼠标会悬停在链接上面，这两个事件之间通常有200ms~300ms的间隔，InstantClick 利用这个时间间隔预加载页面，这样当你点击页面的时候，其实页面已经加载到本地了，呈现当然也就会很快，大大加速你的网站响应速度。

使用示例：

...
<script src="instantclick.min.js" data-no-instant></script>
<script data-no-instant>InstantClick.init();</script>
</body>
</html>

下载地址：http://instantclick.io/

MIME类型是什么？一共包含有哪些类型？

Fri, 23 Jul 2021 19:58:04 +0800

MIME是Multipurpose Internet Mail Extensions的缩写，中文全称多用途互联网邮件扩展类型。是设定某种扩展名的文件用一种应用程序来打开的方式类型，当该扩展名文件被访问的时候，浏览器会自动使用指定应用程序来打开。

常用Mime类型有以下这些：

文件后缀	Mime类型	说明
.flv	flv/flv-flash	在线播放
.html或.htm	text/html	超文本标记语言文本
.rtf	application/rtf	RTF文本
.gif	image/gif	GIF图形
.jpeg或.jpg	image/jpeg	JPEG图形
.au	audio/basic	au声音文件
.mid或.midi	audio/midi或audio/x-midi	MIDI音乐文件
.ra或.ram或.rm	audio/x-pn-realaudio	RealAudio音乐文件
.mpg或.mpeg或.mp3	video/mpeg	MPEG文件
.avi	video/x-msvideo	AVI文件
.gz	application/x-gzip	GZIP文件
.tar	application/x-tar	TAR文件
.exe	application/octet-stream	下载文件类型
.rmvb	video/vnd.rn-realvideo	在线播放
.txt	text/plain	普通文本
.mrp	application/octet-stream	MRP文件（国内普遍的手机）
.ipa	application/iphone-package-archive	IPA文件(IPHONE)
.deb	application/x-debian-package-archive	DED文件(IPHONE)
.apk	application/vnd.android.package-archive	APK文件(安卓系统)
.cab	application/vnd.cab-com-archive	CAB文件(Windows Mobile)
.xap	application/x-silverlight-app	XAP文件(Windows Phone 7)
.sis	application/vnd.symbian.install-archive	SIS文件(symbian平台)
.jar	application/java-archive	JAR文件(JAVA平台手机通用格式)
.jad	text/vnd.sun.j2me.app-descriptor	JAD文件(JAVA平台手机通用格式)
.sisx	application/vnd.symbian.epoc/x-sisx-app	SISX文件(symbian平台)

最直观的理解javascript构造函数和普通函数的区别

Fri, 23 Jul 2021 19:54:38 +0800

区分javascript函数是构造函数还是普通函数的方法是看它们使用了哪种调用方式，无论是javascript构造函数还是javascript普通函数，它们总归是函数，它们的调用方式决定了它们是构造函数还是普通函数。

下面是一个函数的声明，它就是一个函数，但它后面的使用方式决定了它是构造函数还是普通函数：

function website(name,url){
  this.webName = name;
  this.webUrl = url;
}

构造函数

var site =new website("资源共享", "http://www.aiyuanma.org/");
site.webName; //资源共享
site.webUrl; //http://www.aiyuanma.org/

通过new操作符来调用该函数，那么这个函数就是作为构造函数来使用。也就是说任何函数都可以作为构造函数。

普通函数

website("资源共享", "http://www.aiyuanma.org/");
window.webName;//资源共享
window.webUrl; // http://www.aiyuanma.org/

这里的就是作为普通函数使用，this是指向window对象的。也就是说任何函数都可以作为普通函数。

总结：

它们两者的区别就是如此简单，使用new操作符调用的就是作为构造函数使用，其它调用方式的就是作为普通函数使用；
任何javascript函数都可以作为构造函数或普通函数使用

php代码前面的@符号有什么作用，@运算符作用说明

Fri, 23 Jul 2021 19:52:31 +0800

@符号在php代码中用于屏蔽/忽略表达式生成的错误提示信息，@运算符只对表达式有效，可以用在变量、常量、函数和 include() 中调用，但不能用在函数或类的定义之前，也不能用在条件结构（如 if 和 foreach 等）。

通俗地理解就是：使用@符号后，@符号后面的语句即使有错误，也不会进行错误提示。

如果启用了track_errors功能，则表达式生成的错误消息将保存在变量 $ php_errormsg 中，每个错误都会覆盖此变量。

代码示例：

$getSize = @filesize('../default.jpg');

filesize()函数成功成功返回文件大小的字节数，失败则返回 false 并生成一条 E_WARNING 级的错误，在 filesize() 前面使用了@符号后，则不会在页面上出现 E_WARNING 的错误提示。

IE浏览器加载rem自适应网页元素尺寸显示异常

Fri, 23 Jul 2021 19:48:01 +0800

使用rem制作等比例缩放自适应网页，在IE浏览器下会出现页面加载完成后，使用了 rem 单位的网页元素尺寸显示异常的问题。原因是给body标签的 font-size 属性定义了固定大小的默认值，解决方法是把 font-size 属性值设置为 100%，直接删除该属性。

示例：

原代码

body {	font:normal 16px/1.875em 'Arial';}

修改为

body {	font:normal 100%/1.875em 'Arial';}

如果想要给网页定义默认字体大小，又不想影响rem，在body之间添加个div，然后给这个div定义默认值

示例：

HTML代码

<html>
<head>
    ……
</head>
<body>
<div id="wrapper">
    ……
</div>
</body>
</html>

CSS代码

body {
    font-size:100%;
}
#wrapper {
    font-size:16px;
    line-height:1.875em;
}

适合旅游游记博客的简雅zblog模板主题

Fri, 23 Jul 2021 19:41:25 +0800

一款一栏三列布局、简单优雅的免费zblog主题，以图片展示为主，大幅Banner背景，图文资讯列表，整体精致美观，非常适合用于搭建个人旅游博客、游记发布类型的博客站点。

主题提供简单的后台配置功能，可以自定义SEO标题、SEO关键词以及SEO描述，采用响应式结构，兼容移动端和电脑端的主流浏览器，如IE9+、Firefox、Chrome、Safari等。

主题演示：无

zblog调用后台页面管理所有单页面的代码

Fri, 23 Jul 2021 19:40:35 +0800

出于网站开发需求，有时需要单独调用页面管理的所有单页面，zblog并没有提供直接调用的标签，所以要自己编写调用函数，根据zblog wiki的开发指南，实现调用所有单页面的zblog代码如下：

PHP

function qiteen_getPages(){
    global $zbp;
    $pages = '';
    $arrayPage = $zbp->GetPostList('*', array('=', 'log_Type', '1'), null, null, null);
    foreach ($arrayPage as $page){        
        $pages .= '<li><a href="'.$page->Url.'" title="'.$page->Title.'">'.$page->Title.'</a></li>';
    }
    return $pages;}

在要调用的地方，如footer.php，添加代码：

PHP

{qiteen_getPages()}

zblog调用相同分类的上一篇下一篇文章代码

Fri, 23 Jul 2021 19:39:51 +0800

zblog文章内容页的上一篇、下一篇文章是根据文章的发布时间调用的，为了提高页面内容的关联性，以及zblog seo优化的考虑，通常会选择调用相同分类里的上一篇下一篇文章，遗憾的是zblog没有提供对应的标签代码，需要另外编写代码实现。

下面代码是提取zblog插件TcClassPost，该插件实现的功能便是调用相同分类里的上一篇、下一篇文章。

把代码放在主题的include.php文件：

PHP

function qiteen_Post_Prev(&$getthis) {
    global $zbp;
    $prev=$getthis;
    $articles = $zbp->GetPostList(
        array('*'),
        array(array('=', 'log_Type', 0), array('=', 'log_CateID', $prev->Category->ID),array('=', 'log_Status', 0), array('<', 'log_PostTime', $prev->PostTime)),
        array('log_PostTime' => 'DESC'),
        array(1),
        null
    );
    if (count($articles) == 1) {
        return $articles[0];
    } else {
        return null;
    }}
 function qiteen_Post_Next(&$getthis) {
    global $zbp;
    $prev=$getthis;
    $articles = $zbp->GetPostList(
        array('*'),
        array(array('=', 'log_Type', 0), array('=', 'log_CateID', $prev->Category->ID),array('=', 'log_Status', 0), array('>', 'log_PostTime', $prev->PostTime)),
        array('log_PostTime' => 'ASC'),
        array(1),
        null
    );
    if (count($articles) == 1) {
        return $articles[0];
    } else {
        return null;
    }}

在include.php文件中找到ActivePlugin_开头的函数，在该函数中添加以下代码：

PHP

Add_Filter_Plugin('Filter_Plugin_Post_Prev', 'qiteen_Post_Prev');Add_Filter_Plugin('Filter_Plugin_Post_Next', 'qiteen_Post_Next');

如果主题原来没有调用上一篇、下一篇文章的代码，还需要在post-single.php（如果没有这个文件，可以尝试添加在single.php）文件添加代码：

PHP

{if $article.Prev}<p>上一篇：<a href="{$article.Prev.Url}" title="{$article.Prev.Title}">{$article.Prev.Title}</a></p>{/if}{if $article.Next}<p>下一篇： <a href="{$article.Next.Url}" title="{$article.Next.Title}">{$article.Next.Title}</a></p>{/if}

保存即可。

zblog首页列表如何排除指定分类文章代码

Fri, 23 Jul 2021 19:38:29 +0800

zblog首页列表默认按文章发布的先后时间显示全站文章，如果不想在首页文章循环列表中显示某个分类的文章，则需要通过代码或者插件修改，下面是实现zblog首页文章列表排除指定分类的文章的代码教程。

1、在主题include.php文件添加以下函数代码：

PHP

function qiteen_exclude_category(&$type,&$page,&$category,&$author,&$datetime,&$tag,&$w,&$pagebar){
    global $zbp;    
    if($type == 'index'){
        $w[]=array('<>','log_CateID',1);
        //以下是为了重建分页，过滤了分类，数量会发生变化
        $pagebar = new Pagebar($zbp->option['ZC_INDEX_REGEX']);
        $pagebar->PageCount = $zbp->displaycount;
        $pagebar->PageNow = $page;
        $pagebar->PageBarCount = $zbp->pagebarcount;
    }    }

代码array('<>','log_CateID',1)中的数字1是要排除的分类ID

2、在主题include.php文件的ActivePlugin_xxx()函数中添加以下代码：

PHP

Add_Filter_Plugin('Filter_Plugin_ViewList_Core','exclude_category');

保存后，在后台首页更新缓存即可生效。

方法解析：

通过函数过滤指定分类，重建分页后，挂接Filter_Plugin_ViewList_Core接口。

接口位置：zb_system/function/c_system_event.php，有兴趣可自行研究。

代码转自博客吧

zblog前台单独调用置顶文章列表的代码

Fri, 23 Jul 2021 19:37:53 +0800

zblog编辑设置了文章置顶后，默认只显示在首页、分类或全局文章列表的顶部，那么要如何才能单独调用zblog置顶文章？使用GetList()函数就能轻易实现zblog置顶文章的调用。

把下面的代码添加到要显示的位置（如主题index.php文件）：

PHP

{$sticky = GetList(10, null, null, null, null, null, array('only_ontop'  => true))}<ul>
    {foreach $sticky as $top}
    <li>
        <a href="{$top.Url}" title="{$top.Title}">
            {$top.Title}
        </a>
    </li>
    {/foreach}</ul>

GetList()函数中的10是要显示的文章数量。

保存文件后，在后台首页更新缓存即可。