10.20 冯娜

学习日志
一、新建html文件:(创建时的代码都一样)

(1)vscode:

    

    

Document

    

我出自vscode

(2)HBuilder X:

        

HBuilder

​ 我来自HBuilder

(3)记事本:

    

    

Document

    

我出自于记事本

二、使用vscode、HBuilder、webstorm编写程序
三、可视化编写HTML的工具:

(1)KindEditor:在线编写HTML编辑器,有很多功能都已经写出,可直接像写word那样使用它们,所见即所得,很方便。

(2)Dreamweaver:可视化编辑HTML,会有种双向绑定的感觉,代码编写可以同步在可视化窗口中,且可以根据自己的想法写代码,很直观的看到结果。

(3)CKeditor:和KindEditor在界面上看起来差不多,但是需要购买才可以使用,插件价格较贵,不适合学习使用。

四、html标签:

(1)HTML格式:

文档声明:<!DOCTYPE html>

网页结构:

<head>
    <meta charset="utf-8"/> //字符编码
    <title>网页名称</title>
</head>

​ 内容

(2)标题:h1~h6:逐渐变小

(3)段落:

是块级元素,会有段落的格式(段前段后有间距)

(4)文本格式化:文本的表现样式

    

一代人终将老去

    

总有人正年轻

这是上标,这是下标

我是删除字

这里,这里,插入字

    一段电脑代码 print("Hello world")

键盘输入

计算机

i=10;

    

对空行和 空格

​ 进行控制

The HW

​ Written by Jon Doe.

Visit us at:

Example.com

Box 564, Disneyland

USA

    

该段文字从左向右显示。

    

该段文字从右到左显示。

(5)链接:链接的名字

(6)图片:(三种情况)

a、图片与html文件在同一文件夹内:

b、图片与html文件在同一文件夹下,图片文件夹与html文件属于兄弟关系:与./效果一致

c、图片文件夹与html文件夹属于兄弟关系:

注意:../表示上一层

(7)列表:

a、无序列表:

您喜欢的水果有哪些呢?

  • 香蕉
  • 苹果
  • 榴莲
  • 西瓜

b、有序列表:

奥运金牌榜

  1. 美国
  2. 英国
  3. 中国
  4. 俄罗斯

c、自定义列表:

地区:

北京

昌平区

海定区

大兴区

东城区

山东

威海

济南

潍坊

青岛

(8)区块:

a、

:块级元素:还有

~

(9)表单:

用户名:

密码:

(10)头部:

