爱源码演示站

适合资讯型网站、图片展示网站以及企业产品网站的cms资讯主题

Sat, 07 Aug 2021 18:28:23 +0800

使用蓝色设计，响应式结构，适用于新闻资讯网站的zblog cms模板。设计有新闻轮播图，最新发布，小偏推荐固定内容模块，以及不限制数量的分类内容模块，每个模块拥有单独广告位，且提供五种不同的分类模块样式，可自由选择调用分类自己选择显示的模块样式。

使用该主题，通过不同的模块样式，可以轻松搭建cms资讯网站、图片网站或者企业网站，非常方便。

主题使用了标准的前端代码开发制作，后台支持自定义首页、分类、标签、文章、单页面的标题、关键词和描述，对seo能起来良好的辅助作用。

主题特点：

基于最新版本的zblog php开发制作；
支持自定义分类/标签/文章/单页面的标题、关键词和描述；
提供便捷的主题配置面板，操作容易、设置简单；
内置多个广告位，支持侧边栏新建模块添加广告；
提供首页每个分类模块单独广告位；
自带图文排版的最新/热门/热评文章模块；
采用响应式结构，自适应电脑、手机终端设备；
兼容IE9+、Firefox、Chrome、Safari等主流浏览器。

纯净、小巧的响应式zblog纯净cms资讯免费模板aymfreefive

Sat, 07 Aug 2021 18:26:30 +0800

一套结构简单，纯净小巧的zblog cms模板，只设计了幻灯片、分类文章和友情链接三个模块，列表页和内容页使用简洁一栏设计，拥有后台主题配置面板，可自定义Logo、Favicon图标、分类调用、幻灯片图片等。

整站采取响应式自适应结构，兼容手机、PC和平板端的主流浏览器的较新版本，如IE9+、Firefox、Chrome、Safari等。

主题使用简单，操作容易，懂得如何创建分类目录、新建文章的用户，使用上基本不会有问题。

主题特点：

纯净、小巧、高速、免费！

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}

保存即可。