代码�?- th是个小屁�?/title> <link rel="shortcut icon" href="/blog/favicon.ico">  <link rel="stylesheet" href="//cdn.bootcss.com/font-awesome/4.5.0/css/font-awesome.min.css"> <link rel="stylesheet" href="/blog/css/thplayer.css">  <link rel="stylesheet" href="/blog/css/style.css"> <script src="js/jquery.js"></script> </head> <body>  <header class="site-header"> <div class="header-inside"> <div class="logo"> <a href="http://www.tianhao.site" rel="home"> <img src="img/timg.jpg" alt="th是个小屁�? height="60"> </a> </div> <a class="header-name" href="/blog/"> <span>th是个小屁�?/span> 的部落宅 </a>  <nav class="navbar">  <div class="collapse"> <ul class="navbar-nav"> <li> <a href="/blog/."> <i class="fa fa-home "></i> 首页 </a> </li> <li> <a href="/blog/archives"> <i class="fa fa-archive "></i> 归档 </a> </li> <li> <a href="/blog/about"> <i class="fa fa-user "></i> 关于 </a> </li> <li> <a href="/blog/project"> <i class="fa fa-folder-open "></i> 项目 </a> </li> <li> <a href="/blog/photo"> <i class="fa fa-photo "></i> 相册 </a> </li> <li> <a href="/blog/guestbook"> <i class="fa fa-edit "></i> 留言 </a> </li> <li> <a href="/blog/one"> <i class="fa fa-bicycle "></i> one </a> </li> <li> <a href="/blog/atom.xml"> <i class="fa fa-send "></i> RSS </a> </li> </ul> </div>  </nav> <div class="button-wrap"> <button class="menu-toggle">Primary Menu</button> </div> </div> </header>  <style> #container { margin: auto; max-width: 1280px; margin-top: 5em; margin-bottom: 60px; animation: cont 0.3s; border-radius: 3px; background-color: #fff; padding: 20px 0px 15px 0px; clear: both; } .about-me .counts, .about-me .profile { border-bottom: 1px solid #eee; margin: 0 0 3%; padding: 0 0 3%; text-align: center; } .about-me .avatar-450 { width: 150px; height: 150px; text-align: center; border-radius: 100%; border: 3px solid #F2F5F7; } .avatar-450 { width: 30%; max-width: 150px; height: auto; border-radius: 100%; } .about-me .about-avatar, .about-me .info { display: inline-block; vertical-align: top; letter-spacing: 0; margin-top: -15px; } .about-me .info { width: 30%; padding-left: 15px; } .about-me .info h1 { font-weight: 700; font-size: 20px; color: #333; word-break: break-all; } .about-me .info h1, .about-me p { color: rgba(0,0,0,.6); width: 100%; display: block; overflow: hidden; text-overflow: ellipsis; } .repo-list{ list-style: none; } li.repo{ width: 32%; display: inline-block; border: 1px solid #ddd; margin: 0.3%; box-shadow: 0 0 8px 0 rgba(0,0,0,.25); transition: all .3s linear; } li.repo:hover{ box-shadow: 0 0 18px 0 rgba(0,0,0,.5); } li.repo h2 { margin-top: 20px; padding: 10px 20px 5px; color: #CE2323; } li.repo p.commit { padding: 0 20px 20px; font-size: 0.6em; } li p.fot{ margin: 0 20px 15px; } li span.pic{ position: relative; top: 1px; display: inline-block; width: 12px; height: 12px; border-radius: 50%; } li span.language{ padding-left: 20px; color: #767676; } @media all and (max-width:1440px){ #container{max-width:1100px} .post-random .photo {width: 23%;} } @media (max-width: 999px) { #container { width: 95%; margin-top: 2em; } } @media screen and (max-width: 960px) { li.repo { display: block; width: 85%; margin: 10px auto; } } @media (max-width: 720px) { #container { box-shadow: rgba(0, 0, 0, 0.298039) 0px 0px 0px 0px, rgba(0, 0, 0, 0.298039) 0px 0px 0px 0px; width: 94%; margin: 10px auto auto -3px; padding: 15px; } } </style> <div id="container"> <div class="about-me about_mob" style="display: inherit;"> <div class="profile"> <img alt="" src="img/avator.jpg" class="avatar avatar-450 photo" height="450" width="450"> <div class="info aboutinfo"> <h1><span>th是个小屁�?/span>的代码库</h1> <p>永远相信</p> <p>美好的事情即将发�?/p> </div> </div> </div> <div class="codeBox"> <ol class="repo-list"> <li class="repo"> <a href="http://www.tianhao.site/blog/2017/02/23/%E3%80%8AJavaScript%20DOM%20%E7%BC%96%E7%A8%8B%E8%89%BA%E6%9C%AF2%E3%80%8B%20%E7%AC%94%E8%AE%B0%E6%91%98%E6%8A%84%20/" target="_blank"> <div class="content"> <h2 class="title">《javascript DOM 编程艺术２�?/h2> <p class="commit">读书心得，摘录封装函�?/p> <p class="fot"> <span class="pic" style="background-color: #f1e05a;"></span><span class="language">readnote</span> </p> </div> </a> </li> <li class="repo"> <a href="https://github.com/th720309/one-webapp" target="_blank"> <div class="content"> <h2 class="title">《one·一个》webapp</h2> <p class="commit">Vue+Webpack高仿《one·一个》Webapp</p> <p class="fot"> <span class="pic" style="background-color: #f1e05a;"></span><span class="language">css</span> </p> </div> </a> </li> <li class="repo"> <a href="https://github.com/th720309/M-thplayer" target="_blank"> <div class="content"> <h2 class="title">M-thplayer播放�?/h2> <p class="commit">超级好看的html5浮窗音乐播放�?/p> <p class="fot"> <span class="pic" style="background-color: #f1e05a;"></span><span class="language">javascript</span> </p> </div> </a> </li> <li class="repo"> <a href="https://github.com/th720309/gobang-game" target="_blank"> <div class="content"> <h2 class="title">js实现的五子棋游戏</h2> <p class="commit">根据慕课网上JS实现人工智能五子棋的教程实现人机部分，之后自己更改了样式添加上了人人大战板块�?/p> <p class="fot"> <span class="pic" style="background-color: #f1e05a;"></span><span class="language">javascript</span> </p> </div> </a> </li> <li class="repo"> <a href="https://github.com/th720309/game-2048" target="_blank"> <div class="content"> <h2 class="title">js实现�?048游戏</h2> <p class="commit">根据慕课网上JS实现�?048,并且适配移动端，之后自己改动了算法以及动手写了一个火影版�?048.�?/p> <p class="fot"> <span class="pic" style="background-color: #f1e05a;"></span><span class="language">javascript</span> </p> </div> </a> </li> <li class="repo"> <a href="https://github.com/th720309/hexo-theme-believe" target="_blank"> <div class="content"> <h2 class="title">hexo-theme-believe　主题</h2> <p class="commit">基于ejs和sass自定义化的hexo博客主题框架,demo:www.tianhao,site/blog</p> <p class="fot"> <span class="pic" style="background-color: #f1e05a;"></span><span class="language">css</span> </p> </div> </a> </li> <li class="repo"> <a href="https://github.com/th720309/--MVC" target="_blank"> <div class="content"> <h2 class="title">模拟登录大连交通大学教务在�?/h2> <p class="commit">模拟登录大连交通大学教务MVC框架，目前实现查分系统，课表查询尚未实现</p> <p class="fot"> <span class="pic" style="background-color: #f1e05a;"></span><span class="language">java</span> </p> </div> </a> </li> <li class="repo"> <a href="https://github.com/th720309/163music_spider" target="_blank"> <div class="content"> <h2 class="title">网易云音乐歌单爬�?/h2> <p class="commit">使用jsoup解析网页结构爬取网易云音乐歌单，内附民谣歌单收听排行。后续会继续添加其他内容</p> <p class="fot"> <span class="pic" style="background-color: #f1e05a;"></span><span class="language">java/python</span> </p> </div> </a> </li> <li class="repo"> <a href="https://github.com/th720309/node_bbs" target="_blank"> <div class="content"> <h2 class="title">node_bbs论坛</h2> <p class="commit">论坛使用Node.js+Express+Mongodb开发完成，设计参考cnode社区。前端渲染使用ejs,之后会使用vue替代ejs�?/p> <p class="fot"> <span class="pic" style="background-color: #f1e05a;"></span><span class="language">node</span> </p> </div> </a> </li> </ol> </div> </div> 　　 <div id="rocket-to-top"> <div class="level-2"></div> <div class="level-3"></div> </div> <script src="js/top.js"></script> <script type="text/javascript" src="js/jquery.js"></script>   <footer class="site-info"> <p> <span>th是个小屁�?© 2017</span> <span class="split">|</span> <span>th是个小屁孩的技术小�?/span> </p> <script async src="//dn-lbstatics.qbox.me/busuanzi/2.3/busuanzi.pure.mini.js"></script> 本站总访问量<span id="busuanzi_value_site_pv"></span>�? 本站访客�?span id="busuanzi_value_site_uv"></span>人次 </footer>   <script src="/blog/js/app.js"></script>  <script type="text/javascript"> var duoshuoQuery = {short_name:'th720309'}; (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>  </body> </html>