-
Notifications
You must be signed in to change notification settings - Fork 0
blog
ZhangShuangV/ZhangShuangV.github.io
Folders and files
| Name | Name | Last commit message | Last commit date | |
|---|---|---|---|---|
Repository files navigation
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<title>求知若饥，谦虚若愚</title>
<meta name="author" content="Zhang Shuang">
<meta name="description" content="张爽的个人博客">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta property="og:site_name" content="Zhang Shuang's Blog"/>
<meta property="og:image" content="undefined"/>
<link rel="icon" type="image/png" href="/favicon.png">
<link rel="alternate" href="/atom.xml" title="Zhang Shuang's Blog" type="application/atom+xml">
<link rel="stylesheet" href="/css/lib/materialize.min.css">
<link rel="stylesheet" href="/css/lib/font-awesome.min.css">
<link rel="stylesheet" href="/css/style.css" media="screen" type="text/css">
<link rel="stylesheet" href="/css/lib/prettify-tomorrow-night-eighties.css" type="text/css">
<!--[if lt IE 9]><script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
</head>
<body>
<img src="/weixin_favicon.png" style="position: absolute; left: -9999px; opacity: 0; filter: alpha(opacity=0);">
<nav class="indigo">
<div class="nav-wrapper">
<a href="#" data-activates="main-menu" class="button-collapse">
<i class="fa fa-navicon"></i>
</a>
<div class="">
<a href="/" class="brand-logo hide-on-med-and-down">Zhang Shuang's Blog</a>
<ul class="right hide-on-med-and-down">
<li>
<a class="menu-home " href="/" >
<i class="fa fa-home "></i>
首页
</a>
</li>
<li>
<a class="menu-archive " href="/archives" >
<i class="fa fa-archive "></i>
归档
</a>
</li>
<li>
<a class="menu-category category-menu" href="javascript:;" data-activates="category-menu" >
<i class="fa fa-bookmark "></i>
分类
</a>
</li>
<li>
<a class="menu-reading " href="/reading" >
<i class="fa fa-book "></i>
读书
</a>
</li>
<li>
<a class="menu-about " href="/about" >
<i class="fa fa-user "></i>
关于
</a>
</li>
<li>
<a class="menu-search modal-trigger " href="#search" >
<i class="fa fa-search "></i>
搜索
</a>
</li>
</ul>
<div>
<ul class="side-nav indigo darken-1" id="main-menu">
<li class="side-user">
<div class="row">
<div class="col s4 no-padding">
<img class="avatar-image circle responsive-img" src="/img/header.jpg" alt="User Avatar">
</div>
<div class="info col s8 valign-wrapper no-padding">
<div class="valign">
<p class="name">张爽</p>
<p class="desc">Web前端/舞蹈</p>
</div>
</div>
</div>
</li>
<li class="no-padding">
<a class="waves-effect menu-home " href="/" >
<i class="fa fa-home "></i>
首页
</a>
</li>
<li class="no-padding">
<a class="waves-effect menu-archive " href="/archives" >
<i class="fa fa-archive "></i>
归档
</a>
</li>
<li class="no-padding">
<a class="waves-effect menu-category category-menu" href="javascript:;" data-activates="category-menu" >
<i class="fa fa-bookmark "></i>
分类
</a>
</li>
<li class="no-padding">
<a class="waves-effect menu-reading " href="/reading" >
<i class="fa fa-book "></i>
读书
</a>
</li>
<li class="no-padding">
<a class="waves-effect menu-about " href="/about" >
<i class="fa fa-user "></i>
关于
</a>
</li>
<li class="no-padding">
<a class="waves-effect menu-search modal-trigger " href="#search" >
<i class="fa fa-search "></i>
搜索
</a>
</li>
</ul>
<ul class="side-nav indigo darken-1" id="category-menu">
<li class="collapse-level-0" collapse-level="0">
<a class="no-padding" href="/categories/前端/">
前端 <span class="right">32 篇</span></a>
</a>
</li>
<li class="collapse-level-1" collapse-level="1">
<a class="no-padding" href="/categories/前端/TypeScript/">
TypeScript <span class="right">4 篇</span></a>
</a>
</li>
<li class="collapse-level-1" collapse-level="1">
<a class="no-padding" href="/categories/前端/JavaScript/">
JavaScript <span class="right">9 篇</span></a>
</a>
</li>
<li class="collapse-level-2" collapse-level="2">
<a class="no-padding" href="/categories/前端/JavaScript/es6/">
es6 <span class="right">1 篇</span></a>
</a>
</li>
<li class="collapse-level-2" collapse-level="2">
<a class="no-padding" href="/categories/前端/JavaScript/vue/">
vue <span class="right">1 篇</span></a>
</a>
</li>
<li class="collapse-level-2" collapse-level="2">
<a class="no-padding" href="/categories/前端/JavaScript/Vuejs/">
Vuejs <span class="right">1 篇</span></a>
</a>
</li>
<li class="collapse-level-2" collapse-level="2">
<a class="no-padding" href="/categories/前端/JavaScript/Angularjs/">
Angularjs <span class="right">1 篇</span></a>
</a>
</li>
<li class="collapse-level-1" collapse-level="1">
<a class="no-padding" href="/categories/前端/插件开发/">
插件开发 <span class="right">1 篇</span></a>
</a>
</li>
<li class="collapse-level-2" collapse-level="2">
<a class="no-padding" href="/categories/前端/插件开发/chrome/">
chrome <span class="right">1 篇</span></a>
</a>
</li>
<li class="collapse-level-1" collapse-level="1">
<a class="no-padding" href="/categories/前端/Draw/">
Draw <span class="right">3 篇</span></a>
</a>
</li>
<li class="collapse-level-2" collapse-level="2">
<a class="no-padding" href="/categories/前端/Draw/echarts/">
echarts <span class="right">1 篇</span></a>
</a>
</li>
<li class="collapse-level-2" collapse-level="2">
<a class="no-padding" href="/categories/前端/Draw/highcharts/">
highcharts <span class="right">1 篇</span></a>
</a>
</li>
<li class="collapse-level-2" collapse-level="2">
<a class="no-padding" href="/categories/前端/Draw/egret/">
egret <span class="right">1 篇</span></a>
</a>
</li>
<li class="collapse-level-1" collapse-level="1">
<a class="no-padding" href="/categories/前端/H5游戏/">
H5游戏 <span class="right">7 篇</span></a>
</a>
</li>
<li class="collapse-level-1" collapse-level="1">
<a class="no-padding" href="/categories/前端/nodejs/">
nodejs <span class="right">3 篇</span></a>
</a>
</li>
<li class="collapse-level-1" collapse-level="1">
<a class="no-padding" href="/categories/前端/用户体验/">
用户体验 <span class="right">1 篇</span></a>
</a>
</li>
<li class="collapse-level-1" collapse-level="1">
<a class="no-padding" href="/categories/前端/自动化/">
自动化 <span class="right">1 篇</span></a>
</a>
</li>
<li class="collapse-level-1" collapse-level="1">
<a class="no-padding" href="/categories/前端/Hybrid/">
Hybrid <span class="right">2 篇</span></a>
</a>
</li>
<li class="collapse-level-1" collapse-level="1">
<a class="no-padding" href="/categories/前端/兼容性/">
兼容性 <span class="right">1 篇</span></a>
</a>
</li>
<li class="collapse-level-0" collapse-level="0">
<a class="no-padding" href="/categories/后端/">
后端 <span class="right">1 篇</span></a>
</a>
</li>
<li class="collapse-level-1" collapse-level="1">
<a class="no-padding" href="/categories/后端/shell/">
shell <span class="right">1 篇</span></a>
</a>
</li>
<li class="collapse-level-0" collapse-level="0">
<a class="no-padding" href="/categories/工具/">
工具 <span class="right">1 篇</span></a>
</a>
</li>
</ul>
</div>
</div>
</div>
</nav>
<div id="search" class="modal search-modal">
<div class="row">
<div class="input-field col s12">
<input id="search-input" type="text">
<label for="search-input">搜索</label>
</div>
</div>
<div id="search-result" class="search-result col s12">
</div>
</div>
<main>
<div class="container main-container">
<nav class="page-nav hide-on-small-only">
<div class="nav-wrapper indigo">
<span class="breadcrumb">当前位置（分类目录）</span>
</div>
</nav>
<article>
<div class="card">
<div class="card-content">
<div class="article-title">
<h1>无题</h1>
</div>
<time class="pink-link-context" datetime="2017-04-19T00:50:37.000Z"><a href="/README.html">2017-04-19</a></time>
<span id="busuanzi_container_page_pv" class="read-times-container">
<i class="fa fa-eye"></i>
<span id="busuanzi_value_page_pv"></span>
</span>
<div class="toc pink-link-context hide-on-med-and-down">
<ol class="section table-of-contents"><li class="section table-of-contents-item section table-of-contents-level-2"><a class="section table-of-contents-link" href="#个人博客目录"><span class="section table-of-contents-text">个人博客目录</span></a><ol class="section table-of-contents-child"><li class="section table-of-contents-item section table-of-contents-level-4"><a class="section table-of-contents-link" href="#用户体验"><span class="section table-of-contents-text">用户体验</span></a></li><li class="section table-of-contents-item section table-of-contents-level-4"><a class="section table-of-contents-link" href="#egret引擎"><span class="section table-of-contents-text">egret引擎</span></a></li><li class="section table-of-contents-item section table-of-contents-level-4"><a class="section table-of-contents-link" href="#typescript"><span class="section table-of-contents-text">typescript</span></a></li><li class="section table-of-contents-item section table-of-contents-level-4"><a class="section table-of-contents-link" href="#nodejs"><span class="section table-of-contents-text">nodejs</span></a></li><li class="section table-of-contents-item section table-of-contents-level-4"><a class="section table-of-contents-link" href="#Draw"><span class="section table-of-contents-text">Draw</span></a></li><li class="section table-of-contents-item section table-of-contents-level-4"><a class="section table-of-contents-link" href="#Hybrid"><span class="section table-of-contents-text">Hybrid</span></a></li><li class="section table-of-contents-item section table-of-contents-level-4"><a class="section table-of-contents-link" href="#Tools"><span class="section table-of-contents-text">Tools</span></a></li></ol></li></ol></li></ol>
</div>
<div class="entry pink-link-context">
<h2 id="个人博客目录"><a href="#个人博客目录" class="headerlink" title="个人博客目录"></a>个人博客目录</h2><h4 id="用户体验"><a href="#用户体验" class="headerlink" title="用户体验"></a>用户体验</h4><p><a href="http://www.zhangshuang.top/%E4%BB%80%E4%B9%88%E6%98%AF%E4%BC%98%E7%A7%80%E7%9A%84%E7%94%A8%E6%88%B7%E7%95%8C%E9%9D%A2%E8%AE%BE%E8%AE%A1/" target="_blank" rel="external">什么是优秀的用户界面设计</a></p>
<h4 id="egret引擎"><a href="#egret引擎" class="headerlink" title="egret引擎"></a>egret引擎</h4><p><a href="http://www.zhangshuang.top/egret%E6%B8%B8%E6%88%8F%E5%BC%95%E6%93%8E%E5%85%A5%E9%97%A8%EF%BC%88%E4%B8%80%EF%BC%89/" target="_blank" rel="external">egret游戏引擎（一）</a><br><a href="http://www.zhangshuang.top/egret%E6%B8%B8%E6%88%8F%E5%BC%95%E6%93%8E%E5%85%A5%E9%97%A8%EF%BC%88%E4%BA%8C%EF%BC%89/" target="_blank" rel="external">egret游戏引擎（二）</a><br><a href="http://www.zhangshuang.top/egret%E6%B8%B8%E6%88%8F%E5%BC%95%E6%93%8E%E5%85%A5%E9%97%A8%EF%BC%88%E4%B8%89%EF%BC%89/" target="_blank" rel="external">egret游戏引擎（三）</a><br><a href="http://www.zhangshuang.top/egret%E6%B8%B8%E6%88%8F%E5%BC%95%E6%93%8E%E5%85%A5%E9%97%A8%EF%BC%88%E5%9B%9B%EF%BC%89/" target="_blank" rel="external">egret游戏引擎（四）</a><br><a href="http://www.zhangshuang.top/egret%E6%B8%B8%E6%88%8F%E5%BC%95%E6%93%8E%E5%85%A5%E9%97%A8%EF%BC%88%E4%BA%94%EF%BC%89/" target="_blank" rel="external">egret游戏引擎（五）</a><br><a href="http://www.zhangshuang.top/egret%E6%B8%B8%E6%88%8F%E5%BC%95%E6%93%8E%E5%85%A5%E9%97%A8%EF%BC%88%E5%85%AD%EF%BC%89/" target="_blank" rel="external">egret游戏引擎（六）</a><br><a href="http://www.zhangshuang.top/egret%E6%B8%B8%E6%88%8F%E5%BC%95%E6%93%8E%E5%85%A5%E9%97%A8%EF%BC%88%E4%B8%83%EF%BC%89/" target="_blank" rel="external">egret游戏引擎（七）</a> </p>
<h4 id="typescript"><a href="#typescript" class="headerlink" title="typescript"></a>typescript</h4><p><a href="http://www.zhangshuang.top/TypeScript%E5%88%9D%E8%AF%95%EF%BC%88%E4%B8%80%EF%BC%89/" target="_blank" rel="external">TypeScript(一)</a><br><a href="http://www.zhangshuang.top/TypeScript%E5%88%9D%E8%AF%95%EF%BC%88%E4%BA%8C%EF%BC%89/" target="_blank" rel="external">TypeScript(二)</a><br><a href="http://www.zhangshuang.top/TypeScript%E5%88%9D%E8%AF%95%EF%BC%88%E4%B8%89%EF%BC%89/" target="_blank" rel="external">TypeScript（三）</a><br><a href="http://www.zhangshuang.top/TypeScript%E5%88%9D%E8%AF%95%EF%BC%88%E5%9B%9B%EF%BC%89%20/" target="_blank" rel="external">TypeScript（四）</a> </p>
<h4 id="nodejs"><a href="#nodejs" class="headerlink" title="nodejs"></a>nodejs</h4><p><a href="http://www.zhangshuang.top/nodejs%E5%AE%89%E8%A3%85%E5%8F%8A%E5%B8%B8%E7%94%A8%E5%BF%AB%E6%8D%B7%E9%94%AE/" target="_blank" rel="external">nodejs安装及常用快捷键</a><br><a href="https://github.com/ZhangShuangV/getWebsite" target="_blank" rel="external">nodejs自动获取服务器文件</a><br><a href="https://github.com/ZhangShuangV/crawler" target="_blank" rel="external">nodejs爬虫</a> </p>
<h4 id="Draw"><a href="#Draw" class="headerlink" title="Draw"></a>Draw</h4><p><a href="http://www.zhangshuang.top/highcharts%E7%BB%98%E5%88%B6k%E7%BA%BF/" target="_blank" rel="external">highcharts绘制环形配比图设置</a> </p>
<h4 id="Hybrid"><a href="#Hybrid" class="headerlink" title="Hybrid"></a>Hybrid</h4><p><a href="http://www.zhangshuang.top/%E6%95%B4%E7%90%86%E5%87%A0%E4%B8%AA%E7%A7%BB%E5%8A%A8%E7%AB%AF%E7%9A%84%E5%85%BC%E5%AE%B9%E6%80%A7%E9%97%AE%E9%A2%98/" target="_blank" rel="external">整理几个移动端的兼容性问题</a><br><a href="http://www.zhangshuang.top/%E9%80%9A%E8%BF%87Html%E7%BD%91%E9%A1%B5%E8%B0%83%E7%94%A8%E6%9C%AC%E5%9C%B0%E5%AE%89%E5%8D%93app%E7%A8%8B%E5%BA%8F%E4%BB%A3%E7%A0%81/" target="_blank" rel="external">通过Html网页调用本地安卓(android)app程序代码</a> </p>
<h4 id="Tools"><a href="#Tools" class="headerlink" title="Tools"></a>Tools</h4><p><a href="http://www.zhangshuang.top/%E5%B0%86ipad%E6%89%A9%E5%B1%95%E4%B8%BA%E7%AC%AC%E4%BA%8C%E5%B1%8F%E5%B9%95/" target="_blank" rel="external">将iPad扩展为第二屏幕</a> </p>
</div>
</div>
</div>
</article>
<section id="comment">
<div class="card">
<div class="card-content">
<!-- Duoshuo Comment BEGIN -->
<div class="ds-thread" data-thread-key="README.html" data-title="" data-url="http://zhangshuang.top/README.html"></div>
<script type="text/javascript">
console.log(document.querySelector('.ds-thread'));
var duoshuoQuery = {
short_name: 'zhangshuang'
};
(function() {
var ds = document.createElement('script');
ds.type = 'text/javascript';
ds.async = true;
ds.src = (document.location.protocol == 'https:'
? 'https:'
: 'http:') + '//static.duoshuo.com/embed.js';
ds.charset = 'UTF-8';
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(ds);
})();
</script>
<!-- Duoshuo Comment END -->
</div>
</div>
</section>
</div>
<div class="fixed-action-btn float-sitemap">
<a class="btn-floating btn-large pink">
<i class="fa fa-caret-square-o-up"></i>
</a>
<ul>
<li><a class="btn-return-top btn-floating waves-effect green" title="回到顶部"><i class="fa fa-arrow-circle-o-up"></i></a></li>
<li><a class="btn-floating waves-effect button-collapse yellow darken-1" data-activates="main-menu" title="menu"><i class="fa fa-navicon"></i></a></li>
</ul>
</div>
</main>
<footer class="page-footer indigo darken-1">
<div class="container">
<div class="row">
<div class="social-group col m4 s12">
<h5 class="white-text">社交</h5>
<a class="social-link" href="http://weibo.com/1781288684" target="_blank">
<i class="fa fa-2x fa-weibo"></i>
</a>
<a class="social-link" href="https://github.com/zhangshuangv" target="_blank">
<i class="fa fa-2x fa-github"></i>
</a>
<div class="site-visitors-container white-text">
<span>
<i class="fa fa-user"></i>
<span class="busuanzi-value" id="busuanzi_value_site_uv"></span>
</span>
<span> | </span>
<span>
<i class="fa fa-eye"></i>
<span class="busuanzi-value" id="busuanzi_value_site_pv"></span>
</span>
</div>
</div>
<div class="col m8 s12">
<h5 class="white-text">友情链接</h5>
<a class="social-link" href="http://www.ruanyifeng.com/blog/" target="_blank">阮一峰的网络日志</a>
<a class="social-link" href="http://blog.guijianpan.com/" target="_blank">倚楼听风雨</a>
<a class="social-link" href="http://raytaylorlin.com/" target="_blank">raytaylorism的技术博客</a>
<a class="social-link" href="http://www.zhangxinxu.com/wordpress/" target="_blank">鑫生活，鑫空间</a>
<a class="social-link" href="http://www.whycss.com/" target="_blank">前端网址导航whycss</a>
<a class="social-link" href="http://www.chenggang.win" target="_blank">Nice Day</a>
</div>
</div>
</div>
<div class="footer-copyright pink-link-context">
<div class="container">
© 2016 zhangshuang.top, All rights reserved.
<p class="right" style="margin-top: 0;">本博客由 <a href="https://hexo.io">Hexo</a> 强力驱动 | 主题 <a href="https://github.com/raytaylorlin/hexo-theme-raytaylorism">raytaylorism</a></p>
</div>
</div>
</footer>
<noscript>
<div class="noscript">
<p class="center-align">当前网速较慢或者你使用的浏览器不支持博客特定功能，请尝试刷新或换用Chrome、Firefox等现代浏览器</p>
</div>
</noscript>
<div class="noscript">
<p class="center-align">当前网速较慢或者你使用的浏览器不支持博客特定功能，请尝试刷新或换用Chrome、Firefox等现代浏览器</p>
</div>
<script src="/js/jquery.min.js"></script>
<script src="/js/materialize.min.js"></script>
<script async src="//dn-lbstatics.qbox.me/busuanzi/2.3/busuanzi.pure.mini.js">
</script>
<script>
(function($) {
$(document).ready(function() {
// 隐藏禁用javascript（针对微信内置浏览器）的提示
$('.noscript').hide();
// 图片缩放效果
var $imgs = $('img').not('.slider-image').not('.avatar-image').not('.carousel-image').not('.card-cover-image').not('.qrcode');
// 给图片加上点击放大效果（materialbox插件）
$imgs.addClass('materialboxed').each(function(i, el) {
$(this).attr('data-caption', $(this).attr('alt') || ' ');
}).materialbox();
// 优化表格的显示
$('table').each(function() {
var $table = $(this);
// 除去多行代码的情况
if ($table.find('pre').length == 0) {
$table.addClass('responsive-table striped bordered');
}
});
// 首页幻灯片
$('.slider').slider({indicators: true, full_width: true, interval: 8000});
$(".button-collapse").sideNav();
$(".category-menu").sideNav();
// 针对gallery post
$('.carousel').carousel({full_width: true});
$('.carousel-control.prev').click(function() {
$('.carousel').carousel('prev');
});
$('.carousel-control.next').click(function() {
$('.carousel').carousel('next');
});
// 文章目录
$('article').not('.simple-article').find('h1').add('h2').add('h3').add('h4').add('h5').add('h6').scrollSpy();
// 目录随屏幕滚动（防止目录过长越过footer）
var $toc = $('.toc');
var scrollTargetTop = 0;
$(window).scroll(function() {
var $activeLink = $toc.find('a.active.section');
if ($(window).scrollTop() < 100) {
scrollTargetTop = 0;
} else {
if ($activeLink[0]) {
scrollTargetTop = $activeLink.offset().top - $toc.offset().top;
}
}
$toc.css('top', '-' + scrollTargetTop + 'px');
});
// 修正文章目录的left-border颜色
var color = $('.table-of-contents-text').css('color');
$('.table-of-contents-link').css('border-left-color', color);
// 针对移动端做的优化：FAB按钮点击一下收回
if (/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)) {
$('.fixed-action-btn').addClass('click-to-toggle');
}
// 回到顶部
$('.btn-return-top').click(function() {
$('body, html').animate({
scrollTop: 0
}, 500);
});
// 重置读书页面的Tab标签页的颜色
$('li.tab a').hover(function() {
$(this).toggleClass('text-lighten-4');
});
$('.indicator').addClass('pink lighten-2');
// 搜索功能
$('.modal-trigger').leanModal({
// 打开搜索框时自动聚焦
ready: function() {
if ($('#search').is(":visible")) {
$('#search-input').focus();
}
}
});
var searchXml = "search.xml";
if (searchXml.length == 0) {
searchXml = "search.xml";
}
var searchPath = "/" + searchXml;
initSearch(searchPath, 'search-input', 'search-result');
});
// 初始化搜索与匹配函数
var initSearch = function(path, search_id, content_id) {
'use strict';
$.ajax({
url: path,
dataType: "xml",
success: function(xmlResponse) {
// get the contents from search data
var datas = $("entry", xmlResponse).map(function() {
return {
title: $("title", this).text(),
content: $("content", this).text(),
url: $("url", this).text()
};
}).get();
var $input = document.getElementById(search_id);
var $resultContent = document.getElementById(content_id);
$input.addEventListener('input', function() {
var str = '<ul class=\"search-result-list\">';
var keywords = this.value.trim().toLowerCase().split(/[\s\-]+/);
$resultContent.innerHTML = "";
if (this.value.trim().length <= 0) {
return;
}
// perform local searching
datas.forEach(function(data) {
var isMatch = true;
var content_index = [];
var data_title = data.title.trim().toLowerCase();
var data_content = data.content.trim().replace(/<[^>]+>/g, "").toLowerCase();
var data_url = data.url;
var index_title = -1;
var index_content = -1;
var first_occur = -1;
// only match artiles with not empty titles and contents
if (data_title != '' && data_content != '') {
keywords.forEach(function(keyword, i) {
index_title = data_title.indexOf(keyword);
index_content = data_content.indexOf(keyword);
if (index_title < 0 && index_content < 0) {
isMatch = false;
} else {
if (index_content < 0) {
index_content = 0;
}
if (i == 0) {
first_occur = index_content;
}
}
});
}
// show search results
if (isMatch) {
keywords.forEach(function(keyword) {
var regS = new RegExp(keyword, "gi");
data_title = data_title.replace(regS, "<span class=\"search-keyword pink lighten-2\">" + keyword + "</span>");
});
str += "<li><a href='" + data_url + "' class='search-result-title'>" + data_title + "</a>";
var content = data.content.trim().replace(/<[^>]+>/g, "");
if (first_occur >= 0) {
// cut out 100 characters
var start = first_occur - 20;
var end = first_occur + 80;
if (start < 0) {
start = 0;
}
if (start == 0) {
end = 100;
}
if (end > content.length) {
end = content.length;
}
var match_content = content.substring(start, end);
// highlight all keywords
keywords.forEach(function(keyword) {
var regS = new RegExp(keyword, "gi");
match_content = match_content.replace(regS, "<span class=\"search-keyword pink lighten-2\">" + keyword + "</span>");
});
str += "<p class=\"search-result\">..." + match_content + "...</p>"
}
str += "</li>";
}
});
str += "</ul>";
$resultContent.innerHTML = str;
});
}
});
}
})(jQuery);
</script>
<script src="/js/prettify.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("pre").addClass("prettyprint");
prettyPrint();
});
</script>
<script type="text/javascript" src="http://tajs.qq.com/stats?sId=60653956" charset="UTF-8"></script>
</body>
</html>
About
blog
Topics
Resources
Stars
Watchers
Forks
Releases
No releases published
Packages 0
No packages published