ideateam / ideateam.github.io Goto Github PK
View Code? Open in Web Editor NEWmy website host 点击进入
Home Page: https://ideateam.github.io
my website host 点击进入
Home Page: https://ideateam.github.io
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>ideateam's Blog</title> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <meta name="description" content=".├── _data/ # 对应目录的数据目录├── _drafts/ # 草稿 ├── Demo/ # Demo ├── FrontFrame/ # 框架 ├── React/ # React ├── ReactNa"> <meta property="og:type" content="website"> <meta property="og:title" content="ideateam's Blog"> <meta property="og:url" content="http://ideateam.github.io/README.html"> <meta property="og:site_name" content="ideateam's Blog"> <meta property="og:description" content=".├── _data/ # 对应目录的数据目录├── _drafts/ # 草稿 ├── Demo/ # Demo ├── FrontFrame/ # 框架 ├── React/ # React ├── ReactNa"> <meta property="og:updated_time" content="2017-03-20T03:04:26.000Z"> <meta name="twitter:card" content="summary"> <meta name="twitter:title" content="ideateam's Blog"> <meta name="twitter:description" content=".├── _data/ # 对应目录的数据目录├── _drafts/ # 草稿 ├── Demo/ # Demo ├── FrontFrame/ # 框架 ├── React/ # React ├── ReactNa"> <link rel="alternative" href="/atom.xml" title="ideateam's Blog" type="application/atom+xml"> <link rel="icon" href="/img/favicon.png"> <link rel="stylesheet" href="//cdn.bootcss.com/animate.css/3.5.0/animate.min.css"> <link rel="stylesheet" href="/css/style.css"> <link rel="stylesheet" href="/font-awesome/css/font-awesome.min.css"> <link rel="apple-touch-icon" href="/apple-touch-icon.png"> <link rel="stylesheet" href="/fancybox/jquery.fancybox.css"> <!-- 加载特效 --> <script src="/js/pace.js"></script> <link href="/css/pace/pace-theme-flash.css" rel="stylesheet" /> <script> var yiliaConfig = { rootUrl: '/', fancybox: true, animate: true, isHome: false, isPost: false, isArchive: false, isTag: false, isCategory: false, open_in_new: false } </script> </head> <body> <div id="container"> <div class="left-col"> <div class="overlay"></div> <div class="intrude-less"> <header id="header" class="inner"> <a href="/" class="profilepic"> <img lazy-src="/img/head.jpg" class="js-avatar"> </a> <hgroup> <h1 class="header-author"><a href="/" title="Hi Mate">风中的芦苇哥</a></h1> </hgroup> <p class="header-subtitle">这里没有捷径,唯有努力向前。</p> <form> <input type="text" class="st-default-search-input search" id="search" placeholder=" Search..."> </form> <div id="switch-btn" class="switch-btn"> <div class="icon"> <div class="icon-ctn"> <div class="icon-wrap icon-house" data-idx="0"> <div class="birdhouse"></div> <div class="birdhouse_holes"></div> </div> <div class="icon-wrap icon-ribbon hide" data-idx="1"> <div class="ribbon"></div> </div> <div class="icon-wrap icon-link hide" data-idx="2"> <div class="loopback_l"></div> <div class="loopback_r"></div> </div> <div class="icon-wrap icon-me hide" data-idx="3"> <div class="user"></div> <div class="shoulder"></div> </div> </div> </div> <div class="tips-box hide"> <div class="tips-arrow"></div> <ul class="tips-inner"> <li>菜单</li> <li>标签</li> <li>友情链接</li> <li>关于我</li> </ul> </div> </div> <div id="switch-area" class="switch-area"> <div class="switch-wrap"> <section class="switch-part switch-part1"> <nav class="header-menu"> <ul> <li><a href="/Home">博客首页</a></li> <li><a href="/works">作品展示</a></li> <li><a href="/about">留言打卡</a></li> <li><a href="/FrontEndGuide">前端导航</a></li> </ul> </nav> <nav class="header-nav"> <ul class="social"> <a class="fl mail" target="_blank" href="http://mail.qq.com/cgi-bin/qm_share?t=qm_mailme&email=PAkNDgsKBQ4MCnxNTRJfU1E" title="mail">mail</a> <a class="fl github" target="_blank" href="https://github.com/ideateam" title="github">github</a> <a class="fl zhihu" target="_blank" href="https://www.zhihu.com/people/ideateam" title="zhihu">zhihu</a> <a class="fl weibo" target="_blank" href="http://weibo.com/ideateam" title="weibo">weibo</a> <a class="fl google" target="_blank" href="http://i.youku.com/ideateam" title="google">google</a> <a class="fl twitter" target="_blank" href="http://twitter.com/ideateam" title="twitter">twitter</a> <a class="fl Instagram" target="_blank" href="https://www.instagram.com/ideateam/" title="Instagram">Instagram</a> <a class="fl linkedin" target="_blank" href="https://www.linkedin.com/in/%E5%BF%A0%E6%88%90-%E6%9D%8E-a48562b1" title="linkedin">linkedin</a> </ul> </nav> </section> <section class="switch-part switch-part2"> <div class="widget tagcloud" id="js-tagcloud"> <a href="/tags/Ajax/" style="font-size: 12px;">Ajax</a> <a href="/tags/CDN/" style="font-size: 10px;">CDN</a> <a href="/tags/CSS/" style="font-size: 18px;">CSS</a> <a href="/tags/CSS3/" style="font-size: 12px;">CSS3</a> <a href="/tags/Chrome/" style="font-size: 10px;">Chrome</a> <a href="/tags/Development/" style="font-size: 10px;">Development</a> <a href="/tags/Front-end-outline/" style="font-size: 10px;">Front end outline</a> <a href="/tags/FrontPlan/" style="font-size: 10px;">FrontPlan</a> <a href="/tags/Git/" style="font-size: 10px;">Git</a> <a href="/tags/Gulp/" style="font-size: 10px;">Gulp</a> <a href="/tags/HTML/" style="font-size: 14px;">HTML</a> <a href="/tags/Hexo/" style="font-size: 18px;">Hexo</a> <a href="/tags/Interview/" style="font-size: 10px;">Interview</a> <a href="/tags/JavaScript/" style="font-size: 14px;">JavaScript</a> <a href="/tags/Javascript/" style="font-size: 10px;">Javascript</a> <a href="/tags/Markdown/" style="font-size: 10px;">Markdown</a> <a href="/tags/Mobile/" style="font-size: 14px;">Mobile</a> <a href="/tags/NodeJs/" style="font-size: 10px;">NodeJs</a> <a href="/tags/OOCSS/" style="font-size: 10px;">OOCSS</a> <a href="/tags/React/" style="font-size: 10px;">React</a> <a href="/tags/ReactNative/" style="font-size: 20px;">ReactNative</a> <a href="/tags/Sublime/" style="font-size: 16px;">Sublime</a> <a href="/tags/Vue/" style="font-size: 10px;">Vue</a> <a href="/tags/rem/" style="font-size: 10px;">rem</a> <a href="/tags/window-7/" style="font-size: 10px;">window 7</a> </div> </section> <section class="switch-part switch-part3"> <div id="js-friends"> <a target="_blank" class="main-nav-link switch-friends-link" href="http://ideateam.github.io/">百里</a> <a target="_blank" class="main-nav-link switch-friends-link" href="http://ideateam.github.io/">刘备</a> <a target="_blank" class="main-nav-link switch-friends-link" href="http://ideateam.github.io/">关羽</a> <a target="_blank" class="main-nav-link switch-friends-link" href="http://ideateam.github.io/">李白</a> <a target="_blank" class="main-nav-link switch-friends-link" href="http://ideateam.github.io/">武松</a> <a target="_blank" class="main-nav-link switch-friends-link" href="http://ideateam.github.io/">莫言</a> <a target="_blank" class="main-nav-link switch-friends-link" href="http://ideateam.github.io/">猴王</a> <a target="_blank" class="main-nav-link switch-friends-link" href="http://ideateam.github.io/">赵信</a> </div> </section> <section class="switch-part switch-part4"> <div id="js-aboutme">运动、旅行、喜欢接触新鲜事物、迎接新的挑战,更爱游离于错综复杂的编码与逻辑中</div> </section> </div> </div> </header> </div> </div> <div class="mid-col"> <nav id="mobile-nav"> <div class="overlay"> <div class="slider-trigger"></div> <h1 class="header-author js-mobile-header hide"><a href="/" title="Me">风中的芦苇哥</a></h1> </div> <div class="intrude-less"> <header id="header" class="inner"> <a href="/" class="profilepic"> <img lazy-src="/img/head.jpg" class="js-avatar"> </a> <hgroup> <h1 class="header-author"><a href="/" title="Me">风中的芦苇哥</a></h1> </hgroup> <p class="header-subtitle">这里没有捷径,唯有努力向前。</p> <nav class="header-menu"> <ul> <li><a href="/Home">博客首页</a></li> <li><a href="/works">作品展示</a></li> <li><a href="/about">留言打卡</a></li> <li><a href="/FrontEndGuide">前端导航</a></li> <div class="clearfix"></div> </ul> </nav> <nav class="header-nav"> <div class="social"> <a class="mail" target="_blank" href="http://mail.qq.com/cgi-bin/qm_share?t=qm_mailme&email=PAkNDgsKBQ4MCnxNTRJfU1E" title="mail">mail</a> <a class="github" target="_blank" href="https://github.com/ideateam" title="github">github</a> <a class="zhihu" target="_blank" href="https://www.zhihu.com/people/ideateam" title="zhihu">zhihu</a> <a class="weibo" target="_blank" href="http://weibo.com/ideateam" title="weibo">weibo</a> <a class="google" target="_blank" href="http://i.youku.com/ideateam" title="google">google</a> <a class="twitter" target="_blank" href="http://twitter.com/ideateam" title="twitter">twitter</a> <a class="Instagram" target="_blank" href="https://www.instagram.com/ideateam/" title="Instagram">Instagram</a> <a class="linkedin" target="_blank" href="https://www.linkedin.com/in/%E5%BF%A0%E6%88%90-%E6%9D%8E-a48562b1" title="linkedin">linkedin</a> </div> </nav> </header> </div> </nav> <div class="body-wrap"><article id="page-undefined" class="article article-type-page" itemscope itemprop="blogPost"> <div class="article-meta"> <a href="/README.html" class="article-date"> <time datetime="2017-03-20T03:04:26.000Z" itemprop="datePublished">2017-03-20</time> </a> </div> <div class="article-inner"> <input type="hidden" class="isFancy" /> <div class="article-entry" itemprop="articleBody"> <style> .article-meta { display: none; } #container .article .article-title { padding-right: 0; } .article-header { padding: 0; padding-top: 26px; border-left: none; text-align: center; } .article-header:hover { border-left: none; } .article-title { font-size: 1.6em } .article-meta { display: none; } .article-entry hr { margin: 0; } #container .article-info-post.article-info { display: none; } #container .article .article-title { padding: 0; } .count{ text-align: center; } </style> <p>.<br>├── _data/ # 对应目录的数据目录<br>├── _drafts/ # 草稿<br> ├── Demo/ # Demo<br> ├── FrontFrame/ # 框架<br> ├── React/ # React<br> ├── ReactNative/ # ReactNative<br> ├── Angular/ # Angular<br> ├── Vue/ # Vue<br> ├── Bootstrap/ # Bootstrap<br> ├── FrontFrame/ # FrontFrame<br> ├── Jquery/ # Jquery<br> ├── JqueryFullpage/ # JqueryFullpage<br> ├── Lazyman/ # Lazyman 单元测试<br> ├── QunarYo/ # QunarYo<br> └── Zepto/ # Zepto<br> ├── Hobby/ # 爱好<br> ├── Hexo/ # Hexo<br> ├── Induce/ # 笔记<br> ├── Ajax/ # Ajax<br> ├── CSS/ # CSS<br> ├── HTML/ # HTML<br> ├── JavaScript/ # JavaScript<br> ├── Mobile/ # Mobile<br> ├── Node/ # Node<br> ├── Skill/ # Skill<br> └── Weixin/ # Weixin<br> ├── Interview/ # 面试<br> ├── Module/ # 模块<br> ├── PHP/ # PHP<br> ├── Plug/ # 插件<br> ├── Gulp/ # Gulp<br> ├── Sublime/ # Sublime<br> ├── Webpack/ # Webpack<br> └── ChromePlug/ # ChromePlug<br> ├── Skill/ # 技能<br> └── nrom/ # 规范<br> ├── Tool/ # 工具<br> ├── WorkSummary.md # 工作纪要总结<br> └── WorkTask.md # 日常计划规划表<br>├── _posts/ # 发布文章<br>├── 404/ # 404页面<br>├── about/ # about页面<br>├── case/ # case页面<br>├── categories/ # categories页面<br>├── instagram/ # instagram页面<br>├── resoures/ # resoures页面<br>├── search/ # search页面<br>├── tags/ # tags页面<br>├── themes/ # themes页面<br>├── user/ # user页面<br>├── works/ # works页面<br>└── README.md # 目录结构</p> </div> </div> </article> <div class="bdsharebuttonbox"> <a href="#" class="fx fa-weibo bds_tsina" data-cmd="tsina" title="分享到新浪微博"></a> <a href="#" class="fx fa-weixin bds_weixin" data-cmd="weixin" title="分享到微信"></a> <a href="#" class="fx fa-qq bds_sqq" data-cmd="sqq" title="分享到QQ好友"></a> <a href="#" class="fx fa-facebook-official bds_fbook" data-cmd="fbook" title="分享到Facebook"></a> <a href="#" class="fx fa-twitter bds_twi" data-cmd="twi" title="分享到Twitter"></a> <a href="#" class="fx fa-linkedin bds_linkedin" data-cmd="linkedin" title="分享到linkedin"></a> <a href="#" class="fx fa-files-o bds_copy" data-cmd="copy" title="分享到复制网址"></a> </div> <script>window._bd_share_config={"common":{"bdSnsKey":{},"bdText":"","bdMini":"2","bdMiniList":false,"bdPic":"","bdStyle":"2","bdSize":"24"},"share":{}};with(document)0[(getElementsByTagName('head')[0]||body).appendChild(createElement('script')).src='/static/api/js/share.js?v=89860593.js?cdnversion='+~(-new Date()/36e5)];</script> <div id="gitments"></div> <script src="/js/gitment.browser.js"></script> <script> var gitment = new Gitment({ id: window.location.pathname, owner: 'ideateam', repo: 'ideateam.github.io', oauth: { client_id: '7f50019c6a02c37e7aca', client_secret: 'd583910e6ae1492b375796d2c82efcda2cc67aae', }, }) gitment.render('gitments') </script> <script> </script> </div> <footer id="footer"> <div class="outer"> <div id="footer-info"> <div class="footer-left"> © 2017 风中的芦苇哥 </div> <div class="footer-right"> <a href="http://hexo.io/" target="_blank">Hexo</a> Theme <a href="https://github.com/ideateam/hexo-theme-spfk" target="_blank">spfk</a> by feibaichen </div> </div> <div class="visit"> <span id="busuanzi_container_site_pv" style='display:none'> <span id="site-visit" >海贼到访数: <span id="busuanzi_value_site_uv"></span> </span> </span> <span>, </span> <span id="busuanzi_container_page_pv" style='display:none'> <span id="page-visit">本页阅读量: <span id="busuanzi_value_page_pv"></span> </span> </span> </div> </div> </footer> </div> <script src="https://7.url.cn/edu/jslib/comb/require-2.1.6,jquery-1.9.1.min.js"></script> <script src="/js/main.js"></script> <script> $(document).ready(function() { var backgroundnum = 24; var backgroundimg = "url(/background/bg-x.jpg)".replace(/x/gi, Math.ceil(Math.random() * backgroundnum)); $("#mobile-nav").css({"background-image": backgroundimg,"background-size": "cover","background-position": "center"}); $(".left-col").css({"background-image": backgroundimg,"background-size": "cover","background-position": "center"}); }) </script> <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "//hm.baidu.com/hm.js?819b1c6493df653afb8c7846bc4b8db6"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> <div class="scroll" id="scroll"> <a href="#"><i class="fa fa-arrow-up"></i></a> <a href="#comments"><i class="fa fa-comments-o"></i></a> <a href="#footer"><i class="fa fa-arrow-down"></i></a> </div> <script> $(document).ready(function() { if ($("#comments").length < 1) { $("#scroll > a:nth-child(2)").hide(); }; }) </script> <script async src="https://dn-lbstatics.qbox.me/busuanzi/2.3/busuanzi.pure.mini.js"> </script> <script language="javascript"> $(function() { $("a[title]").each(function() { var a = $(this); var title = a.attr('title'); if (title == undefined || title == "") return; a.data('title', title).removeAttr('title').hover( function() { var offset = a.offset(); $("<div id=\"anchortitlecontainer\"></div>").appendTo($("body")).html(title).css({ top: offset.top - a.outerHeight() - 15, left: offset.left + a.outerWidth()/2 + 1 }).fadeIn(function() { var pop = $(this); setTimeout(function() { pop.remove(); }, pop.text().length * 800); }); }, function() { $("#anchortitlecontainer").remove(); }); }); }); </script> <script type="text/javascript"> window.onload = function(){ document.getElementById("search").onclick = function(){ console.log("search") search(); } } function search(){ (function(w,d,t,u,n,s,e){w['SwiftypeObject']=n;w[n]=w[n]||function(){ (w[n].q=w[n].q||[]).push(arguments);};s=d.createElement(t); e=d.getElementsByTagName(t)[0];s.async=1;s.src=u;e.parentNode.insertBefore(s,e); })(window,document,'script','//s.swiftypecdn.com/install/v2/st.js','_st'); _st('install','A1Pz-LKMXbrzcFg2FWi6','2.0.0'); } </script> </div> </body> </html>
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.