a、:用于定义标题</p> <p>b、</p> <style>:用于css样式的引用</p> <p>c、<meta>:描述了基本的元数据</p> <p>d、<link>:用于与外部资源链接</p> <div class="wbp-cbm like-btn-wp"><a class="btn-like" data-post_id="4136" data-count="0" data-api="http://www.ycdledu.com/wp-admin/admin-ajax.php"><svg xmlns="http://www.w3.org/2000/svg" width="22" height="22"><g fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M5 19l2.3 1.1c1.1.6 2.4.9 3.7.9h7a2 2 0 002-2l1-8a2 2 0 00-2-2h-5V6c0-1.7-1-4-2.5-4.9-.7-.3-1.5.1-1.5.9v4l-5 6M1 10h4v11H1z"/></g></svg><span class="like-count">点赞</span></a></div> </div> </article> <div class="sidebar"> <div class="sb-inner"> <section id="search-8" class="widget widget_search"><form class="search-form" id="searchform" action="http://www.ycdledu.com/" method="get"> <button type="button" class="btn-search" id="searchsubmit"><svg class="wb-icon wbsico-search"><use xlink:href="#wbsico-search"></use></svg></button> <input type="text" class="form-control" autocomplete="off" name="s" id="s" placeholder="搜索" /> <input type="hidden" name="post_type" value="post" /> </form></section><section id="calendar-3" class="widget widget_calendar"><h2 class="widgettitle">学员日志</h2> <div id="calendar_wrap" class="calendar_wrap"><table id="wp-calendar"> <caption>2021年10月</caption> <thead> <tr> <th scope="col" title="星期一">一</th> <th scope="col" title="星期二">二</th> <th scope="col" title="星期三">三</th> <th scope="col" title="星期四">四</th> <th scope="col" title="星期五">五</th> <th scope="col" title="星期六">六</th> <th scope="col" title="星期日">日</th> </tr> </thead> <tfoot> <tr> <td colspan="3" id="prev"><a href="http://www.ycdledu.com/date/2021/09/">« 9月</a></td> <td class="pad"> </td> <td colspan="3" id="next" class="pad"> </td> </tr> </tfoot> <tbody> <tr> <td colspan="4" class="pad"> </td><td>1</td><td>2</td><td>3</td> </tr> <tr> <td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td><td>10</td> </tr> <tr> <td>11</td><td>12</td><td><a href="http://www.ycdledu.com/date/2021/10/13/" aria-label="于2021年10月13日上发布的文章">13</a></td><td>14</td><td>15</td><td>16</td><td>17</td> </tr> <tr> <td id="today">18</td><td>19</td><td>20</td><td>21</td><td>22</td><td>23</td><td>24</td> </tr> <tr> <td>25</td><td>26</td><td>27</td><td>28</td><td>29</td><td>30</td><td>31</td> </tr> </tbody> </table></div></section> <section id="recent-posts-4" class="widget widget_recent_entries"> <h2 class="widgettitle">近期文章</h2> <ul> <li> <a href="http://www.ycdledu.com/180tian-le-ni-de-da-an-shi/9985/">180天了,你的答案是……</a> <span class="post-date">2021年10月13日</span> </li> <li> <a href="http://www.ycdledu.com/yun-chuang-dong-li-te-zhong-bing-cong-jun-ji/9968/">云创动力.特种兵“从军记”</a> <span class="post-date">2021年9月13日</span> </li> <li> <a href="http://www.ycdledu.com/yun-chuang-lao-shi-de-ri-chang-shi-zhe-yang-de/9962/">云创老师的日常是这样的</a> <span class="post-date">2021年9月10日</span> </li> <li> <a href="http://www.ycdledu.com/yun-chuang-dong-limiao-xing-ren-xun-xin-ji-yi/9954/">云创动力|喵星人寻薪记(一)</a> <span class="post-date">2021年8月29日</span> </li> <li> <a href="http://www.ycdledu.com/ta-he-ke-kou-ke-le-bu-hua-yi-fen-qian-mei-yue-ju-r/9975/">他,喝可口可乐不花一分钱,每月居然还挣¥16000.00</a> <span class="post-date">2021年8月19日</span> </li> <li> <a href="http://www.ycdledu.com/ju-bei-zhe-xie-su-zhi-de-da-ling-qing-nian-neng-ga/9946/">具备这些素质的”大龄青年“能干大事儿</a> <span class="post-date">2021年8月2日</span> </li> <li> <a href="http://www.ycdledu.com/it-te-zhong-bing-gan-juan-ze-wu-di/9933/">IT特种兵,敢“卷”则无敌</a> <span class="post-date">2021年7月30日</span> </li> <li> <a href="http://www.ycdledu.com/ni-hao-a-yun-chuang-dong-li2021it-te-zhong-bing/9924/">你好啊!云创动力2021“IT特种兵”</a> <span class="post-date">2021年7月26日</span> </li> <li> <a href="http://www.ycdledu.com/cong-zhi-chu-fa-fang-neng-yu-jian-wei-lai-de-zi-ji/9913/">从“知”出发,方能遇见未来的自己</a> <span class="post-date">2021年7月24日</span> </li> <li> <a href="http://www.ycdledu.com/zui-ke-pa-de-ren-bu-shi-jing-ming-de-huai-ren-er-s/9906/">最可怕的人,不是精明的坏人,而是愚蠢的好人</a> <span class="post-date">2021年7月20日</span> </li> </ul> </section><section id="tag_cloud-9" class="widget widget_tag_cloud"><h2 class="widgettitle">标签</h2> <div class="tagcloud"><a href="http://www.ycdledu.com/tag/go%e8%af%ad%e8%a8%80/" class="tag-cloud-link tag-link-15 tag-link-position-1" style="font-size: 8pt;" aria-label="Go语言 (4个项目)">Go语言<span class="tag-link-count"> (4)</span></a> <a href="http://www.ycdledu.com/tag/it%e7%89%b9%e7%a7%8d%e5%85%b5/" class="tag-cloud-link tag-link-102 tag-link-position-2" style="font-size: 20.782608695652pt;" aria-label="IT特种兵 (1,667个项目)">IT特种兵<span class="tag-link-count"> (1667)</span></a> <a href="http://www.ycdledu.com/tag/java%e5%85%a8%e6%a0%88%e5%b7%a5%e7%a8%8b%e5%b8%88/" class="tag-cloud-link tag-link-164 tag-link-position-3" style="font-size: 14.847826086957pt;" aria-label="Java全栈工程师 (111个项目)">Java全栈工程师<span class="tag-link-count"> (111)</span></a> <a href="http://www.ycdledu.com/tag/java%e5%90%8e%e7%ab%af%e5%b7%a5%e7%a8%8b%e5%b8%88/" class="tag-cloud-link tag-link-138 tag-link-position-4" style="font-size: 12.36231884058pt;" aria-label="Java后端工程师 (35个项目)">Java后端工程师<span class="tag-link-count"> (35)</span></a> <a href="http://www.ycdledu.com/tag/java%e5%b7%a5%e7%a8%8b%e5%b8%88/" class="tag-cloud-link tag-link-158 tag-link-position-5" style="font-size: 9.0144927536232pt;" aria-label="Java工程师 (7个项目)">Java工程师<span class="tag-link-count"> (7)</span></a> <a href="http://www.ycdledu.com/tag/mweb/" class="tag-cloud-link tag-link-12 tag-link-position-6" style="font-size: 8.7608695652174pt;" aria-label="MWeb (6个项目)">MWeb<span class="tag-link-count"> (6)</span></a> <a href="http://www.ycdledu.com/tag/web%e5%89%8d%e7%ab%af%e5%b7%a5%e7%a8%8b%e5%b8%88/" class="tag-cloud-link tag-link-101 tag-link-position-7" style="font-size: 8pt;" aria-label="web前端工程师 (4个项目)">web前端工程师<span class="tag-link-count"> (4)</span></a> <a href="http://www.ycdledu.com/tag/web%e5%89%8d%e7%ab%af%e5%bc%80%e5%8f%91%e5%b7%a5%e7%a8%8b%e5%b8%88/" class="tag-cloud-link tag-link-103 tag-link-position-8" style="font-size: 14.797101449275pt;" aria-label="web前端开发工程师 (108个项目)">web前端开发工程师<span class="tag-link-count"> (108)</span></a> <a href="http://www.ycdledu.com/tag/%e4%ba%91%e5%88%9bit%e7%89%b9%e7%a7%8d%e5%85%b5/" class="tag-cloud-link tag-link-147 tag-link-position-9" style="font-size: 16.369565217391pt;" aria-label="云创IT特种兵 (224个项目)">云创IT特种兵<span class="tag-link-count"> (224)</span></a> <a href="http://www.ycdledu.com/tag/%e4%ba%91%e5%88%9b%e5%89%8d%e7%ab%af%e5%b7%a5%e7%a8%8b%e5%b8%88/" class="tag-cloud-link tag-link-114 tag-link-position-10" style="font-size: 13.224637681159pt;" aria-label="云创前端工程师 (53个项目)">云创前端工程师<span class="tag-link-count"> (53)</span></a> <a href="http://www.ycdledu.com/tag/%e4%ba%91%e5%88%9b%e5%89%8d%e7%ab%af%e5%bc%80%e5%8f%91%e5%b7%a5%e7%a8%8b%e5%b8%88/" class="tag-cloud-link tag-link-107 tag-link-position-11" style="font-size: 16.471014492754pt;" aria-label="云创前端开发工程师 (235个项目)">云创前端开发工程师<span class="tag-link-count"> (235)</span></a> <a href="http://www.ycdledu.com/tag/%e4%ba%91%e5%88%9b%e5%8a%a8%e5%8a%9b/" class="tag-cloud-link tag-link-82 tag-link-position-12" style="font-size: 19.717391304348pt;" aria-label="云创动力 (1,024个项目)">云创动力<span class="tag-link-count"> (1024)</span></a> <a href="http://www.ycdledu.com/tag/%e4%ba%91%e5%88%9b%e5%8a%a8%e5%8a%9bit%e7%89%b9%e7%a7%8d%e5%85%b5/" class="tag-cloud-link tag-link-125 tag-link-position-13" style="font-size: 8.7608695652174pt;" aria-label="云创动力IT特种兵 (6个项目)">云创动力IT特种兵<span class="tag-link-count"> (6)</span></a> <a href="http://www.ycdledu.com/tag/%e4%ba%91%e5%88%9b%e5%8a%a8%e5%8a%9bjava%e5%90%8e%e7%ab%af%e5%b7%a5%e7%a8%8b%e5%b8%88/" class="tag-cloud-link tag-link-141 tag-link-position-14" style="font-size: 14.188405797101pt;" aria-label="云创动力Java后端工程师 (82个项目)">云创动力Java后端工程师<span class="tag-link-count"> (82)</span></a> <a href="http://www.ycdledu.com/tag/%e4%ba%91%e5%88%9b%e5%8a%a8%e5%8a%9bjava%e5%90%8e%e7%ab%af%e5%bc%80%e5%8f%91/" class="tag-cloud-link tag-link-140 tag-link-position-15" style="font-size: 8.4057971014493pt;" aria-label="云创动力Java后端开发 (5个项目)">云创动力Java后端开发<span class="tag-link-count"> (5)</span></a> <a href="http://www.ycdledu.com/tag/%e4%ba%91%e5%88%9b%e5%8a%a8%e5%8a%9bjava%e5%bc%80%e5%8f%91%e5%b7%a5%e7%a8%8b%e5%b8%88/" class="tag-cloud-link tag-link-139 tag-link-position-16" style="font-size: 18.95652173913pt;" aria-label="云创动力Java开发工程师 (727个项目)">云创动力Java开发工程师<span class="tag-link-count"> (727)</span></a> <a href="http://www.ycdledu.com/tag/%e4%ba%91%e5%88%9b%e5%8a%a8%e5%8a%9b%e5%89%8d%e7%ab%af%e5%b7%a5%e7%a8%8b%e5%b8%88/" class="tag-cloud-link tag-link-93 tag-link-position-17" style="font-size: 17.992753623188pt;" aria-label="云创动力前端工程师 (472个项目)">云创动力前端工程师<span class="tag-link-count"> (472)</span></a> <a href="http://www.ycdledu.com/tag/%e4%ba%91%e5%88%9b%e5%8a%a8%e5%8a%9b%e5%89%8d%e7%ab%af%e5%bc%80%e5%8f%91%e5%b7%a5%e7%a8%8b%e5%b8%88/" class="tag-cloud-link tag-link-104 tag-link-position-18" style="font-size: 21.086956521739pt;" aria-label="云创动力前端开发工程师 (1,891个项目)">云创动力前端开发工程师<span class="tag-link-count"> (1891)</span></a> <a href="http://www.ycdledu.com/tag/%e4%ba%91%e5%88%9b%e5%8a%a8%e5%8a%9b%e5%90%8e%e7%ab%afjava%e5%bc%80%e5%8f%91%e5%b7%a5%e7%a8%8b%e5%b8%88/" class="tag-cloud-link tag-link-142 tag-link-position-19" style="font-size: 16.166666666667pt;" aria-label="云创动力后端Java开发工程师 (204个项目)">云创动力后端Java开发工程师<span class="tag-link-count"> (204)</span></a> <a href="http://www.ycdledu.com/tag/%e4%ba%91%e5%88%9b%e5%8a%a8%e5%8a%9b%e5%90%8e%e7%ab%af%e5%bc%80%e5%8f%91%e5%b7%a5%e7%a8%8b%e5%b8%88/" class="tag-cloud-link tag-link-151 tag-link-position-20" style="font-size: 17.688405797101pt;" aria-label="云创动力后端开发工程师 (402个项目)">云创动力后端开发工程师<span class="tag-link-count"> (402)</span></a> <a href="http://www.ycdledu.com/tag/%e4%ba%91%e5%88%9b%e5%8a%a8%e5%8a%9b%e6%95%99%e8%82%b2%e7%94%9f%e6%80%81%e6%9c%8d%e5%8a%a1%e5%95%86/" class="tag-cloud-link tag-link-120 tag-link-position-21" style="font-size: 9.7246376811594pt;" aria-label="云创动力教育生态服务商 (10个项目)">云创动力教育生态服务商<span class="tag-link-count"> (10)</span></a> <a href="http://www.ycdledu.com/tag/%e4%ba%91%e5%88%9b%e5%90%8e%e7%ab%af%e5%b7%a5%e7%a8%8b%e5%b8%88/" class="tag-cloud-link tag-link-149 tag-link-position-22" style="font-size: 12.666666666667pt;" aria-label="云创后端工程师 (41个项目)">云创后端工程师<span class="tag-link-count"> (41)</span></a> <a href="http://www.ycdledu.com/tag/%e4%ba%91%e5%88%9b%e5%90%8e%e7%ab%af%e5%bc%80%e5%8f%91%e5%b7%a5%e7%a8%8b%e5%b8%88/" class="tag-cloud-link tag-link-148 tag-link-position-23" style="font-size: 16.268115942029pt;" aria-label="云创后端开发工程师 (213个项目)">云创后端开发工程师<span class="tag-link-count"> (213)</span></a> <a href="http://www.ycdledu.com/tag/%e4%ba%91%e5%88%9b%e5%9f%b9%e8%ae%ad/" class="tag-cloud-link tag-link-155 tag-link-position-24" style="font-size: 10.434782608696pt;" aria-label="云创培训 (14个项目)">云创培训<span class="tag-link-count"> (14)</span></a> <a href="http://www.ycdledu.com/tag/%e4%ba%91%e5%88%9b%e5%ae%9e%e8%ae%ad/" class="tag-cloud-link tag-link-152 tag-link-position-25" style="font-size: 14.086956521739pt;" aria-label="云创实训 (78个项目)">云创实训<span class="tag-link-count"> (78)</span></a> <a href="http://www.ycdledu.com/tag/%e4%ba%91%e5%88%9b%e6%97%a5%e5%bf%97/" class="tag-cloud-link tag-link-126 tag-link-position-26" style="font-size: 9.7246376811594pt;" aria-label="云创日志 (10个项目)">云创日志<span class="tag-link-count"> (10)</span></a> <a href="http://www.ycdledu.com/tag/%e4%ba%91%e5%88%9b%e9%9b%86%e8%ae%ad/" class="tag-cloud-link tag-link-92 tag-link-position-27" style="font-size: 22pt;" aria-label="云创集训 (2,893个项目)">云创集训<span class="tag-link-count"> (2893)</span></a> <a href="http://www.ycdledu.com/tag/%e5%86%ac%e4%bb%a4%e8%90%a5/" class="tag-cloud-link tag-link-157 tag-link-position-28" style="font-size: 15.405797101449pt;" aria-label="冬令营 (144个项目)">冬令营<span class="tag-link-count"> (144)</span></a> <a href="http://www.ycdledu.com/tag/%e5%89%8d%e7%ab%af%e5%b7%a5%e7%a8%8b%e5%b8%88/" class="tag-cloud-link tag-link-11 tag-link-position-29" style="font-size: 13.68115942029pt;" aria-label="前端工程师 (65个项目)">前端工程师<span class="tag-link-count"> (65)</span></a> <a href="http://www.ycdledu.com/tag/%e5%89%8d%e7%ab%af%e5%bc%80%e5%8f%91/" class="tag-cloud-link tag-link-84 tag-link-position-30" style="font-size: 8.7608695652174pt;" aria-label="前端开发 (6个项目)">前端开发<span class="tag-link-count"> (6)</span></a> <a href="http://www.ycdledu.com/tag/%e5%89%8d%e7%ab%af%e5%bc%80%e5%8f%91%e5%b7%a5%e7%a8%8b%e5%b8%88/" class="tag-cloud-link tag-link-85 tag-link-position-31" style="font-size: 15.45652173913pt;" aria-label="前端开发工程师 (146个项目)">前端开发工程师<span class="tag-link-count"> (146)</span></a> <a href="http://www.ycdledu.com/tag/%e5%90%8d%e4%bc%81%e4%ba%ba%e6%89%8d%e6%9c%8d%e5%8a%a1%e5%95%86/" class="tag-cloud-link tag-link-163 tag-link-position-32" style="font-size: 12.108695652174pt;" aria-label="名企人才服务商 (31个项目)">名企人才服务商<span class="tag-link-count"> (31)</span></a> <a href="http://www.ycdledu.com/tag/%e5%ad%a6%e5%91%98%e6%97%a5%e5%bf%97/" class="tag-cloud-link tag-link-91 tag-link-position-33" style="font-size: 19.311594202899pt;" aria-label="学员日志 (841个项目)">学员日志<span class="tag-link-count"> (841)</span></a> <a href="http://www.ycdledu.com/tag/%e5%ad%a6%e9%99%a2%e6%97%a5%e5%bf%97/" class="tag-cloud-link tag-link-124 tag-link-position-34" style="font-size: 15.507246376812pt;" aria-label="学院日志 (150个项目)">学院日志<span class="tag-link-count"> (150)</span></a> <a href="http://www.ycdledu.com/tag/%e5%bc%80%e5%8f%91%e5%96%b5/" class="tag-cloud-link tag-link-83 tag-link-position-35" style="font-size: 21.949275362319pt;" aria-label="开发喵 (2,831个项目)">开发喵<span class="tag-link-count"> (2831)</span></a> <a href="http://www.ycdledu.com/tag/%e5%bc%80%e5%8f%91%e5%96%b5%e5%ad%a6%e9%99%a2/" class="tag-cloud-link tag-link-137 tag-link-position-36" style="font-size: 14.797101449275pt;" aria-label="开发喵学院 (108个项目)">开发喵学院<span class="tag-link-count"> (108)</span></a> <a href="http://www.ycdledu.com/tag/%e6%88%90%e7%ab%af%e5%89%8d%e7%ab%af%e5%b7%a5%e7%a8%8b%e5%b8%88/" class="tag-cloud-link tag-link-136 tag-link-position-37" style="font-size: 8pt;" aria-label="成端前端工程师 (4个项目)">成端前端工程师<span class="tag-link-count"> (4)</span></a> <a href="http://www.ycdledu.com/tag/%e6%88%90%e9%83%bd%e4%ba%91%e5%88%9b%e5%8a%a8%e5%8a%9b/" class="tag-cloud-link tag-link-13 tag-link-position-38" style="font-size: 20.275362318841pt;" aria-label="成都云创动力 (1,310个项目)">成都云创动力<span class="tag-link-count"> (1310)</span></a> <a href="http://www.ycdledu.com/tag/%e6%88%90%e9%83%bd%e4%ba%91%e5%88%9b%e5%8a%a8%e5%8a%9b%e5%89%8d%e7%ab%af%e5%bc%80%e5%8f%91%e5%b7%a5%e7%a8%8b%e5%b8%88/" class="tag-cloud-link tag-link-106 tag-link-position-39" style="font-size: 9.0144927536232pt;" aria-label="成都云创动力前端开发工程师 (7个项目)">成都云创动力前端开发工程师<span class="tag-link-count"> (7)</span></a> <a href="http://www.ycdledu.com/tag/%e6%88%90%e9%83%bd%e5%89%8d%e7%ab%af%e5%b7%a5%e7%a8%8b%e5%b8%88/" class="tag-cloud-link tag-link-90 tag-link-position-40" style="font-size: 17.992753623188pt;" aria-label="成都前端工程师 (468个项目)">成都前端工程师<span class="tag-link-count"> (468)</span></a> <a href="http://www.ycdledu.com/tag/%e6%88%90%e9%83%bd%e5%89%8d%e7%ab%af%e5%bc%80%e5%8f%91%e5%b7%a5%e7%a8%8b%e5%b8%88/" class="tag-cloud-link tag-link-100 tag-link-position-41" style="font-size: 15.811594202899pt;" aria-label="成都前端开发工程师 (171个项目)">成都前端开发工程师<span class="tag-link-count"> (171)</span></a> <a href="http://www.ycdledu.com/tag/%e6%88%90%e9%83%bd%e7%89%a9%e8%81%94%e7%bd%91/" class="tag-cloud-link tag-link-87 tag-link-position-42" style="font-size: 20.782608695652pt;" aria-label="成都物联网 (1,646个项目)">成都物联网<span class="tag-link-count"> (1646)</span></a> <a href="http://www.ycdledu.com/tag/%e6%89%93%e9%80%a0it%e7%89%b9%e7%a7%8d%e5%85%b5/" class="tag-cloud-link tag-link-162 tag-link-position-43" style="font-size: 14.746376811594pt;" aria-label="打造IT特种兵 (106个项目)">打造IT特种兵<span class="tag-link-count"> (106)</span></a> <a href="http://www.ycdledu.com/tag/%e6%95%99%e8%82%b2%e7%94%9f%e6%80%81%e6%9c%8d%e5%8a%a1%e5%95%86/" class="tag-cloud-link tag-link-95 tag-link-position-44" style="font-size: 21.695652173913pt;" aria-label="教育生态服务商 (2,483个项目)">教育生态服务商<span class="tag-link-count"> (2483)</span></a> <a href="http://www.ycdledu.com/tag/%e7%89%a9%e8%81%94%e7%bd%91/" class="tag-cloud-link tag-link-43 tag-link-position-45" style="font-size: 12.768115942029pt;" aria-label="物联网 (43个项目)">物联网<span class="tag-link-count"> (43)</span></a></div> </section><section id="categories-10" class="widget widget_categories"><h2 class="widgettitle">分类目录</h2> <ul> <li class="cat-item cat-item-6"><a href="http://www.ycdledu.com/category/%e6%8a%80%e6%9c%af%e8%b4%b4/go%e8%af%ad%e8%a8%80/">Go语言</a> (5) </li> <li class="cat-item cat-item-50"><a href="http://www.ycdledu.com/category/%e6%8a%80%e6%9c%af%e8%b4%b4/linux/">Linux</a> (1) </li> <li class="cat-item cat-item-48"><a href="http://www.ycdledu.com/category/%e6%8a%80%e6%9c%af%e8%b4%b4/mongodb/">MongoDB</a> (3) </li> <li class="cat-item cat-item-51"><a href="http://www.ycdledu.com/category/%e6%8a%80%e6%9c%af%e8%b4%b4/mysql/">MySQL</a> (1) </li> <li class="cat-item cat-item-46"><a href="http://www.ycdledu.com/category/%e6%8a%80%e6%9c%af%e8%b4%b4/nodes/">Node.js</a> (9) </li> <li class="cat-item cat-item-49"><a href="http://www.ycdledu.com/category/%e6%8a%80%e6%9c%af%e8%b4%b4/redis/">Redis</a> (2) </li> <li class="cat-item cat-item-23"><a href="http://www.ycdledu.com/category/%e4%b9%b1%e4%b8%83%e5%85%ab%e7%b3%9f/">乱七八糟</a> (26) </li> <li class="cat-item cat-item-1"><a href="http://www.ycdledu.com/category/%e5%89%8d%e7%ab%af%e5%b7%a5%e7%a8%8b%e5%b8%88/">前端工程师</a> (220) </li> <li class="cat-item cat-item-5"><a href="http://www.ycdledu.com/category/%e5%ad%a6%e4%b9%a0%e8%b5%84%e6%96%99/">学习资料</a> (53) </li> <li class="cat-item cat-item-86"><a href="http://www.ycdledu.com/category/xueyuanrizhi/" title="学员日志">学员日志</a> (2,713) </li> <li class="cat-item cat-item-94"><a href="http://www.ycdledu.com/category/shixishixun/" title="实习实训">实习实训</a> (1,179) </li> <li class="cat-item cat-item-20"><a href="http://www.ycdledu.com/category/%e5%b0%8f%e7%a8%8b%e5%ba%8f/">小程序</a> (1) </li> <li class="cat-item cat-item-7"><a href="http://www.ycdledu.com/category/%e5%be%ae%e4%bf%a1%e5%85%ac%e4%bc%97%e5%8f%b7/">微信公众号</a> (291) </li> <li class="cat-item cat-item-19"><a href="http://www.ycdledu.com/category/%e6%88%90%e9%83%bd%e4%ba%91%e5%88%9b%e5%8a%a8%e5%8a%9b/">成都云创动力</a> (39) </li> <li class="cat-item cat-item-22"><a href="http://www.ycdledu.com/category/%e6%8a%80%e6%9c%af%e8%b4%b4/">技术贴</a> (16) </li> <li class="cat-item cat-item-109"><a href="http://www.ycdledu.com/category/banzhuren/">班主任</a> (18) </li> <li class="cat-item cat-item-21"><a href="http://www.ycdledu.com/category/%e7%ae%a1%e7%90%86%e6%96%87%e6%a1%a3/">管理文档</a> (2) </li> </ul> </section><section id="recent-comments-3" class="widget widget_recent_comments"><h2 class="widgettitle">近期评论</h2> <ul id="recentcomments"><li class="recentcomments"><span class="comment-author-link">jingwei sun</span>发表在《<a href="http://www.ycdledu.com/yun-chuang-dong-li-pei-ni-guo-nian/7633/#comment-333">云创动力陪你过年!</a>》</li><li class="recentcomments"><span class="comment-author-link">洱海月</span>发表在《<a href="http://www.ycdledu.com/20201225du-fei-qiang/6854/#comment-71">20201225-杜飞强</a>》</li><li class="recentcomments"><span class="comment-author-link">何老师</span>发表在《<a href="http://www.ycdledu.com/shu-mei-pai-jian-kongcpu-fu-zai-wen-du-nei-cun-he/3683/#comment-9">树莓派监控CPU负载,温度,内存和网络的工具s-tui</a>》</li><li class="recentcomments"><span class="comment-author-link">admin</span>发表在《<a href="http://www.ycdledu.com/zhe-me-duo-ming-qi-wei-ni-er-lai-dou-shi-kan-zhong/1104/#comment-7">这么多名企为你而来,都是看中你的……</a>》</li></ul></section><section id="nav_menu-3" class="widget widget_nav_menu"><h2 class="widgettitle">作者</h2> <div class="menu-%e4%bd%9c%e8%80%85-container"><ul id="menu-%e4%bd%9c%e8%80%85" class="menu"><li><a href="http://www.ycdledu.com/category/jindouyun/">金斗云</a></li> <li><a href="http://www.ycdledu.com/category/%e5%be%ae%e4%bf%a1%e5%85%ac%e4%bc%97%e5%8f%b7/">微信公众号</a></li> <li><a href="http://www.ycdledu.com/category/xueyuanrizhi/">学员日志</a></li> <li><a href="http://www.ycdledu.com/category/banzhuren/">班主任</a></li> </ul></div></section> <div class="width-border-box"> <section class="widget widget-download"> </section> <section class="widget widget-social"> <div class="wb-inline-mode" wb-share-url="http://www.ycdledu.com/?p=4136"><a class="wb-share-poster j-poster-btn"><svg class="wb-icon wbsico-share"><use xlink:href="#wbsico-share"></use></svg><span>微海报</span></a><div class="wb-share-list" > <a class="share-logo icon-weixin" data-cmd="weixin" title="分享到微信" rel="nofollow"> <svg xmlns="http://www.w3.org/2000/svg" width="20" height="16"><path fill-rule="nonzero" d="M11.65 7.99c-.32 0-.64.3-.64.67 0 .3.32.6.64.6.5 0 .84-.3.84-.6 0-.37-.35-.67-.84-.67zM9.52 4.86c.51 0 .84-.32.84-.81 0-.51-.33-.81-.84-.81-.48 0-.95.3-.95.8s.47.82.95.82zM7.1 11.6c-.86 0-1.48-.14-2.3-.37l-2.33 1.18.67-1.99C1.48 9.26.5 7.8.5 6.02.5 2.87 3.48.46 7.09.46c3.2 0 6.05 1.9 6.6 4.59a3.21 3.21 0 00-.62-.07c-3.15 0-5.59 2.36-5.59 5.21 0 .49.07.93.19 1.39-.19.02-.4.02-.58.02zm9.66 2.27l.47 1.67-1.77-1c-.67.15-1.32.35-1.99.35-3.1 0-5.56-2.13-5.56-4.77 0-2.64 2.46-4.77 5.56-4.77 2.94 0 5.59 2.13 5.59 4.77 0 1.48-1 2.8-2.3 3.75zM4.93 3.24c-.48 0-1 .3-1 .8s.52.82 1 .82c.47 0 .84-.32.84-.81 0-.51-.37-.81-.84-.81zM15.3 7.99c-.34 0-.65.3-.65.67 0 .3.3.6.65.6.47 0 .81-.3.81-.6 0-.37-.34-.67-.8-.67z"/></svg> </a> <a class="share-logo icon-qq" data-cmd="qq" title="分享到QQ" rel="nofollow"> <svg xmlns="http://www.w3.org/2000/svg" width="13" height="16"><path fill-rule="nonzero" d="M12.6 13.29c-.37-.1-1.32-1.77-1.32-1.77s.07 2.08-1.6 3.39c.93.24 1.2.6 1.2.8 0 .3-1.14.29-2.53.29-.46 0-.9-.01-1.28-.03-.36.04-.6.03-.6.03H6.3s-.33.01-.83-.07C5 15.98 4.4 16 3.73 16c-1.35 0-2.45.02-2.45-.3 0-.27.36-.7 1.7-.92-1.53-1.3-1.46-3.28-1.46-3.28S.57 13.18.2 13.27c-.2.04-.27-.7-.12-1.66.16-.96.42-1.65.42-1.65s.36-1.15.56-1.72a49 49 0 01.58-1.46S1.27 2.25 4.17.55A4.66 4.66 0 018.11.34c.17.06.34.14.52.23 2.9 1.7 2.53 6.23 2.53 6.23s.4.97.58 1.46c.2.57.56 1.72.56 1.72s.26.68.42 1.64c.15.96.07 1.71-.12 1.67z"/></svg> </a> <a class="share-logo icon-weibo" data-cmd="weibo" title="分享到微博" rel="nofollow"> <svg xmlns="http://www.w3.org/2000/svg" width="20" height="16"><path fill-rule="nonzero" d="M16.56 12.25c-1.21 1.87-3.08 2.8-5.17 3.3-1 .25-2.06.33-2.6.41-2.6-.06-4.6-.44-6.4-1.56C.12 12.98-.54 10.87.65 8.47a12.13 12.13 0 015.87-5.7 5.25 5.25 0 011.56-.43c1.1-.13 1.73.49 1.7 1.59 0 .24-.06.48-.07.72-.01.2 0 .42.01.62.21-.03.43-.05.63-.1.85-.18 1.68-.48 2.53-.53 1.47-.07 2.13.82 1.69 2.22-.2.6-.05.8.5 1 2.1.75 2.7 2.52 1.5 4.39zm-1.1-7.85c-.35-.44-1.13-.54-1.38-.55a.67.67 0 010-1.33c.17 0 1.63.04 2.43 1.05.31.4.64 1.12.38 2.23a.67.67 0 11-1.3-.3c.12-.49.07-.85-.13-1.1zm3.92 2.18a.67.67 0 01-.76.55.67.67 0 01-.56-.76c.25-1.57 0-2.8-.75-3.63-1.3-1.46-3.68-1.37-3.7-1.37a.66.66 0 11-.06-1.33c.12 0 3.04-.1 4.76 1.81C19.33 3 19.69 4.6 19.38 6.58z"/></svg> </a> </div></div> <a href="javascript:;" class="fav" data-id="4136" rel="nofollow"><svg class="wb-icon wbsico-heart"><use xlink:href="#wbsico-heart"></use></svg></a> </section> </div> <div class="widget widget_wb_hotitems_widget"><h2 class="widgettitle">热门</h2><ul class="post-list"><li class="post"> <div class="media-pic"><a href="http://www.ycdledu.com/si-zhong-kuang-jia-de-qu-bie-bi-jiao/6634/"><img class="auto-cover" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" data-src="https://gitee.com/FengJiali52155/fjlimg/raw/master/20201205202145.png" alt="四种框架的区别比较:bootstrap,layui,elementui,vantui"></a></div> <div class="media-body"> <a class="title" href="http://www.ycdledu.com/si-zhong-kuang-jia-de-qu-bie-bi-jiao/6634/" data-num="1">四种框架的区别比较:bootstrap,layui,elementui,vantui</a> <p class="post-metas"> <span class="post-meta"><svg class="wb-icon wbsico-views"><use xlink:href="#wbsico-views"></use></svg><em class="meta-dl">1K+</em></span> </p> </div> </li><li class="post"> <div class="media-pic"><a href="http://www.ycdledu.com/20210520zhu-wen-jie/9444/"><img src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" alt="20210520-朱文杰"></a></div> <div class="media-body"> <a class="title" href="http://www.ycdledu.com/20210520zhu-wen-jie/9444/" data-num="2">20210520-朱文杰</a> <p class="post-metas"> <span class="post-meta"><svg class="wb-icon wbsico-views"><use xlink:href="#wbsico-views"></use></svg><em class="meta-dl">657</em></span> </p> </div> </li><li class="post"> <div class="media-pic"><a href="http://www.ycdledu.com/mac-an-zhuangnpm-install-g-vuecli-bao-cuo-jie-jue/2919/"><img class="auto-cover" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" data-src="http://www.ycdledu.com/wp-content/uploads/2020/09/16002385361401.jpg" alt="mac安装npm install -g @vue/cli报错解决"></a></div> <div class="media-body"> <a class="title" href="http://www.ycdledu.com/mac-an-zhuangnpm-install-g-vuecli-bao-cuo-jie-jue/2919/" data-num="3">mac安装npm install -g @vue/cli报错解决</a> <p class="post-metas"> <span class="post-meta"><svg class="wb-icon wbsico-views"><use xlink:href="#wbsico-views"></use></svg><em class="meta-dl">606</em></span> </p> </div> </li><li class="post"> <div class="media-pic"><a href="http://www.ycdledu.com/2020-109ceng-yu-xin/3786/"><img class="auto-cover" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" data-src="https://imgconvert.csdnimg.cn/aHR0cHM6Ly9pbWcyMDE4LmNuYmxvZ3MuY29tL290aGVyLzE0MDgxODMvMjAxOTExLzE0MDgxODMtMjAxOTExMTkxODQxNDk1NTktMTU3MTU5NTY2OC5qcGc?x-oss-process=image/format,png" alt="2020 10.9曾宇欣"></a></div> <div class="media-body"> <a class="title" href="http://www.ycdledu.com/2020-109ceng-yu-xin/3786/" data-num="4">2020 10.9曾宇欣</a> <p class="post-metas"> <span class="post-meta"><svg class="wb-icon wbsico-views"><use xlink:href="#wbsico-views"></use></svg><em class="meta-dl">559</em></span> </p> </div> </li><li class="post"> <div class="media-pic"><a href="http://www.ycdledu.com/20201201chen-yu/5301/"><img class="auto-cover" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" data-src="C:UsersAdministratorAppDataRoamingTyporatypora-user-imagesimage-20201201231754019.png" alt="20201201_陈宇_"></a></div> <div class="media-body"> <a class="title" href="http://www.ycdledu.com/20201201chen-yu/5301/" data-num="5">20201201_陈宇_</a> <p class="post-metas"> <span class="post-meta"><svg class="wb-icon wbsico-views"><use xlink:href="#wbsico-views"></use></svg><em class="meta-dl">517</em></span> </p> </div> </li></ul></div> </div> </div> </div> <section class="panel-inner panel-tags pw"> <h3 class="sc-title">标签</h3> <div class="tag-items hot-tags"> <a href="http://www.ycdledu.com/tag/%e4%ba%91%e5%88%9b%e5%8a%a8%e5%8a%9b%e5%89%8d%e7%ab%af%e5%bc%80%e5%8f%91%e5%b7%a5%e7%a8%8b%e5%b8%88/">云创动力前端开发工程师</a> <a href="http://www.ycdledu.com/tag/%e4%ba%91%e5%88%9b%e9%9b%86%e8%ae%ad/">云创集训</a> <a href="http://www.ycdledu.com/tag/%e5%ad%a6%e5%91%98%e6%97%a5%e5%bf%97/">学员日志</a> <a href="http://www.ycdledu.com/tag/%e5%bc%80%e5%8f%91%e5%96%b5/">开发喵</a> <a href="http://www.ycdledu.com/tag/%e6%88%90%e9%83%bd%e4%ba%91%e5%88%9b%e5%8a%a8%e5%8a%9b/">成都云创动力</a> <a href="http://www.ycdledu.com/tag/%e6%95%99%e8%82%b2%e7%94%9f%e6%80%81%e6%9c%8d%e5%8a%a1%e5%95%86/">教育生态服务商</a> </div> </section> <section class="pw related-posts panel-inner"><h3 class="sc-title">相关推荐</h3><ul class="articles-list"><li class="post"> <div class="inner"> <a class="media-pic" href="http://www.ycdledu.com/bai-wen-xue20210114bai-wen-xue/7321/"><img src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" alt="白文学_20210114-白文学"></a> <div class="media-body"> <a class="post-title" href="http://www.ycdledu.com/bai-wen-xue20210114bai-wen-xue/7321/">白文学_20210114-白文学</a> </div> </div> </li><li class="post"> <div class="inner"> <a class="media-pic" href="http://www.ycdledu.com/20201013-wang-wei/4007/"><img class="auto-cover" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" data-src="C:UserswangwAppDataRoamingTyporatypora-user-imagesimage-20201013231754285.png" alt="20201013 王维"></a> <div class="media-body"> <a class="post-title" href="http://www.ycdledu.com/20201013-wang-wei/4007/">20201013 王维</a> </div> </div> </li><li class="post"> <div class="inner"> <a class="media-pic" href="http://www.ycdledu.com/qidebin20201030/5741/"><img src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" alt="祈德斌-2020-10-30"></a> <div class="media-body"> <a class="post-title" href="http://www.ycdledu.com/qidebin20201030/5741/">祈德斌-2020-10-30</a> </div> </div> </li><li class="post"> <div class="inner"> <a class="media-pic" href="http://www.ycdledu.com/20201222-cao-li/7067/"><img src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" alt="2020.12.22 曹莉"></a> <div class="media-body"> <a class="post-title" href="http://www.ycdledu.com/20201222-cao-li/7067/">2020.12.22 曹莉</a> </div> </div> </li></ul></section> <section class="panel-inner sc-comments pw"> <h3 class="sc-title">评论</h3> <div id="comments"> <div id="respond" class="comment-respond"> <h3 id="reply-title" class="comment-reply-title"> <small><a rel="nofollow" id="cancel-comment-reply-link" href="/1020-feng-na/4136/#respond" style="display:none;">取消回复</a></small></h3><p class="must-log-in">要发表评论,您必须先<a href="http://www.ycdledu.com/wp-login.php?redirect_to=http%3A%2F%2Fwww.ycdledu.com%2F1020-feng-na%2F4136%2F">登录</a>。</p> </div><!-- #respond --> </div> </section> </div> <footer class="footer"> <div class="ft-inner pw"> <div class="copyright"> <div class="ib"> © 2021 成都云创动力科技有限公司 </div> <a class="ib pdh" href="http://www.miit.gov.cn/index.html" rel="nofollow" target="_blank">蜀ICP备20006351号-1</a> </div> </div> </footer> <script type='text/javascript' src='http://www.ycdledu.com/wp-includes/js/comment-reply.min.js?ver=5.3.9'></script> <script type='text/javascript' src='http://www.ycdledu.com/wp-content/plugins/metronet-profile-picture/js/mpp-frontend.js?ver=2.3.11'></script> <script type='text/javascript'> /* <![CDATA[ */ var wbl = {"like":"\u8d5e","searchPlaceHolder":"\u8bf7\u8f93\u5165\u5173\u952e\u8bcd"}; /* ]]> */ </script> <script type='text/javascript' src='http://www.ycdledu.com/wp-content/themes/storeys-pro/js/base.js?ver=202009c' async></script> <script type='text/javascript' src='http://www.ycdledu.com/wp-includes/js/wp-embed.min.js?ver=5.3.9'></script> <script type='text/javascript' src='http://www.ycdledu.com/wp-content/themes/storeys-pro/js/qrious/qrious.min.js?ver=5.3.9'></script> <div class="tool-bar" id="J_toolBar"> <a class="tb-item social-item" href="http://www.ycdledu.com/member?act=enquire" target="_blank" title="联系工单"><svg class="wb-icon wbsico-contact"><use xlink:href="#wbsico-contact"></use></svg></a> <a class="tb-item " id="J_backTop" href="javascript:;" rel="nofollow" title="返回页顶"> <svg class="wb-icon wbsico-backtop"><use xlink:href="#wbsico-backtop"></use></svg> </a> </div> © 2021 成都云创动力科技有限公司 <a href="https://www.miit.gov.cn/index.html">蜀ICP备20006351号-1 </a> </body> </html>