叶子岛（叛道的个人网站）

<!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1"> <meta name="renderer" content="webkit" /> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" /> <meta name="description" content="Plane UI" /> <meta name="keywords" content="Plane UI" /> <meta name="author" content="Pandao, pandao@vip.qq.com"/> <meta name="robots" content="index,follow" />  <meta http-equiv="Cache-Control" content="no-siteapp"/>  <meta name="apple-mobile-web-app-title" content="Plane UI" />  <meta name="apple-mobile-web-app-capable" content="yes" />  <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />  <link rel="apple-touch-icon-precomposed" href="/icons/icon-57x57.png" /> <link rel="apple-touch-icon-precomposed" sizes="72x72" href="/icons/icon-72x72.png" /> <link rel="apple-touch-icon-precomposed" sizes="114x114" href="/icons/icon-114x114.png" /> <link rel="apple-touch-icon-precomposed" sizes="120x120" href="/icons/icon-120x120.png"> <link rel="apple-touch-icon-precomposed" sizes="144x144" href="/icons/icon-144x144.png" /> <link rel="apple-touch-icon-precomposed" sizes="180x180" href="/icons/icon-180x180.png">  <meta name="theme-color" content="#0098DF" />  <meta name="msapplication-TileColor" content="#0098DF" />  <meta name="msapplication-TileImage" content="favicon.png" />  <meta name="google" value="notranslate" />  <meta name="HandheldFriendly" content="true" />  <meta name="MobileOptimized" content="320" />      <meta name="full-screen" content="yes" />  <meta name="x5-fullscreen" content="true" />  <meta name="browsermode" content="application" />  <meta name="x5-page-mode" content="app" />  <meta name="msapplication-tap-highlight" content="no" /> <link rel="icon" type="image/png" href="/favicon.png" /> <link rel="stylesheet" type="text/css" href="/bower_components/planeui/dist/css/planeui.min.css" /> <link rel="stylesheet" href="/bower_components/editor.md/css/editormd.preview.css" /> <link rel="stylesheet" type="text/css" href="/css/style.css" /> <title>叶子岛（叛道的个人网站）</title> </head> <body>  <a name="top"></a> <div class="pui-tooltip pui-tooltip-viewer pui-tooltip-arrow-lt pui-z-depth-1 pui-unbordered" id="profile-tooltip"> <div class="pui-tooltip-context"> <header class="pui-text-center"> <p><img src="/images/avatar.jpg" class="pui-img-circle pui-img-md" /></p> <strong class="pui-h4">叛道 Pandao</strong> <p class="pui-text-grey-400">Web Designer & Developer<br/><i class="fa fa-map-marker"></i> Xiamen, China</p> <p><a href="https://github.com/pandao" target="_blank" class="pui-btn pui-btn-success pui-btn-xsmall">关注我</a></p> </header> <ul class="pui-menu pui-menu-simple pui-menu-inline pui-menu-justify"> <li><a href="http://weibo.com/ipandao" class="fa fa-weibo fa-2x" target="_blank"></a></li> <li><a href="https://twitter.com/ipandao" class="fa fa-twitter fa-2x" target="_blank"></a></li> <li><a href="https://github.com/pandao" class="fa fa-github fa-2x" target="_blank"></a></li> </ul> <ul class="pui-menu pui-menu-simple pui-menu-inline pui-menu-justify pui-text-md"> <li><a href="http://my.oschina.net/pandao" class="fa pui-font-zh-cn" target="_blank">开源中国</a></li> <li><a href="http://huaban.com/pandao" class="fa pui-font-zh-cn" target="_blank">花瓣</a></li> <li><a href="http://www.douban.com/people/pandao/" class="fa pui-font-zh-cn" target="_blank">豆瓣</a></li> </ul> </div> </div>  <div class="pui-layout" id="layout">  <div class="pui-flexbox" id="main">  <div class="pui-grid-xs-2 pui-flexbox pui-flex-column" id="aside"> <header class="pui-animation-fade-in"> <p><img src="/images/avatar.jpg" class="pui-img-circle avatar" /></p> <div class="title"></div> </header> <nav class="pui-flex"> <menu> <ul class="pui-menu pui-padding-none" id="menu"> <li> <a href="/" class="active">首页</a> </li> <li> <a href="/articles">文章笔记</a> </li> <li> <a href="/favorites">收集</a> </li> <li> <a href="/works">作品</a> </li> <li> <a href="/about">关于我</a> </li> </ul> </menu> <span id="menu-active"></span> </nav> <footer> <i class="icon-yezi primary-color"></i> <p class="pui-right">代码如诗，设计如画，此中有禅意。</p> </footer> </div>   <div class="pui-flex" id="main-container"> <div class="page-wrapper"> <div class="pui-card pui-card-padding-none"> <div class="pui-card-title">  <h1> <a href="/articles/bower-cannot-be-run-with-sudo">[笔记] bower ESUDO Cannot be run with sudo 的解决办法</a><small>2013-12-18</small> </h1> <div class="article-tags"> <i class="fa fa-tags"></i> <a href="/tag/Bower" class="pui-badge">Bower</a> <a href="/tag/前端开发" class="pui-badge">前端开发</a> <a href="/tag/解决方法" class="pui-badge">解决方法</a> </div> </div> <div class="pui-card-box"> <p>使用<code>sudo</code>命令后，再执行<code>bower install</code>安装命令会出现错误：</p><p><code>bower ESUDO Cannot be run with sudo</code></p> <p class="pui-text-left"> <a href="/articles/bower-cannot-be-run-with-sudo" class="pui-btn pui-btn-default pui-unbordered view-btn">阅读全文</a> </p> </div> </div> <div class="pui-card pui-card-padding-none"> <div class="pui-card-title">  <h1> <a href="/articles/using-gulp-js">使用 Gulp.js 构建前端项目</a><small>2013-12-10</small> </h1> <div class="article-tags"> <i class="fa fa-tags"></i> <a href="/tag/Gulp.js" class="pui-badge">Gulp.js</a> <a href="/tag/Grunt.js" class="pui-badge">Grunt.js</a> <a href="/tag/前端开发" class="pui-badge">前端开发</a> </div> </div> <div class="pui-card-box"> <p><img src="https://raw.github.com/gulpjs/artwork/master/gulp.png" class="pui-img-responsive" /></p><p>不同于 Grunt.js，Gulp.js 是一款所谓“流式”的前端构建工具，Gulp.js 奉行的是“直接写程序而不是写配置文件”，构建时任务处理的文件输入／输出（I/O）是基于“流式”的。</p><p>Gulp.js 的插件遵守单一责任原则，每个插件只负责处理一件事情。</p> <p class="pui-text-left"> <a href="/articles/using-gulp-js" class="pui-btn pui-btn-default pui-unbordered view-btn">阅读全文</a> </p> </div> </div> <div class="pui-card pui-card-padding-none"> <div class="pui-card-title">  <h1> <a href="/articles/using-bower-package-manager">Bower 前端资源包管理</a><small>2013-12-03</small> </h1> <div class="article-tags"> <i class="fa fa-tags"></i> <a href="/tag/Bower" class="pui-badge">Bower</a> <a href="/tag/前端开发" class="pui-badge">前端开发</a> </div> </div> <div class="pui-card-box"> <p><img src="/uploads/bower-logo.png" class="pui-img-responsive" /></p><p>Bower 是 Twitter 推出的一款前端资源包管理工具，它以命令行的形式运行，类似于 Node.js 的包管理命令 NPM。</p> <p class="pui-text-left"> <a href="/articles/using-bower-package-manager" class="pui-btn pui-btn-default pui-unbordered view-btn">阅读全文</a> </p> </div> </div> <div class="pui-card pui-card-padding-none"> <div class="pui-card-title">  <h1> <a href="/articles/install-and-using-r-js-on-windows">在 Windows 下安装和使用 r.js</a><small>2013-11-29</small> </h1> <div class="article-tags"> <i class="fa fa-tags"></i> <a href="/tag/r.js" class="pui-badge">r.js</a> <a href="/tag/require.js" class="pui-badge">require.js</a> <a href="/tag/前端开发" class="pui-badge">前端开发</a> </div> </div> <div class="pui-card-box"> <p>通过 NPM 全局安装 r.js ：</p><p><code>npm install -g requirejs</code></p> <p class="pui-text-left"> <a href="/articles/install-and-using-r-js-on-windows" class="pui-btn pui-btn-default pui-unbordered view-btn">阅读全文</a> </p> </div> </div> <div class="pui-card pui-card-padding-none"> <div class="pui-card-title">  <h1> <a href="/articles/setting-nginx-windows-services">让 Nginx 以 Windows 服务的方式运行</a><small>2013-11-17</small> </h1> <div class="article-tags"> <i class="fa fa-tags"></i> <a href="/tag/Nginx" class="pui-badge">Nginx</a> <a href="/tag/Windows" class="pui-badge">Windows</a> <a href="/tag/Windows 服务" class="pui-badge">Windows 服务</a> <a href="/tag/解决方法" class="pui-badge">解决方法</a> </div> </div> <div class="pui-card-box"> <p>Nginx 的 Windows 版是以非服务方式运行的，运行在一个控制台程序，这样使用很不方便(每次开机都要输出命令启动 Nginx)。</p><p>官方说明：<a href="http://nginx.org/en/docs/windows.html">http://nginx.org/en/docs/windows.html</a></p> <p class="pui-text-left"> <a href="/articles/setting-nginx-windows-services" class="pui-btn pui-btn-default pui-unbordered view-btn">阅读全文</a> </p> </div> </div> <div class="pui-card pui-card-padding-none"> <div class="pui-card-title">  <h1> <a href="/articles/install-and-using-sass-compass">安装和使用 SASS 和 Compass</a><small>2013-11-02</small> </h1> <div class="article-tags"> <i class="fa fa-tags"></i> <a href="/tag/CSS" class="pui-badge">CSS</a> <a href="/tag/Sass" class="pui-badge">Sass</a> <a href="/tag/Ruby" class="pui-badge">Ruby</a> <a href="/tag/Compass" class="pui-badge">Compass</a> <a href="/tag/前端开发" class="pui-badge">前端开发</a> </div> </div> <div class="pui-card-box"> <p>SASS 是一种用 Ruby 开发的 CSS 预处理器语言，它可以让我们像编程语言一样去编写 CSS，能够很方便地处理复杂的 CSS。</p><p>安装：</p><p><p><code>$ gem install sass</code></p> <p class="pui-text-left"> <a href="/articles/install-and-using-sass-compass" class="pui-btn pui-btn-default pui-unbordered view-btn">阅读全文</a> </p> </div> </div> <div class="pui-card pui-card-padding-none"> <div class="pui-card-title">  <h1> <a href="/articles/how-to-publish-and-cancel-the-npm-package">如何发布和取消发布 NPM 包？</a><small>2013-10-28</small> </h1> <div class="article-tags"> <i class="fa fa-tags"></i> <a href="/tag/Node.js" class="pui-badge">Node.js</a> <a href="/tag/NPM" class="pui-badge">NPM</a> </div> </div> <div class="pui-card-box"> <p>Node.js 提供的包管理命令工具 NPM 能让我们很方便地获取、搜索 Node.js 第三方包资源，极大地提高了我们的开发效率。</p><p>接下来，我们来快速了解一下如何发布和取消发布 NPM 包？</p> <p class="pui-text-left"> <a href="/articles/how-to-publish-and-cancel-the-npm-package" class="pui-btn pui-btn-default pui-unbordered view-btn">阅读全文</a> </p> </div> </div> <div class="pui-card pui-card-padding-none"> <div class="pui-card-title">  <h1> <a href="/articles/what-is-hijax">什么是 Hijax？Hijax 的原理及优缺点介绍</a><small>2013-08-24</small> </h1> <div class="article-tags"> <i class="fa fa-tags"></i> <a href="/tag/Hijax" class="pui-badge">Hijax</a> <a href="/tag/Ajax" class="pui-badge">Ajax</a> <a href="/tag/XMLHttpRequest" class="pui-badge">XMLHttpRequest</a> <a href="/tag/HTML5" class="pui-badge">HTML5</a> <a href="/tag/History API" class="pui-badge">History API</a> <a href="/tag/Hashbang" class="pui-badge">Hashbang</a> <a href="/tag/前端开发" class="pui-badge">前端开发</a> </div> </div> <div class="pui-card-box"> <p>Hijax，即渐进增强的 Ajax，也被称为“简化的 Ajax”，也是 Hijack（劫持）的意思，也可直接理解成保存和操纵历史的 Ajax，Hijax 是由Jeremy Keith（杰里米基斯）提出来的。 </p><p><a href="http://domscripting.com/blog/display/41">http://domscripting.com/blog/display/41</a></p> <p class="pui-text-left"> <a href="/articles/what-is-hijax" class="pui-btn pui-btn-default pui-unbordered view-btn">阅读全文</a> </p> </div> </div> <div class="pui-card pui-card-padding-none"> <div class="pui-card-title">  <h1> <a href="/articles/vs2010-lnk1123-coff">[笔记] VS2010 LNK1123: 转换到 COFF 期间失败: 文件无效或损坏的解决方法</a><small>2013-06-07</small> </h1> <div class="article-tags"> <i class="fa fa-tags"></i> <a href="/tag/VS2010" class="pui-badge">VS2010</a> <a href="/tag/LNK1123" class="pui-badge">LNK1123</a> <a href="/tag/COFF" class="pui-badge">COFF</a> <a href="/tag/解决方法" class="pui-badge">解决方法</a> </div> </div> <div class="pui-card-box"> <p>用 VS2010 编译 C++ 项目时出现这样的错误：</p><p>LNK1123: 转换到 COFF 期间失败: 文件无效或损坏 </p> <p class="pui-text-left"> <a href="/articles/vs2010-lnk1123-coff" class="pui-btn pui-btn-default pui-unbordered view-btn">阅读全文</a> </p> </div> </div> <div class="pui-card pui-card-padding-none"> <div class="pui-card-title">  <h1> <a href="/articles/like-jquery-each-dom-array-json-string">仿 jQuery.each() 方法遍历对象 (DOM、 Array、JSON、String)</a><small>2013-04-02</small> </h1> <div class="article-tags"> <i class="fa fa-tags"></i> <a href="/tag/JavaScript" class="pui-badge">JavaScript</a> <a href="/tag/jQuery" class="pui-badge">jQuery</a> <a href="/tag/each" class="pui-badge">each</a> <a href="/tag/仿" class="pui-badge">仿</a> </div> </div> <div class="pui-card-box"> <p class="pui-text-left"> <a href="/articles/like-jquery-each-dom-array-json-string" class="pui-btn pui-btn-default pui-unbordered view-btn">阅读全文</a> </p> </div> </div> <footer> <p>Copyright © 2015 ipandao.com 版权所有  <script src="http://s9.cnzz.com/stat.php?id=3291836&web_id=3291836&show=pic" type="text/javaScript"></script></p> <p>Powered by <a href="https://github.com/slimore/slimore" class="pui-link" target="_blank" title="基于 Slim 的 PHP 完全（H）MVC 框架">Slimore</a> & <a href="https://github.com/pandao/planeui" class="pui-link" target="_blank" title="HTML5 跨终端响应式前端界面框架">Plane UI</a> & <a href="https://github.com/pandao/planeui" class="pui-link" target="_blank" title="Editor.md 是一款开源的、可嵌入的在线 Markdown 编辑器">Editor.md</a> , Design & Develop : <a href="github.com/pandao" class="pui-link" target="_blank">Pandao</a> .</p> <p>本站运行在 <a href="https://www.digitalocean.com/?refcode=776e55510753" target="_blank" class="pui-link">DigitalOcean</a> 提供的 VPS 上</p> </footer> <div class="pui-text-center"> <br/> <a href="#top" class="pui-btn pui-btn-default pui-btn-small"> TOP <i class="fa fa-long-arrow-up" style="margin-top: -5px;"></i> </a> </div> </div> </div>  </div>  <footer> <i class="icon-yezi primary-color"></i> <p class="pui-right">代码如诗，设计如画，此中有禅意。</p> </footer> <script data-ad-client="ca-pub-5041957353250087" async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> </div>   <script type="text/javascript" src="/bower_components/jquery/dist/jquery.min.js"></script>    <script type="text/javascript" src="/bower_components/planeui/dist/js/planeui.js"></script> <script type="text/javascript" src="/js/page.js"></script>  <script> $(function() { $(".pui-card").last().css("border-bottom", "none"); }); </script> </body> </html>

CINXE.COM

叶子岛（叛道的个人网站）