sswya Goto Github PK
Type: User
Type: User
<!DOCTYPE html> <html lang="en" class="loading"> <head><meta name="generator" content="Hexo 3.9.0"> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"> <title>kyralo</title> <meta name="apple-mobile-web-app-capable" content="yes"> <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"> <meta name="google" content="notranslate"> <meta name="keywords" content="kyralo,"> <meta name="author" content="kyralo"> <link rel="icon" href="https://cdn.jsdelivr.net/gh/kyralo/cdn/ico/favicon.ico"> <link rel="stylesheet" href="//cdn.jsdelivr.net/npm/gitalk@1/dist/gitalk.css"> <link rel="stylesheet" href="//cdn.jsdelivr.net/gh/kyralo/[email protected]/css/diaspora.css"> <!-- <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> --> <script> (adsbygoogle = window.adsbygoogle || []).push({ google_ad_client: "ca-pub-8691406134231910", enable_page_level_ads: true }); </script> <!-- <script async custom-element="amp-auto-ads" src="https://cdn.ampproject.org/v0/amp-auto-ads-0.1.js"> </script> --> </head> </html> <body class="loading"> <span id="config-title" style="display:none">kyralo</span> <div id="loader"></div> <div id="single" class="page"> <div id="top"> <a class="icon-left image-icon" href="javascript:history.back()"></a> </div> <div class="section"> <div class="article"> <div class="main"> <div class="content"> <h3 id="学习记录"><a href="#学习记录" class="headerlink" title="学习记录"></a>学习记录</h3> </div> </div> </div> </div> </div> </body> <script src="//cdn.jsdelivr.net/npm/gitalk@1/dist/gitalk.min.js"></script> <script src="//lib.baomitu.com/jquery/1.8.3/jquery.min.js"></script> <script src="//cdn.jsdelivr.net/gh/kyralo/cdn/js/plugin.js"></script> <script src="//cdn.jsdelivr.net/gh/kyralo/[email protected]/js/diaspora.js"></script> <script src="//cdn.bootcss.com/typed.js/2.0.11/typed.min.js"></script> <link rel="stylesheet" href="//cdn.jsdelivr.net/gh/kyralo/cdn/css/photoswipe.css"> <link rel="stylesheet" href="//cdn.jsdelivr.net/gh/kyralo/cdn/css/default-skin.css"> <script src="//cdn.jsdelivr.net/gh/kyralo/cdn/js/photoswipe.min.js"></script> <script src="//cdn.jsdelivr.net/gh/kyralo/cdn/js/photoswipe-ui-default.min.js"></script> <!-- Root element of PhotoSwipe. Must have class pswp. --> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true"> <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button class="pswp__button pswp__button--close" title="Close (Esc)"></button> <button class="pswp__button pswp__button--share" title="Share"></button> <button class="pswp__button pswp__button--fs" title="Toggle fullscreen"></button> <button class="pswp__button pswp__button--zoom" title="Zoom in/out"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader--active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <!-- Google Analytics --> <script type="text/javascript"> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','https://www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-146789315-1', 'auto'); ga('send', 'pageview'); </script> <!-- End Google Analytics --> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/APlayer.min.css"> <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/APlayer.min.js"></script> <style> .aplayer .aplayer-lrc { height: 35px; } .aplayer .aplayer-lrc p{ font-size: 16px; font-weight: 700; line-height: 18px !important; } .aplayer .aplayer-lrc p.aplayer-lrc-current{ color: #FF1493; } .aplayer.aplayer-narrow .aplayer-body{ left: -66px !important; } .aplayer.aplayer-fixed .aplayer-lrc { display: none; } .aplayer .aplayer-lrc.aplayer-lrc-hide { display:none !important; } .aplayer.aplayer-fixed .lrc-show { display: block; background: rgba(255, 255, 255, 0.8); } </style> <div class="aplayer" data-id="2725346449" data-server="netease" data-type="playlist" data-fixed="true" data-autoplay="false" data-loop="all" data-order="random" data-preload="auto" data-volume="0.7" data-mutex="true" </div> <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/Meting.min.js"></script> <script> $(function(){ $('body').on('click', '.aplayer', function(){ if($('.aplayer-button').hasClass('aplayer-play')) { $('.aplayer-lrc').removeClass('lrc-show'); } else { $('.aplayer-lrc').addClass('lrc-show'); } }) }); </script> </html>
✨ Beautifully simple click-to-copy CSS effects
demo house copy
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.