GroupBlog

1.JS简介(1)JS的基本输出语句实例如下 ...  <div class="post-button text-center"> <a class="btn" href="/user/10042/blog/104102344">阅读全文 »</a> </div> </div>  <footer class="post-footer"> <div class="post-eof"></div> </footer> </div> </article> <article class="post post-type-normal"> <div class="post-block" style="opacity: 1; display: block;">  <header class="post-header" style="opacity: 1; display: block; transform: translateY(0px);">  <h1 class="post-title"> <a class="post-title-link" target="_self" href="/user/10042/blog/104102345"> CSS样式学习笔记 </a> </h1>  <div class="post-meta"> <span class="post-flag"> <span class="layui-badge-rim"> 原 </span> </span> <span class="post-author"> <span class="post-meta-item-icon"> <i class="fa fa-user-o" aria-hidden="true"></i> </span> <span class="post-meta-item-text">作者</span> <span> <a href="/user/10042">苗帅</a> </span> </span> <span class="post-time"> <span class="post-meta-divider">|</span> <span class="post-meta-item-icon"> <i class="fa fa-calendar-o"></i> </span> <span class="post-meta-item-text">发表于</span> <time>2016-06-03 06:26</time> </span> <span class="post-category"> <span class="post-meta-divider">|</span> <span class="post-meta-item-icon"> <i class="fa fa-folder-o"></i> </span> <span class="post-meta-item-text">分类于</span> <span> <a href="/category"> <span>2013级</span> </a> </span> </span> </div> </header>  <div class="post-body" style="opacity: 1; display: block; transform: translateY(0px);"> 1.CSS背景颜色我们可以使用background-color属性为元素设置背景色这条规则把元素背景色设为灰色 p {background-color: gray;} 如果我们希望背景色从元素中的文本向外少有延生，只需要增加一些内边距 p {background-color: gray...  <div class="post-button text-center"> <a class="btn" href="/user/10042/blog/104102345">阅读全文 »</a> </div> </div>  <footer class="post-footer"> <div class="post-eof"></div> </footer> </div> </article> <article class="post post-type-normal"> <div class="post-block" style="opacity: 1; display: block;">  <header class="post-header" style="opacity: 1; display: block; transform: translateY(0px);">  <h1 class="post-title"> <a class="post-title-link" target="_self" href="/user/10042/blog/104102346"> CSS基础学习笔记 </a> </h1>  <div class="post-meta"> <span class="post-flag"> <span class="layui-badge-rim"> 原 </span> </span> <span class="post-author"> <span class="post-meta-item-icon"> <i class="fa fa-user-o" aria-hidden="true"></i> </span> <span class="post-meta-item-text">作者</span> <span> <a href="/user/10042">苗帅</a> </span> </span> <span class="post-time"> <span class="post-meta-divider">|</span> <span class="post-meta-item-icon"> <i class="fa fa-calendar-o"></i> </span> <span class="post-meta-item-text">发表于</span> <time>2016-06-02 06:19</time> </span> <span class="post-category"> <span class="post-meta-divider">|</span> <span class="post-meta-item-icon"> <i class="fa fa-folder-o"></i> </span> <span class="post-meta-item-text">分类于</span> <span> <a href="/category"> <span>2013级</span> </a> </span> </span> </div> </header>  <div class="post-body" style="opacity: 1; display: block; transform: translateY(0px);"> 初学CSS所以就以博客的形式记录下来，权当是个记事本了。1.CSS语法CSS规则由俩个主要部分构成：选择器，以及一条或多条声明 selector {declaration1;declaration2;… declarationN} 其中选择器通常是你需要改变的HTML元素，例如”p”或”h1”...  <div class="post-button text-center"> <a class="btn" href="/user/10042/blog/104102346">阅读全文 »</a> </div> </div>  <footer class="post-footer"> <div class="post-eof"></div> </footer> </div> </article> <article class="post post-type-normal"> <div class="post-block" style="opacity: 1; display: block;">  <header class="post-header" style="opacity: 1; display: block; transform: translateY(0px);">  <h1 class="post-title"> <a class="post-title-link" target="_self" href="/user/10042/blog/104102347"> Shell学习-入门(一) </a> </h1>  <div class="post-meta"> <span class="post-flag"> <span class="layui-badge-rim"> 原 </span> </span> <span class="post-author"> <span class="post-meta-item-icon"> <i class="fa fa-user-o" aria-hidden="true"></i> </span> <span class="post-meta-item-text">作者</span> <span> <a href="/user/10042">苗帅</a> </span> </span> <span class="post-time"> <span class="post-meta-divider">|</span> <span class="post-meta-item-icon"> <i class="fa fa-calendar-o"></i> </span> <span class="post-meta-item-text">发表于</span> <time>2016-05-29 17:56</time> </span> <span class="post-category"> <span class="post-meta-divider">|</span> <span class="post-meta-item-icon"> <i class="fa fa-folder-o"></i> </span> <span class="post-meta-item-text">分类于</span> <span> <a href="/category"> <span>2013级</span> </a> </span> </span> </div> </header>  <div class="post-body" style="opacity: 1; display: block; transform: translateY(0px);"> 本篇博文主要向读者介绍shell的环境以及熟悉shell的基本特性本篇博文中所涉及的所有实例都是在ubuntu15.04版本下演示的1.shell简介 shell脚本通常是以 #! /bin/bash 为起始的文本文件，有俩中运行脚本的方式，一种是以bash解释器运行 bash scrip...  <div class="post-button text-center"> <a class="btn" href="/user/10042/blog/104102347">阅读全文 »</a> </div> </div>  <footer class="post-footer"> <div class="post-eof"></div> </footer> </div> </article> <article class="post post-type-normal"> <div class="post-block" style="opacity: 1; display: block;">  <header class="post-header" style="opacity: 1; display: block; transform: translateY(0px);">  <h1 class="post-title"> <a class="post-title-link" target="_self" href="/user/10042/blog/104102348"> Redis中基本数据类型的操作 </a> </h1>  <div class="post-meta"> <span class="post-flag"> <span class="layui-badge-rim"> 原 </span> </span> <span class="post-author"> <span class="post-meta-item-icon"> <i class="fa fa-user-o" aria-hidden="true"></i> </span> <span class="post-meta-item-text">作者</span> <span> <a href="/user/10042">苗帅</a> </span> </span> <span class="post-time"> <span class="post-meta-divider">|</span> <span class="post-meta-item-icon"> <i class="fa fa-calendar-o"></i> </span> <span class="post-meta-item-text">发表于</span> <time>2016-05-24 17:30</time> </span> <span class="post-category"> <span class="post-meta-divider">|</span> <span class="post-meta-item-icon"> <i class="fa fa-folder-o"></i> </span> <span class="post-meta-item-text">分类于</span> <span> <a href="/category"> <span>2013级</span> </a> </span> </span> </div> </header>  <div class="post-body" style="opacity: 1; display: block; transform: translateY(0px);"> redis是目前比较主流的nosql数据库了，实际应用也变的越来越流行，所以感觉还是很值得一学的，新手初入此们(哈哈) redis的下载戳这里http://download.redis.io/releases/redis-2.8.12.tar.gzRedis中的数据结构使用1.字符串string...  <div class="post-button text-center"> <a class="btn" href="/user/10042/blog/104102348">阅读全文 »</a> </div> </div>  <footer class="post-footer"> <div class="post-eof"></div> </footer> </div> </article> <article class="post post-type-normal"> <div class="post-block" style="opacity: 1; display: block;">  <header class="post-header" style="opacity: 1; display: block; transform: translateY(0px);">  <h1 class="post-title"> <a class="post-title-link" target="_self" href="/user/10042/blog/104102349"> 将普通图片转化为字符画(Python) </a> </h1>  <div class="post-meta"> <span class="post-flag"> <span class="layui-badge-rim"> 原 </span> </span> <span class="post-author"> <span class="post-meta-item-icon"> <i class="fa fa-user-o" aria-hidden="true"></i> </span> <span class="post-meta-item-text">作者</span> <span> <a href="/user/10042">苗帅</a> </span> </span> <span class="post-time"> <span class="post-meta-divider">|</span> <span class="post-meta-item-icon"> <i class="fa fa-calendar-o"></i> </span> <span class="post-meta-item-text">发表于</span> <time>2016-05-20 14:09</time> </span> <span class="post-category"> <span class="post-meta-divider">|</span> <span class="post-meta-item-icon"> <i class="fa fa-folder-o"></i> </span> <span class="post-meta-item-text">分类于</span> <span> <a href="/category"> <span>2013级</span> </a> </span> </span> </div> </header>  <div class="post-body" style="opacity: 1; display: block; transform: translateY(0px);"> 1.设计思路如何把以.png的图片以不同字符把它形象的画出来呢？我们知道其实一张图片是由很多不同像素点所组成的，每种像素点可以表示一种颜色。那么如果我们用不同的字符来代替各种像素点，是不是就可以将图片转化为字符画了？没错就是要用这个原理2.需做的准备为了实现我们本片博文所述的功能，不许得有一个...  <div class="post-button text-center"> <a class="btn" href="/user/10042/blog/104102349">阅读全文 »</a> </div> </div>  <footer class="post-footer"> <div class="post-eof"></div> </footer> </div> </article> <article class="post post-type-normal"> <div class="post-block" style="opacity: 1; display: block;">  <header class="post-header" style="opacity: 1; display: block; transform: translateY(0px);">  <h1 class="post-title"> <a class="post-title-link" target="_self" href="/user/10042/blog/104102350"> Python解析模块argparse </a> </h1>  <div class="post-meta"> <span class="post-flag"> <span class="layui-badge-rim"> 原 </span> </span> <span class="post-author"> <span class="post-meta-item-icon"> <i class="fa fa-user-o" aria-hidden="true"></i> </span> <span class="post-meta-item-text">作者</span> <span> <a href="/user/10042">苗帅</a> </span> </span> <span class="post-time"> <span class="post-meta-divider">|</span> <span class="post-meta-item-icon"> <i class="fa fa-calendar-o"></i> </span> <span class="post-meta-item-text">发表于</span> <time>2016-05-19 16:22</time> </span> <span class="post-category"> <span class="post-meta-divider">|</span> <span class="post-meta-item-icon"> <i class="fa fa-folder-o"></i> </span> <span class="post-meta-item-text">分类于</span> <span> <a href="/category"> <span>2013级</span> </a> </span> </span> </div> </header>  <div class="post-body" style="opacity: 1; display: block; transform: translateY(0px);"> 初学python，今天在偶然间了解到python中有个解析模块argparse，其实此解析模块和linuxC下的getopt()的功能大同小异，写此篇博文的目的只是为了做个笔记~熟悉linux系统命令的人都知道，每个命令后面都可以跟许多参数来实现不同的功能，拿最简单的ls来举例吧当我们输入l...  <div class="post-button text-center"> <a class="btn" href="/user/10042/blog/104102350">阅读全文 »</a> </div> </div>  <footer class="post-footer"> <div class="post-eof"></div> </footer> </div> </article> <article class="post post-type-normal"> <div class="post-block" style="opacity: 1; display: block;">  <header class="post-header" style="opacity: 1; display: block; transform: translateY(0px);">  <h1 class="post-title"> <a class="post-title-link" target="_self" href="/user/10042/blog/104102351"> 深夜杂记 </a> </h1>  <div class="post-meta"> <span class="post-flag"> <span class="layui-badge-rim"> 原 </span> </span> <span class="post-author"> <span class="post-meta-item-icon"> <i class="fa fa-user-o" aria-hidden="true"></i> </span> <span class="post-meta-item-text">作者</span> <span> <a href="/user/10042">苗帅</a> </span> </span> <span class="post-time"> <span class="post-meta-divider">|</span> <span class="post-meta-item-icon"> <i class="fa fa-calendar-o"></i> </span> <span class="post-meta-item-text">发表于</span> <time>2016-05-16 19:44</time> </span> <span class="post-category"> <span class="post-meta-divider">|</span> <span class="post-meta-item-icon"> <i class="fa fa-folder-o"></i> </span> <span class="post-meta-item-text">分类于</span> <span> <a href="/category"> <span>2013级</span> </a> </span> </span> </div> </header>  <div class="post-body" style="opacity: 1; display: block; transform: translateY(0px);"> 不知不觉撸码到现在，突然间感觉已经马上就大四了，大学生活还没来得及感受，似乎就要过完了。估计工作之后很少会有为了兴趣而撸码到现在吧？所以得抓紧时间赶紧多学些自己真正感兴趣的东西才好哇!  <div class="post-button text-center"> <a class="btn" href="/user/10042/blog/104102351">阅读全文 »</a> </div> </div>  <footer class="post-footer"> <div class="post-eof"></div> </footer> </div> </article> </div> </div>       <nav class="pagination" style="opacity: 1; display: block;" >  <a class="extend first" rel="first" href="/user/10042?pageNum=1&pageSize=10" > 首页 </a>  <a class="extend prev" rel="prev" href="/user/10042?pageNum=1&pageSize=10" > <i class="fa fa-angle-left"></i> </a>   <a class="page-number" href="/user/10042?pageNum=1&pageSize=10"> 1 </a>  <span class="page-number current"> 2 </span>    <a class="page-number" href="/user/10042?pageNum=3&pageSize=10"> 3 </a>   <a class="page-number" href="/user/10042?pageNum=4&pageSize=10"> 4 </a>   <a class="page-number" href="/user/10042?pageNum=5&pageSize=10"> 5 </a>  <a class="extend next" rel="next" href="/user/10042?pageNum=3&pageSize=10"> <i class="fa fa-angle-right"></i> </a>  <a class="extend end" rel="end" href="/user/10042?pageNum=10&pageSize=10"> 尾页 </a> </nav> </div> <div class="sidebar-toggle"> <div class="sidebar-toggle-line-wrap"> <span class="sidebar-toggle-line sidebar-toggle-line-first"></span> <span class="sidebar-toggle-line sidebar-toggle-line-middle"></span> <span class="sidebar-toggle-line sidebar-toggle-line-last"></span> </div> </div> <aside id="sidebar" class="sidebar"> <div class="sidebar-inner"> <section class="site-overview-wrap sidebar-panel sidebar-panel-active"> <div class="site-overview"> <div class="site-author motion-element"> <img class="site-author-image" src="https://q1.qlogo.cn/g?b=qq&nk=945970809&s=100"/> <p class="site-author-name">苗帅</p> <p class="site-description motion-element"></p> </div> <nav class="site-state motion-element"> <div class="site-state-item site-state-posts"> <a href="/archive/user/10042"> <span class="site-state-item-count">91</span> <span class="site-state-item-name">博客</span> </a> </div> </nav> <div class="links-of-author motion-element"> </div> </div> </section> </div> </aside> </div> </main>  <footer id="footer" class="footer"> <div class="footer-inner"> <div class="copyright">© <span>2023</span> <span class="with-love"> <i class="fa fa-user"></i> </span> <span class="author">西邮Linux兴趣小组 </span> </div> <div class="powered-by">由 <a class="theme-link" target="_blank" href="https://hexo.io">Hexo</a> 强力驱动</div> <span class="post-meta-divider">|</span> <div class="theme-info">主题 — <a class="theme-link" target="_blank" href="https://github.com/iissnan/hexo-theme-next">NexT.Pisces</a> v5.1.4 </div> </div> </footer>  <div class="back-to-top"> <i class="fa fa-arrow-up"></i> </div> </div> <script type="text/javascript"> if (Object.prototype.toString.call(window.Promise) !== '[object Function]') { window.Promise = null; } </script> <script type="text/javascript" src="/lib/jquery/index-32015dd42e9582a80a84736f5d9a44d7.js"></script> <script type="text/javascript" src="/lib/fastclick/lib/fastclick.min-a0fc6c24d1f3ff9ac281887c92b24acd.js"></script> <script type="text/javascript" src="/lib/jquery_lazyload/jquery.lazyload-8b427f9e86864ee3aaf1ae33e6e14263.js"></script> <script type="text/javascript" src="/lib/velocity/velocity.min-c1b8d079c7049879838d78e0b389965e.js"></script> <script type="text/javascript" src="/lib/velocity/velocity.ui.min-444faf512fb24d50a5dec747cbbe39bd.js"></script> <script type="text/javascript" src="/lib/fancybox/source/jquery.fancybox.pack-cc9e759f24ba773aeef8a131889d3728.js"></script> <script type="text/javascript" src="/lib/three/three.min-3298078bce82bdb1afadf5b1a280915e.js"></script> <script type="text/javascript" src="/lib/three/three-waves.min-41059bd5e5c7aa520b1b411919e5121f.js"></script> <script type="text/javascript" src="/js/src/utils-bfcdaa95b288bdacd33f05d7d1546652.js"></script> <script type="text/javascript" src="/js/src/motion-0f6add86607c451269d0b3d286c84d8b.js"></script> <script type="text/javascript" src="/js/src/affix-683c19859764baf0d17538897ea1eba2.js"></script> <script type="text/javascript" src="/js/src/schemes/pisces-827b5ad25e1142277c1e7dfe0cacebe5.js"></script> <script type="text/javascript" src="/js/src/bootstrap-2a1083772854ae2663748e0a25c17285.js"></script> </body> </html>

jQuery效果

DOM文档对象模型

JavaScript基础学习