<?xml version="1.0" encoding="utf-8"?>
<rss version="2.0" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:content="http://purl.org/rss/1.0/modules/content/">
    <channel>
        <title>橙子星球</title>
        <link>https://qcode.im/</link>
        <description>一个努力的程序员运气不会太差</description>
        <lastBuildDate>Fri, 11 Sep 2026 06:55:21 GMT</lastBuildDate>
        <docs>https://validator.w3.org/feed/docs/rss2.html</docs>
        <generator>https://github.com/jpmonette/feed</generator>
        <language>zh-CN</language>
        <copyright>All rights reserved 2026, 成</copyright>
        <item>
            <title><![CDATA[何为粒计算]]></title>
            <link>https://qcode.im/article/一天</link>
            <guid>https://qcode.im/article/一天</guid>
            <pubDate>Fri, 05 Dec 2025 00:00:00 GMT</pubDate>
            <description><![CDATA[数据挖掘]]></description>
            <content:encoded><![CDATA[<div id="notion-article" class="mx-auto overflow-hidden "><main class="notion light-mode notion-page notion-block-032d8504c6e8492bb0fb7b1ebf60a556"><div class="notion-viewport"></div><div class="notion-collection-page-properties"></div><div class="notion-callout notion-gray_background_co notion-block-8981ab46568c4724a7ca7274cb3d39ee"><div class="notion-page-icon-inline notion-page-icon-span"><span class="notion-page-icon" role="img" aria-label="😀">😀</span></div><div class="notion-callout-text">模仿人类认知方式与推理能力的思维方法</div></div><h2 class="notion-h notion-h1 notion-h-indent-0 notion-block-5aa1c32cefa74a23acc38168f70a0890" data-id="5aa1c32cefa74a23acc38168f70a0890"><span><div id="5aa1c32cefa74a23acc38168f70a0890" class="notion-header-anchor"></div><a class="notion-hash-link" href="#5aa1c32cefa74a23acc38168f70a0890" title="📝 背景"><svg viewBox="0 0 16 16" width="16" height="16"><path fill-rule="evenodd" d="M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z"></path></svg></a><span class="notion-h-title">📝 背景</span></span></h2><div class="notion-text notion-block-2c0c2c42b27680d889f4ccecf6ae2e5e">现实世界信息量是<span class="notion-red"><b>多层次、多粒度</b></span>.人类往往不会直接处理最原始的细粒度数据，而是通过——<span class="notion-red"><b>粒化</b></span>.即把相似或相关的对象放在一起，形成一个更大的信息单元来计算推理。</div><div class="notion-text notion-block-2c0c2c42b2768003b394ddfc44836aaf">粒：可理解为<span class="notion-blue_background"><b>一群相似点的聚合</b></span></div><div class="notion-text notion-block-2c0c2c42b2768013a349c412c0f109ba">粒化：把看起来差不多的样本放到一起</div><div class="notion-text notion-block-2c0c2c42b27680b58a8acc53294e4974">主要过程：<span class="notion-purple_background"><b>粒化——计算——降粒化</b></span></div><div class="notion-blank notion-block-2c0c2c42b27680e5a0fbca562d9855c7"> </div></main></div>]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[OPPO电商网站实训]]></title>
            <link>https://qcode.im/article/网页实训</link>
            <guid>https://qcode.im/article/网页实训</guid>
            <pubDate>Wed, 27 Nov 2024 00:00:00 GMT</pubDate>
            <description><![CDATA[网页实训]]></description>
            <content:encoded><![CDATA[<div id="notion-article" class="mx-auto overflow-hidden "><main class="notion light-mode notion-page notion-block-14bc2c42b2768076a69acf7f776c6af4"><div class="notion-viewport"></div><div class="notion-collection-page-properties"></div><div class="notion-callout notion-gray_background_co notion-block-14bc2c42b27681b08991df345653d661"><div class="notion-page-icon-inline notion-page-icon-span"><span class="notion-page-icon" role="img" aria-label="😀">😀</span></div><div class="notion-callout-text">oppo电商网站-实训</div></div><div class="notion-table-of-contents notion-blue_background notion-block-14bc2c42b2768044938be7ea83517b43"><a href="#150c2c42b27680ffa515ff7649a996d3" class="notion-table-of-contents-item"><span class="notion-table-of-contents-item-body" style="display:inline-block;margin-left:0">准 备‼️</span></a><a href="#14bc2c42b27680c2b3ebd9bb460adf51" class="notion-table-of-contents-item"><span class="notion-table-of-contents-item-body" style="display:inline-block;margin-left:0">一、效果图</span></a><a href="#14bc2c42b276805195bed6b307a1553d" class="notion-table-of-contents-item"><span class="notion-table-of-contents-item-body" style="display:inline-block;margin-left:0">二、分析/设计网页</span></a><a href="#14bc2c42b2768034b864fb59e52f063d" class="notion-table-of-contents-item"><span class="notion-table-of-contents-item-body" style="display:inline-block;margin-left:24px">1.划分网页</span></a><a href="#14bc2c42b276803ab368c18171419808" class="notion-table-of-contents-item"><span class="notion-table-of-contents-item-body" style="display:inline-block;margin-left:24px">2.内容设计</span></a><a href="#14bc2c42b2768052a465c2332fa34cdb" class="notion-table-of-contents-item"><span class="notion-table-of-contents-item-body" style="display:inline-block;margin-left:24px">3.默认样式清除与设置</span></a><a href="#14bc2c42b27680f8b3c3c801c3a5a0f5" class="notion-table-of-contents-item"><span class="notion-table-of-contents-item-body" style="display:inline-block;margin-left:0">三、板块设计</span></a><a href="#14bc2c42b27680879b54f0200fd5dbef" class="notion-table-of-contents-item"><span class="notion-table-of-contents-item-body" style="display:inline-block;margin-left:24px">1.top</span></a><a href="#14bc2c42b276806dab08e0f00552e551" class="notion-table-of-contents-item"><span class="notion-table-of-contents-item-body" style="display:inline-block;margin-left:24px">2.header</span></a><a href="#14bc2c42b2768031a8fdfb227d9335ca" class="notion-table-of-contents-item"><span class="notion-table-of-contents-item-body" style="display:inline-block;margin-left:24px">3.nav</span></a><a href="#14bc2c42b276806d97e1f3a1c4085495" class="notion-table-of-contents-item"><span class="notion-table-of-contents-item-body" style="display:inline-block;margin-left:24px">4.star(弹性盒子布局)</span></a><a href="#14bc2c42b276809aa0b8ff764f3fdaee" class="notion-table-of-contents-item"><span class="notion-table-of-contents-item-body" style="display:inline-block;margin-left:24px">5.accossory(网格布局)</span></a><a href="#14dc2c42b276808e8682ec315403a813" class="notion-table-of-contents-item"><span class="notion-table-of-contents-item-body" style="display:inline-block;margin-left:24px">6.world</span></a><a href="#14dc2c42b276803681e3eb1b0dca3285" class="notion-table-of-contents-item"><span class="notion-table-of-contents-item-body" style="display:inline-block;margin-left:24px">7.sever</span></a><a href="#14dc2c42b276801390cac1bb4a844b9c" class="notion-table-of-contents-item"><span class="notion-table-of-contents-item-body" style="display:inline-block;margin-left:24px">8.after_sale</span></a><a href="#14dc2c42b27680ee95dae0753710296c" class="notion-table-of-contents-item"><span class="notion-table-of-contents-item-body" style="display:inline-block;margin-left:24px">9.footer</span></a><a href="#14dc2c42b27680929cb4da60eb4175ed" class="notion-table-of-contents-item"><span class="notion-table-of-contents-item-body" style="display:inline-block;margin-left:24px">10.bannner</span></a><a href="#150c2c42b27680aa8fd6e876fa02e016" class="notion-table-of-contents-item"><span class="notion-table-of-contents-item-body" style="display:inline-block;margin-left:0">四、网站微调</span></a><a href="#150c2c42b27680eda456f2605f6e6fad" class="notion-table-of-contents-item"><span class="notion-table-of-contents-item-body" style="display:inline-block;margin-left:24px">1.overflow:hidden　隐藏多余空间</span></a><a href="#165c2c42b2768075a6d7e673e9dabe0a" class="notion-table-of-contents-item"><span class="notion-table-of-contents-item-body" style="display:inline-block;margin-left:0">五、炫酷补充</span></a><a href="#165c2c42b276807f8cf6d45c0623163f" class="notion-table-of-contents-item"><span class="notion-table-of-contents-item-body" style="display:inline-block;margin-left:24px">1.动画插件网址：https://animate.style</span></a><a href="#165c2c42b2768006a7cdc648ea9ce8c5" class="notion-table-of-contents-item"><span class="notion-table-of-contents-item-body" style="display:inline-block;margin-left:24px">2.引入animate.min.css</span></a><a href="#165c2c42b2768055bb49dc45c159c415" class="notion-table-of-contents-item"><span class="notion-table-of-contents-item-body" style="display:inline-block;margin-left:24px">3.参考上述网址进行引用</span></a></div><div class="notion-blank notion-block-150c2c42b27680c88635dd37a87e78db"> </div><figure class="notion-asset-wrapper notion-asset-wrapper-image notion-block-161c2c42b276809ebb8cf356dbc67523"><div style="position:relative;display:flex;justify-content:center;align-self:center;width:100%;max-width:100%;flex-direction:column;height:100%"><img style="object-fit:cover" src="https://www.notion.so/image/attachment%3Abf1949fb-fabb-4769-a582-ce546ae8b395%3Aimage.png?table=block&amp;id=161c2c42-b276-809e-bb8c-f356dbc67523&amp;t=161c2c42-b276-809e-bb8c-f356dbc67523" alt="notion image" loading="lazy" decoding="async"/></div></figure><h2 class="notion-h notion-h1 notion-h-indent-0 notion-block-150c2c42b27680ffa515ff7649a996d3" data-id="150c2c42b27680ffa515ff7649a996d3"><span><div id="150c2c42b27680ffa515ff7649a996d3" class="notion-header-anchor"></div><a class="notion-hash-link" href="#150c2c42b27680ffa515ff7649a996d3" title="准 备‼️"><svg viewBox="0 0 16 16" width="16" height="16"><path fill-rule="evenodd" d="M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z"></path></svg></a><span class="notion-h-title">准 备‼️</span></span></h2><div class="notion-callout notion-gray_background_co notion-block-150c2c42b27680e89c45f5fc8fe5a9cb"><div class="notion-page-icon-inline notion-page-icon-span"><span class="notion-page-icon" role="img" aria-label="💡">💡</span></div><div class="notion-callout-text"><div class="notion-text notion-block-150c2c42b276806f963be35eab6f5353">重难点：</div><div class="notion-text notion-block-005a424110c248308e00b7443ebe8f5f">1.整体难度偏大，个别功能没有实现，不要伤心，不要焦虑~</div><div class="notion-text notion-block-150c2c42b27680298b27f61ba371d128">2.讲解过程中，没跟上或者没有实现出来，非常正常，不用着急，尽量听，熟悉框架搭建</div><div class="notion-text notion-block-150c2c42b27680c3a410f85e075f15bd">3.课后代码放在云盘，有问题自己copy出来再试试~</div><div class="notion-text notion-block-150c2c42b27680a7b8cfe866dcba93af">4.不要太死板，课后自行个性化补充~</div><hr class="notion-hr notion-block-150c2c42b2768011846ff972cf528845"/><div class="notion-text notion-block-150c2c42b27680bbabbae1c8f34af4d2">建 议：</div><div class="notion-text notion-block-150c2c42b27680359d82df7228e8d021">1.分组学习（不超过4人）~</div><div class="notion-text notion-block-150c2c42b2768000b6c0cdf90401ec9a">2.有问题一组的同学相互看看，还有问题再来问~</div></div></div><hr class="notion-hr notion-block-150c2c42b276800da51ed2057d8c3d28"/><h2 class="notion-h notion-h1 notion-h-indent-0 notion-block-14bc2c42b27680c2b3ebd9bb460adf51" data-id="14bc2c42b27680c2b3ebd9bb460adf51"><span><div id="14bc2c42b27680c2b3ebd9bb460adf51" class="notion-header-anchor"></div><a class="notion-hash-link" href="#14bc2c42b27680c2b3ebd9bb460adf51" title="一、效果图"><svg viewBox="0 0 16 16" width="16" height="16"><path fill-rule="evenodd" d="M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z"></path></svg></a><span class="notion-h-title">一、效果图</span></span></h2><figure class="notion-asset-wrapper notion-asset-wrapper-image notion-block-14bc2c42b27680b9b1f2ece2d46f88be"><div style="position:relative;display:flex;justify-content:center;align-self:center;width:100%;max-width:100%;flex-direction:column;height:100%"><img style="object-fit:cover" src="https://www.notion.so/image/attachment%3A5bddbf9a-6812-4ac6-8008-b11a724608b5%3A%E6%95%88%E6%9E%9C%E5%9B%BE.png?table=block&amp;id=14bc2c42-b276-80b9-b1f2-ece2d46f88be&amp;t=14bc2c42-b276-80b9-b1f2-ece2d46f88be" alt="notion image" loading="lazy" decoding="async"/></div></figure><hr class="notion-hr notion-block-14bc2c42b27680369130f201c8face75"/><h2 class="notion-h notion-h1 notion-h-indent-0 notion-block-14bc2c42b276805195bed6b307a1553d" data-id="14bc2c42b276805195bed6b307a1553d"><span><div id="14bc2c42b276805195bed6b307a1553d" class="notion-header-anchor"></div><a class="notion-hash-link" href="#14bc2c42b276805195bed6b307a1553d" title="二、分析/设计网页"><svg viewBox="0 0 16 16" width="16" height="16"><path fill-rule="evenodd" d="M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z"></path></svg></a><span class="notion-h-title">二、分析/设计网页</span></span></h2><figure class="notion-asset-wrapper notion-asset-wrapper-image notion-block-14bc2c42b27680b8a557eccf912efffe"><div style="position:relative;display:flex;justify-content:center;align-self:center;width:100%;max-width:100%;flex-direction:column;height:100%"><img style="object-fit:cover" src="https://www.notion.so/image/attachment%3Abc1f2276-f746-49ca-89e3-0e10cb3fe1b2%3Aimage.png?table=block&amp;id=14bc2c42-b276-80b8-a557-eccf912efffe&amp;t=14bc2c42-b276-80b8-a557-eccf912efffe" alt="notion image" loading="lazy" decoding="async"/></div></figure><h3 class="notion-h notion-h2 notion-h-indent-1 notion-block-14bc2c42b2768034b864fb59e52f063d" data-id="14bc2c42b2768034b864fb59e52f063d"><span><div id="14bc2c42b2768034b864fb59e52f063d" class="notion-header-anchor"></div><a class="notion-hash-link" href="#14bc2c42b2768034b864fb59e52f063d" title="1.划分网页"><svg viewBox="0 0 16 16" width="16" height="16"><path fill-rule="evenodd" d="M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z"></path></svg></a><span class="notion-h-title">1.划分网页</span></span></h3><div class="notion-text notion-block-14bc2c42b2768032a8b6d4507a26b9e8"><span class="notion-red"><b><span class="notion-inline-underscore">10个部分</span></b></span></div><figure class="notion-asset-wrapper notion-asset-wrapper-image notion-block-14bc2c42b27680e38224cfeed6e1f257"><div style="position:relative;display:flex;justify-content:center;align-self:center;width:100%;max-width:100%;flex-direction:column;height:100%"><img style="object-fit:cover" src="https://www.notion.so/image/attachment%3A28f22528-4981-4d24-8c7a-77ceade5fbad%3A%E6%95%88%E6%9E%9C%E5%9B%BE.png?table=block&amp;id=14bc2c42-b276-80e3-8224-cfeed6e1f257&amp;t=14bc2c42-b276-80e3-8224-cfeed6e1f257" alt="notion image" loading="lazy" decoding="async"/></div></figure><h3 class="notion-h notion-h2 notion-h-indent-1 notion-block-14bc2c42b276803ab368c18171419808" data-id="14bc2c42b276803ab368c18171419808"><span><div id="14bc2c42b276803ab368c18171419808" class="notion-header-anchor"></div><a class="notion-hash-link" href="#14bc2c42b276803ab368c18171419808" title="2.内容设计"><svg viewBox="0 0 16 16" width="16" height="16"><path fill-rule="evenodd" d="M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z"></path></svg></a><span class="notion-h-title">2.内容设计</span></span></h3><h3 class="notion-h notion-h2 notion-h-indent-1 notion-block-14bc2c42b2768052a465c2332fa34cdb" data-id="14bc2c42b2768052a465c2332fa34cdb"><span><div id="14bc2c42b2768052a465c2332fa34cdb" class="notion-header-anchor"></div><a class="notion-hash-link" href="#14bc2c42b2768052a465c2332fa34cdb" title="3.默认样式清除与设置"><svg viewBox="0 0 16 16" width="16" height="16"><path fill-rule="evenodd" d="M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z"></path></svg></a><span class="notion-h-title">3.默认样式清除与设置</span></span></h3><div class="notion-text notion-orange_background notion-block-14cc2c42b27680aaa5e6fcd9c876fef9"><span class="notion-red"><b>注：一定在html加上&lt;link rel=&quot;stylesheet&quot; href=&quot;../css/index.css&quot;&gt;⭐⭐⭐</b></span></div><hr class="notion-hr notion-block-14bc2c42b276809e870ffebd172da1a0"/><h2 class="notion-h notion-h1 notion-h-indent-0 notion-block-14bc2c42b27680f8b3c3c801c3a5a0f5" data-id="14bc2c42b27680f8b3c3c801c3a5a0f5"><span><div id="14bc2c42b27680f8b3c3c801c3a5a0f5" class="notion-header-anchor"></div><a class="notion-hash-link" href="#14bc2c42b27680f8b3c3c801c3a5a0f5" title="三、板块设计"><svg viewBox="0 0 16 16" width="16" height="16"><path fill-rule="evenodd" d="M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z"></path></svg></a><span class="notion-h-title">三、板块设计</span></span></h2><div class="notion-text notion-orange_background notion-block-14dc2c42b27680d1b6e4ebe0217f1c8f"><span class="notion-red"><b>注：在每个有浮动板块的后面加clear:both⭐⭐⭐</b></span></div><h3 class="notion-h notion-h2 notion-h-indent-1 notion-block-14bc2c42b27680879b54f0200fd5dbef" data-id="14bc2c42b27680879b54f0200fd5dbef"><span><div id="14bc2c42b27680879b54f0200fd5dbef" class="notion-header-anchor"></div><a class="notion-hash-link" href="#14bc2c42b27680879b54f0200fd5dbef" title="1.top"><svg viewBox="0 0 16 16" width="16" height="16"><path fill-rule="evenodd" d="M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z"></path></svg></a><span class="notion-h-title">1.top</span></span></h3><figure class="notion-asset-wrapper notion-asset-wrapper-image notion-block-159c2c42b27680caa96ec40cbff02e7f"><div style="position:relative;display:flex;justify-content:center;align-self:center;width:100%;max-width:100%;flex-direction:column;height:100%"><img style="object-fit:cover" src="https://www.notion.so/image/attachment%3A7d1e4075-a856-40f5-848b-dfaab31d7e84%3Aimage.png?table=block&amp;id=159c2c42-b276-80ca-a96e-c40cbff02e7f&amp;t=159c2c42-b276-80ca-a96e-c40cbff02e7f" alt="notion image" loading="lazy" decoding="async"/></div></figure><hr class="notion-hr notion-block-14bc2c42b276800996b4cceec118dc2e"/><h3 class="notion-h notion-h2 notion-h-indent-1 notion-block-14bc2c42b276806dab08e0f00552e551" data-id="14bc2c42b276806dab08e0f00552e551"><span><div id="14bc2c42b276806dab08e0f00552e551" class="notion-header-anchor"></div><a class="notion-hash-link" href="#14bc2c42b276806dab08e0f00552e551" title="2.header"><svg viewBox="0 0 16 16" width="16" height="16"><path fill-rule="evenodd" d="M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z"></path></svg></a><span class="notion-h-title">2.header</span></span></h3><figure class="notion-asset-wrapper notion-asset-wrapper-image notion-block-159c2c42b276805aac63eecb9c2547c0"><div style="position:relative;display:flex;justify-content:center;align-self:center;width:100%;max-width:100%;flex-direction:column;height:100%"><img style="object-fit:cover" src="https://www.notion.so/image/attachment%3Ab1df881d-d5e3-47c4-b696-43c1afc662ef%3Aimage.png?table=block&amp;id=159c2c42-b276-805a-ac63-eecb9c2547c0&amp;t=159c2c42-b276-805a-ac63-eecb9c2547c0" alt="notion image" loading="lazy" decoding="async"/></div></figure><h3 class="notion-h notion-h2 notion-h-indent-1 notion-block-14bc2c42b2768031a8fdfb227d9335ca" data-id="14bc2c42b2768031a8fdfb227d9335ca"><span><div id="14bc2c42b2768031a8fdfb227d9335ca" class="notion-header-anchor"></div><a class="notion-hash-link" href="#14bc2c42b2768031a8fdfb227d9335ca" title="3.nav"><svg viewBox="0 0 16 16" width="16" height="16"><path fill-rule="evenodd" d="M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z"></path></svg></a><span class="notion-h-title">3.nav</span></span></h3><figure class="notion-asset-wrapper notion-asset-wrapper-image notion-block-159c2c42b2768028a72ed60514d5b598"><div style="position:relative;display:flex;justify-content:center;align-self:center;width:100%;max-width:100%;flex-direction:column;height:100%"><img style="object-fit:cover" src="https://www.notion.so/image/attachment%3A8c9b5458-63ee-42ac-a5f0-23f106b1cd16%3Aimage.png?table=block&amp;id=159c2c42-b276-8028-a72e-d60514d5b598&amp;t=159c2c42-b276-8028-a72e-d60514d5b598" alt="notion image" loading="lazy" decoding="async"/></div></figure><h3 class="notion-h notion-h2 notion-h-indent-1 notion-block-14bc2c42b276806d97e1f3a1c4085495" data-id="14bc2c42b276806d97e1f3a1c4085495"><span><div id="14bc2c42b276806d97e1f3a1c4085495" class="notion-header-anchor"></div><a class="notion-hash-link" href="#14bc2c42b276806d97e1f3a1c4085495" title="4.star(弹性盒子布局)"><svg viewBox="0 0 16 16" width="16" height="16"><path fill-rule="evenodd" d="M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z"></path></svg></a><span class="notion-h-title">4.star(弹性盒子布局)</span></span></h3><figure class="notion-asset-wrapper notion-asset-wrapper-image notion-block-159c2c42b27680ca9117d45d1212a79d"><div style="position:relative;display:flex;justify-content:center;align-self:center;width:100%;max-width:100%;flex-direction:column;height:100%"><img style="object-fit:cover" src="https://www.notion.so/image/attachment%3A9d9238bd-247d-43e1-859e-2d3307722682%3Aimage.png?table=block&amp;id=159c2c42-b276-80ca-9117-d45d1212a79d&amp;t=159c2c42-b276-80ca-9117-d45d1212a79d" alt="notion image" loading="lazy" decoding="async"/></div></figure><h3 class="notion-h notion-h2 notion-h-indent-1 notion-block-14bc2c42b276809aa0b8ff764f3fdaee" data-id="14bc2c42b276809aa0b8ff764f3fdaee"><span><div id="14bc2c42b276809aa0b8ff764f3fdaee" class="notion-header-anchor"></div><a class="notion-hash-link" href="#14bc2c42b276809aa0b8ff764f3fdaee" title="5.accossory(网格布局)"><svg viewBox="0 0 16 16" width="16" height="16"><path fill-rule="evenodd" d="M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z"></path></svg></a><span class="notion-h-title">5.accossory(网格布局)</span></span></h3><figure class="notion-asset-wrapper notion-asset-wrapper-image notion-block-159c2c42b27680639b58eb06530cb838"><div style="position:relative;display:flex;justify-content:center;align-self:center;width:100%;max-width:100%;flex-direction:column;height:100%"><img style="object-fit:cover" src="https://www.notion.so/image/attachment%3A70fa5519-8a72-4d3a-a28f-e88fb84f5bdf%3Aimage.png?table=block&amp;id=159c2c42-b276-8063-9b58-eb06530cb838&amp;t=159c2c42-b276-8063-9b58-eb06530cb838" alt="notion image" loading="lazy" decoding="async"/></div></figure><hr class="notion-hr notion-block-14bc2c42b27680c0a35af1e7fb4f6b7d"/><h3 class="notion-h notion-h2 notion-h-indent-1 notion-block-14dc2c42b276808e8682ec315403a813" data-id="14dc2c42b276808e8682ec315403a813"><span><div id="14dc2c42b276808e8682ec315403a813" class="notion-header-anchor"></div><a class="notion-hash-link" href="#14dc2c42b276808e8682ec315403a813" title="6.world"><svg viewBox="0 0 16 16" width="16" height="16"><path fill-rule="evenodd" d="M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z"></path></svg></a><span class="notion-h-title">6.world</span></span></h3><figure class="notion-asset-wrapper notion-asset-wrapper-image notion-block-159c2c42b276808fa0dae4e06f6d4580"><div style="position:relative;display:flex;justify-content:center;align-self:center;width:100%;max-width:100%;flex-direction:column;height:100%"><img style="object-fit:cover" src="https://www.notion.so/image/attachment%3A57d71f73-3af0-4306-a576-ca09502e0056%3Aimage.png?table=block&amp;id=159c2c42-b276-808f-a0da-e4e06f6d4580&amp;t=159c2c42-b276-808f-a0da-e4e06f6d4580" alt="notion image" loading="lazy" decoding="async"/></div></figure><hr class="notion-hr notion-block-14dc2c42b2768099bc4fd7fcd4a5d8d3"/><h3 class="notion-h notion-h2 notion-h-indent-1 notion-block-14dc2c42b276803681e3eb1b0dca3285" data-id="14dc2c42b276803681e3eb1b0dca3285"><span><div id="14dc2c42b276803681e3eb1b0dca3285" class="notion-header-anchor"></div><a class="notion-hash-link" href="#14dc2c42b276803681e3eb1b0dca3285" title="7.sever"><svg viewBox="0 0 16 16" width="16" height="16"><path fill-rule="evenodd" d="M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z"></path></svg></a><span class="notion-h-title">7.sever</span></span></h3><figure class="notion-asset-wrapper notion-asset-wrapper-image notion-block-159c2c42b276806dafe4f90a1ee68882"><div style="position:relative;display:flex;justify-content:center;align-self:center;width:100%;max-width:100%;flex-direction:column;height:100%"><img style="object-fit:cover" src="https://www.notion.so/image/attachment%3Acbe8f02a-d22c-40ba-be3d-e94cf0347bee%3Aimage.png?table=block&amp;id=159c2c42-b276-806d-afe4-f90a1ee68882&amp;t=159c2c42-b276-806d-afe4-f90a1ee68882" alt="notion image" loading="lazy" decoding="async"/></div></figure><hr class="notion-hr notion-block-14dc2c42b276807d897cc03a521d1237"/><h3 class="notion-h notion-h2 notion-h-indent-1 notion-block-14dc2c42b276801390cac1bb4a844b9c" data-id="14dc2c42b276801390cac1bb4a844b9c"><span><div id="14dc2c42b276801390cac1bb4a844b9c" class="notion-header-anchor"></div><a class="notion-hash-link" href="#14dc2c42b276801390cac1bb4a844b9c" title="8.after_sale"><svg viewBox="0 0 16 16" width="16" height="16"><path fill-rule="evenodd" d="M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z"></path></svg></a><span class="notion-h-title">8.after_sale</span></span></h3><figure class="notion-asset-wrapper notion-asset-wrapper-image notion-block-159c2c42b27680d8969adfbd559909a6"><div style="position:relative;display:flex;justify-content:center;align-self:center;width:100%;max-width:100%;flex-direction:column;height:100%"><img style="object-fit:cover" src="https://www.notion.so/image/attachment%3Aaaad4e1e-8c1e-460c-b2e4-03626b340adf%3Aimage.png?table=block&amp;id=159c2c42-b276-80d8-969a-dfbd559909a6&amp;t=159c2c42-b276-80d8-969a-dfbd559909a6" alt="notion image" loading="lazy" decoding="async"/></div></figure><hr class="notion-hr notion-block-14dc2c42b2768049b688f50bf5ddb3c1"/><h3 class="notion-h notion-h2 notion-h-indent-1 notion-block-14dc2c42b27680ee95dae0753710296c" data-id="14dc2c42b27680ee95dae0753710296c"><span><div id="14dc2c42b27680ee95dae0753710296c" class="notion-header-anchor"></div><a class="notion-hash-link" href="#14dc2c42b27680ee95dae0753710296c" title="9.footer"><svg viewBox="0 0 16 16" width="16" height="16"><path fill-rule="evenodd" d="M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z"></path></svg></a><span class="notion-h-title">9.footer</span></span></h3><figure class="notion-asset-wrapper notion-asset-wrapper-image notion-block-162c2c42b27680a58b7eda335e8086ac"><div style="position:relative;display:flex;justify-content:center;align-self:center;width:100%;max-width:100%;flex-direction:column;height:100%"><img style="object-fit:cover" src="https://www.notion.so/image/attachment%3Afa37419b-30b8-4722-b10d-68241f2a4354%3Aimage.png?table=block&amp;id=162c2c42-b276-80a5-8b7e-da335e8086ac&amp;t=162c2c42-b276-80a5-8b7e-da335e8086ac" alt="notion image" loading="lazy" decoding="async"/></div></figure><hr class="notion-hr notion-block-14dc2c42b27680b6ac73cd30bfbc75e5"/><h3 class="notion-h notion-h2 notion-h-indent-1 notion-block-14dc2c42b27680929cb4da60eb4175ed" data-id="14dc2c42b27680929cb4da60eb4175ed"><span><div id="14dc2c42b27680929cb4da60eb4175ed" class="notion-header-anchor"></div><a class="notion-hash-link" href="#14dc2c42b27680929cb4da60eb4175ed" title="10.bannner"><svg viewBox="0 0 16 16" width="16" height="16"><path fill-rule="evenodd" d="M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z"></path></svg></a><span class="notion-h-title">10.bannner</span></span></h3><div class="notion-text notion-block-150c2c42b27680af8fcef991ee8ca0bc"><span class="notion-red_background"><b>注意：记得引入样式</b></span></div><div class="notion-text notion-block-162c2c42b2768039a9a2e14dc486c1e1"><span class="notion-red"><b>步骤：</b></span></div><ol start="1" class="notion-list notion-list-numbered notion-block-162c2c42b27680e4a586f90fd14f6666" style="list-style-type:decimal"><li>引入插件，即swiper.js和swiper.css</li></ol><ol start="2" class="notion-list notion-list-numbered notion-block-162c2c42b2768008829ce6c3acf21fad" style="list-style-type:decimal"><li>加入对应代码块</li></ol><div class="notion-text notion-block-162c2c42b276803bb540db9ea7237309"><span class="notion-blue"><b>注意：js引用放在body前，最后一个div后</b></span></div><figure class="notion-asset-wrapper notion-asset-wrapper-image notion-block-159c2c42b27680c28172c48dca9b379c"><div style="position:relative;display:flex;justify-content:center;align-self:center;width:100%;max-width:100%;flex-direction:column;height:100%"><img style="object-fit:cover" src="https://www.notion.so/image/attachment%3A5f5d3575-f460-483e-a8e4-c650838571cc%3Aimage.png?table=block&amp;id=159c2c42-b276-80c2-8172-c48dca9b379c&amp;t=159c2c42-b276-80c2-8172-c48dca9b379c" alt="notion image" loading="lazy" decoding="async"/></div></figure><hr class="notion-hr notion-block-150c2c42b27680ee852fd0d8861dbd93"/><h2 class="notion-h notion-h1 notion-h-indent-0 notion-block-150c2c42b27680aa8fd6e876fa02e016" data-id="150c2c42b27680aa8fd6e876fa02e016"><span><div id="150c2c42b27680aa8fd6e876fa02e016" class="notion-header-anchor"></div><a class="notion-hash-link" href="#150c2c42b27680aa8fd6e876fa02e016" title="四、网站微调"><svg viewBox="0 0 16 16" width="16" height="16"><path fill-rule="evenodd" d="M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z"></path></svg></a><span class="notion-h-title">四、网站微调</span></span></h2><h3 class="notion-h notion-h2 notion-h-indent-1 notion-block-150c2c42b27680eda456f2605f6e6fad" data-id="150c2c42b27680eda456f2605f6e6fad"><span><div id="150c2c42b27680eda456f2605f6e6fad" class="notion-header-anchor"></div><a class="notion-hash-link" href="#150c2c42b27680eda456f2605f6e6fad" title="1.overflow:hidden　隐藏多余空间"><svg viewBox="0 0 16 16" width="16" height="16"><path fill-rule="evenodd" d="M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z"></path></svg></a><span class="notion-h-title">1.overflow:hidden　隐藏多余空间</span></span></h3><div class="notion-blank notion-block-165c2c42b2768044b53ffd3df15bbecc"> </div><div class="notion-blank notion-block-165c2c42b27680c79b80e7347380c0c8"> </div><hr class="notion-hr notion-block-150c2c42b276804b9dcad5651b02589f"/><h2 class="notion-h notion-h1 notion-h-indent-0 notion-block-165c2c42b2768075a6d7e673e9dabe0a" data-id="165c2c42b2768075a6d7e673e9dabe0a"><span><div id="165c2c42b2768075a6d7e673e9dabe0a" class="notion-header-anchor"></div><a class="notion-hash-link" href="#165c2c42b2768075a6d7e673e9dabe0a" title="五、炫酷补充"><svg viewBox="0 0 16 16" width="16" height="16"><path fill-rule="evenodd" d="M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z"></path></svg></a><span class="notion-h-title">五、炫酷补充</span></span></h2><h4 class="notion-h notion-h3 notion-h-indent-1 notion-block-165c2c42b276807f8cf6d45c0623163f" data-id="165c2c42b276807f8cf6d45c0623163f"><span><div id="165c2c42b276807f8cf6d45c0623163f" class="notion-header-anchor"></div><a class="notion-hash-link" href="#165c2c42b276807f8cf6d45c0623163f" title="1.动画插件网址：https://animate.style"><svg viewBox="0 0 16 16" width="16" height="16"><path fill-rule="evenodd" d="M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z"></path></svg></a><span class="notion-h-title">1.动画插件网址：<a class="notion-link" href="https://animate.style/" target="_blank" rel="noopener noreferrer">https://animate.style</a></span></span></h4><h4 class="notion-h notion-h3 notion-h-indent-1 notion-block-165c2c42b2768006a7cdc648ea9ce8c5" data-id="165c2c42b2768006a7cdc648ea9ce8c5"><span><div id="165c2c42b2768006a7cdc648ea9ce8c5" class="notion-header-anchor"></div><a class="notion-hash-link" href="#165c2c42b2768006a7cdc648ea9ce8c5" title="2.引入animate.min.css"><svg viewBox="0 0 16 16" width="16" height="16"><path fill-rule="evenodd" d="M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z"></path></svg></a><span class="notion-h-title">2.引入animate.min.css</span></span></h4><h4 class="notion-h notion-h3 notion-h-indent-1 notion-block-165c2c42b2768055bb49dc45c159c415" data-id="165c2c42b2768055bb49dc45c159c415"><span><div id="165c2c42b2768055bb49dc45c159c415" class="notion-header-anchor"></div><a class="notion-hash-link" href="#165c2c42b2768055bb49dc45c159c415" title="3.参考上述网址进行引用"><svg viewBox="0 0 16 16" width="16" height="16"><path fill-rule="evenodd" d="M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z"></path></svg></a><span class="notion-h-title">3.参考上述网址进行引用</span></span></h4><div class="notion-blank notion-block-165c2c42b27680dba17aefca7f547177"> </div></main></div>]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[网页设计与制作]]></title>
            <link>https://qcode.im/article/ca698d97-758a-4864-ad43-65e0b94a1eda</link>
            <guid>https://qcode.im/article/ca698d97-758a-4864-ad43-65e0b94a1eda</guid>
            <pubDate>Fri, 30 Aug 2024 00:00:00 GMT</pubDate>
            <description><![CDATA[课程]]></description>
            <content:encoded><![CDATA[课程]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[Modern Educational]]></title>
            <link>https://qcode.im/article/resource</link>
            <guid>https://qcode.im/article/resource</guid>
            <pubDate>Mon, 27 May 2024 00:00:00 GMT</pubDate>
            <description><![CDATA[课程]]></description>
            <content:encoded><![CDATA[课程]]></content:encoded>
        </item>
    </channel>
</rss>