HTML学习笔记（一） - javascript技术分享

一、结构标记 header 页头文档头 section 页面主体文档主体 nav导航 aside边栏 article文章 footer底部其中 header nav footer section用的比较多主要是切分结构方便阅读。二、标签
换行标题 <nobr> 强制不换行 <h1>~<h6> 最多6级标题 <p> 这是段落大多数来做正文 <pre> 预格式化 <div> 这是分区标记 <b>粗体 <i>斜体 <s>删除线 <u>下划线 <strong> 强调（和粗体一样） <em> 和斜体一样 <sub>下标 <sup>上标 <hr /> 水平线分割线 <img> 图片 <a> 链接  <a href="#" target="_blank" rel="noopener noreferrer"></a>  <a name="poem">定义锚点</a> <table>  <table> <caption>这里是表的标题</caption>  <thead> <tr>  <th>header</th> </tr> </thead>  <tbody> <tr> <td>data</td> </tr> </tbody>  <tfoot> <tr></tr> </tfoot> </table> <ol> 有序列表 <li> type <ul> 无序列表（type:disk,circle,square） <dl> 定义列表 <dt> 定义标题 <dd>定义内容 <form> :表单 method= get/post action 提交的路径 <input> 输入框 name：为input命名，提交必须定义name value: 按钮的文字/文本的初始值 size 文本框宽度 type：定义input 的功能，requied，disabled，readonly) input type = radio 单选框必备属性name组名（一组单选框 name必须相同）value 选项值 checked 默认选中 type = checkbox 复选框 type = reset重置 type=button 按钮 type=submit 提交表单按钮 type = file选中文件 type=hidden 隐藏的表单提交会携带 <select> 选择框 name option 定义菜单项 size行数 multiple 允许多选仅适用多行菜单 selected 加在option上定义菜单默认选中 <fieldset> 分组 <legend>来命名 <fieldset> <legend>组名</legend> </fieldset> <textarea>文本域 cols 列数，rows行高，name命名 <label> 文本标签能和一些标签绑定点击label相当于点击绑定的标签 <input type="checkbox" id=selected> <label for="selected">点击选中</label> <button> 普通按钮 <iframe> 窗口可以打开其他网页 <iframe src="text.html" width="600px" height="400px" frameborder="0" name="window" scrolling="no"></iframe> 三、特殊字符空格 © © < < > > " ” & & 这里比较全 </article></div><div class="post-footer" data-v-9260a875><div class="tags" data-v-9260a875><a href="/post/tags/结构标记" data-umami-event="post detail tags click" target="_blank" data-v-9260a875># 结构标记</a><a href="/post/tags/标签" data-umami-event="post detail tags click" target="_blank" data-v-9260a875># 标签</a><a href="/post/tags/HTML" data-umami-event="post detail tags click" target="_blank" data-v-9260a875># HTML</a></div><div class="copy-desc" data-v-9260a875><div data-v-9260a875>本文由作者创作或收集，内容引用如有问题请联系站长处理。</div><div data-v-9260a875> 转载请注明原文及出处：<a class="quote" href="https://www.dsiab.com/post/a2068048-c4ce-4a0c-b8ce-80a85d8327f9" data-v-9260a875>HTML学习笔记（一）</a></div></div></div><div class="postRecommend" data-v-9260a875 style=""><div class="common-title" data-v-a72f5a0e>推荐阅读 <i class="active-line" data-v-a72f5a0e></i></div><ul><li><span class="circle"></span><a href="/post/a2068048-c4ce-4a0c-b8ce-80a85d8327f9" target="_blank" rel="noopener noreferrer">HTML学习笔记（一）</a></li></ul></div><div class="comments" data-v-9260a875 data-v-f2b74ff7><div class="add-comment" data-v-f2b74ff7><h3 data-v-f2b74ff7>发表评论<span style="color:gray;font-size:1rem;" data-v-f2b74ff7> (审核通过后显示评论)：</span></h3><form class="el-form el-form--default el-form--label-right" data-v-f2b74ff7><div class="el-form-item is-required asterisk-left el-form-item--label-right" role="group" aria-labelledby="el-id-1024-0" data-v-f2b74ff7><div id="el-id-1024-0" class="el-form-item__label" style="width:70px;">昵称：</div><div class="el-form-item__content" style=""><div class="el-input" style="" data-v-f2b74ff7><div class="el-input__wrapper"><input class="el-input__inner" type="text" autocomplete="off" tabindex="0" placeholder="用于发表后名称显示" style=""></div></div></div></div><div class="el-form-item is-required asterisk-left el-form-item--label-right" role="group" aria-labelledby="el-id-1024-1" data-v-f2b74ff7><div id="el-id-1024-1" class="el-form-item__label" style="width:70px;">邮箱：</div><div class="el-form-item__content" style=""><div class="el-input" style="" data-v-f2b74ff7><div class="el-input__wrapper"><input class="el-input__inner" type="text" autocomplete="off" tabindex="0" placeholder="用于接收回复邮件,不会公开展示" style=""></div></div></div></div><div class="el-form-item is-required asterisk-left el-form-item--label-right" role="group" aria-labelledby="el-id-1024-2" data-v-f2b74ff7><div id="el-id-1024-2" class="el-form-item__label" style="width:70px;">内容：</div><div class="el-form-item__content" style=""><div class="el-textarea" style="" data-v-f2b74ff7><textarea class="el-textarea__inner" tabindex="0" autocomplete="off" style="" placeholder="写下你的问题" rows="5"></textarea></div></div></div><div class="el-form-item asterisk-left el-form-item--label-right" data-v-f2b74ff7><div class="el-form-item__content" style="margin-left:70px;"><div style="text-align:right;" data-v-f2b74ff7><button ariadisabled="false" type="button" class="el-button el-button--primary" style="" data-v-f2b74ff7><span class="">发表评论</span></button></div></div></div></form></div><div class="commentsList" style="display:none;" data-v-f2b74ff7><h3 style="text-align:center;" data-v-f2b74ff7>文章评论(0)</h3></div></div></div></div></div><div id="imageList" style="position:absolute;top:9999px;left:-9999px;" data-v-9260a875><div style="width:1px;height:1px;" class="el-image" data-v-9260a875><div class="el-image__wrapper"><div class="el-image__placeholder"></div></div></div></div></div><div class="side-bar layouts-sideBar" data-v-3f82ca16 data-v-26f2689f><ul data-v-26f2689f><li data-v-26f2689f><div class="search" data-v-26f2689f><div class="el-input el-input--large el-input-group el-input-group--append" style="" data-v-26f2689f><div class="el-input__wrapper"><input class="el-input__inner" type="text" autocomplete="off" tabindex="0" placeholder="请输入关键字搜索" style=""></div><div class="el-input-group__append"><button ariadisabled="false" type="button" class="el-button" style="" data-v-26f2689f><i class="el-icon" style=""><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024"><path fill="currentColor" d="m795.904 750.72 124.992 124.928a32 32 0 0 1-45.248 45.248L750.656 795.904a416 416 0 1 1 45.248-45.248zM480 832a352 352 0 1 0 0-704 352 352 0 0 0 0 704"></path></svg></i></button></div></div></div></li><li style="display:none;" data-v-26f2689f><div class="_oi1z2s14bx" data-v-26f2689f></div></li><div class="_clzacg58dkb" style="display:none;" data-v-26f2689f></div><li data-v-26f2689f><div class="module category" data-v-26f2689f><div class="common-title" data-v-26f2689f data-v-a72f5a0e>专题推荐 <i class="active-line" data-v-a72f5a0e></i></div><div class="el-carousel el-carousel--horizontal car-item" data-v-26f2689f><button type="button" class="el-carousel__arrow el-carousel__arrow--left" aria-label="Carousel arrow left" style="display:none;"><i class="el-icon" style=""><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024"><path fill="currentColor" d="M609.408 149.376 277.76 489.6a32 32 0 0 0 0 44.672l331.648 340.352a29.12 29.12 0 0 0 41.728 0 30.592 30.592 0 0 0 0-42.752L339.264 511.936l311.872-319.872a30.592 30.592 0 0 0 0-42.688 29.12 29.12 0 0 0-41.728 0z"></path></svg></i></button><button type="button" class="el-carousel__arrow el-carousel__arrow--right" aria-label="Carousel arrow right" style="display:none;"><i class="el-icon" style=""><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024"><path fill="currentColor" d="M340.864 149.312a30.592 30.592 0 0 0 0 42.752L652.736 512 340.864 831.872a30.592 30.592 0 0 0 0 42.752 29.12 29.12 0 0 0 41.728 0L714.24 534.336a32 32 0 0 0 0-44.672L382.592 149.376a29.12 29.12 0 0 0-41.728 0z"></path></svg></i></button><div class="el-carousel__container" style="height:140px;"><div class="el-carousel__item" style="transform:translateX(0px) scale(1);display:none;" data-v-26f2689f><div class="carousel-item-container" data-v-26f2689f><a href="/topic/9" target="_blank" data-v-26f2689f><img src="https://source.dsiab.com/upload/cf172b78-9a2b-4ed3-8ae8-18ecaf612d98.jpg" alt style="height:140px;width:100%;" data-v-26f2689f></a><div class="carousel-item-desc" data-v-26f2689f>从零搭建博客</div></div></div><div class="el-carousel__item" style="transform:translateX(0px) scale(1);display:none;" data-v-26f2689f><div class="carousel-item-container" data-v-26f2689f><a href="/topic/8" target="_blank" data-v-26f2689f><img src="https://source.dsiab.com/upload/cf172b78-9a2b-4ed3-8ae8-18ecaf612d98.jpg" alt style="height:140px;width:100%;" data-v-26f2689f></a><div class="carousel-item-desc" data-v-26f2689f>前端开发</div></div></div><div class="el-carousel__item" style="transform:translateX(0px) scale(1);display:none;" data-v-26f2689f><div class="carousel-item-container" data-v-26f2689f><a href="/topic/4" target="_blank" data-v-26f2689f><img src="https://source.dsiab.com/upload/cf172b78-9a2b-4ed3-8ae8-18ecaf612d98.jpg" alt style="height:140px;width:100%;" data-v-26f2689f></a><div class="carousel-item-desc" data-v-26f2689f>javascript教程</div></div></div><div class="el-carousel__item" style="transform:translateX(0px) scale(1);display:none;" data-v-26f2689f><div class="carousel-item-container" data-v-26f2689f><a href="/topic/1" target="_blank" data-v-26f2689f><img src="https://source.dsiab.com/upload/cf172b78-9a2b-4ed3-8ae8-18ecaf612d98.jpg" alt style="height:140px;width:100%;" data-v-26f2689f></a><div class="carousel-item-desc" data-v-26f2689f>vue3+ts教程</div></div></div></div><ul class="el-carousel__indicators el-carousel__indicators--horizontal el-carousel__indicators--outside"></ul></div></div></li><li data-v-26f2689f><div class="module" data-v-26f2689f><div class="common-title" data-v-26f2689f data-v-a72f5a0e>推荐阅读 <i class="active-line" data-v-a72f5a0e></i></div><ul data-v-26f2689f><li class="li-item" data-v-26f2689f><div class="title" data-v-26f2689f><a href="/post/345d8d5b-cf8c-11f0-9039-52540025eaec" target="_self" data-umami-event="recommend click" data-v-26f2689f><span class="list-index" data-v-26f2689f>1</span>如何整治各种网络爬虫（比如SemrushBot）</a></div><div class="excerpt" data-v-26f2689f><span class="views" data-v-26f2689f> 阅读：846</span><span class="views published-date" data-v-26f2689f> 发布时间：2025-12-02 22:35:29</span></div></li><li class="li-item" data-v-26f2689f><div class="title" data-v-26f2689f><a href="/post/3b940080-d69b-11f0-8799-52540025eaec" target="_self" data-umami-event="recommend click" data-v-26f2689f><span class="list-index" data-v-26f2689f>2</span>umami统计：适合个人网站的专业统计工具</a></div><div class="excerpt" data-v-26f2689f><span class="views" data-v-26f2689f> 阅读：819</span><span class="views published-date" data-v-26f2689f> 发布时间：2025-12-11 22:10:45</span></div></li><li class="li-item" data-v-26f2689f><div class="title" data-v-26f2689f><a href="/post/35cbc18f-ba3f-4c7b-9877-18387ca7693e" target="_self" data-umami-event="recommend click" data-v-26f2689f><span class="list-index" data-v-26f2689f>3</span>CleanAds：百度、Bing、CSDN 广告清理插件</a></div><div class="excerpt" data-v-26f2689f><span class="views" data-v-26f2689f> 阅读：596</span><span class="views published-date" data-v-26f2689f> 发布时间：2025-10-10 21:19:32</span></div></li><li class="li-item" data-v-26f2689f><div class="title" data-v-26f2689f><a href="/post/9e1135ab-e33c-11f0-8799-52540025eaec" target="_self" data-umami-event="recommend click" data-v-26f2689f><span class="list-index" data-v-26f2689f>4</span>如何将Node.js REST API转换为AI专用的MCP服务器</a></div><div class="excerpt" data-v-26f2689f><span class="views" data-v-26f2689f> 阅读：473</span><span class="views published-date" data-v-26f2689f> 发布时间：2025-12-27 23:56:12</span></div></li><li class="li-item" data-v-26f2689f><div class="title" data-v-26f2689f><a href="/post/b9f88bd1-cdef-11f0-a97c-52540025eaec" target="_self" data-umami-event="recommend click" data-v-26f2689f><span class="list-index" data-v-26f2689f>5</span>利用AI自动发布文章效果如何？</a></div><div class="excerpt" data-v-26f2689f><span class="views" data-v-26f2689f> 阅读：419</span><span class="views published-date" data-v-26f2689f> 发布时间：2025-11-30 21:21:53</span></div></li><li class="li-item" data-v-26f2689f><div class="title" data-v-26f2689f><a href="/post/fc717dd1-ee9a-4f21-a977-5515e51314da" target="_self" data-umami-event="recommend click" data-v-26f2689f><span class="list-index" data-v-26f2689f>6</span>2025年国庆回家行程记录</a></div><div class="excerpt" data-v-26f2689f><span class="views" data-v-26f2689f> 阅读：397</span><span class="views published-date" data-v-26f2689f> 发布时间：2025-10-09 22:25:15</span></div></li><li class="li-item" data-v-26f2689f><div class="title" data-v-26f2689f><a href="/post/0c0cf91e-c5bd-11f0-a97c-52540025eaec" target="_self" data-umami-event="recommend click" data-v-26f2689f><span class="list-index" data-v-26f2689f>7</span>Vue3中如何正确使用`ref`和`reactive`来声明响应式数据，它们有什么区别？</a></div><div class="excerpt" data-v-26f2689f><span class="views" data-v-26f2689f> 阅读：391</span><span class="views published-date" data-v-26f2689f> 发布时间：2025-11-20 11:00:19</span></div></li><li class="li-item" data-v-26f2689f><div class="title" data-v-26f2689f><a href="/post/f0f2f5f2-ca9d-11f0-a97c-52540025eaec" target="_self" data-umami-event="recommend click" data-v-26f2689f><span class="list-index" data-v-26f2689f>8</span>如何理解 JavaScript 中的事件循环（Event Loop）？</a></div><div class="excerpt" data-v-26f2689f><span class="views" data-v-26f2689f> 阅读：386</span><span class="views published-date" data-v-26f2689f> 发布时间：2025-11-26 16:00:15</span></div></li><li class="li-item" data-v-26f2689f><div class="title" data-v-26f2689f><a href="/post/705653fc-ca0f-11f0-a97c-52540025eaec" target="_self" data-umami-event="recommend click" data-v-26f2689f><span class="list-index" data-v-26f2689f>9</span>JavaScript 中的事件循环（Event Loop）是如何工作的？</a></div><div class="excerpt" data-v-26f2689f><span class="views" data-v-26f2689f> 阅读：364</span><span class="views published-date" data-v-26f2689f> 发布时间：2025-11-25 23:00:11</span></div></li><li class="li-item" data-v-26f2689f><div class="title" data-v-26f2689f><a href="/post/d7d0bc6f-d37a-11f0-8799-52540025eaec" target="_self" data-umami-event="recommend click" data-v-26f2689f><span class="list-index" data-v-26f2689f>10</span>最终决定还是将网站的百度广告去掉</a></div><div class="excerpt" data-v-26f2689f><span class="views" data-v-26f2689f> 阅读：324</span><span class="views published-date" data-v-26f2689f> 发布时间：2025-12-07 22:41:19</span></div></li></ul></div></li></ul></div></div><div class="home-footer" data-v-3f82ca16><div class="site-info"><div><a href="https://nuxt.com/">© 基于nuxt</a></div><div><a href="https://beian.miit.gov.cn/">粤ICP备20013202号</a></div><div><a href="/">© 2020-2026 javascript技术分享</a></div></div></div></div></div><div id="teleports"></div><script>window.__NUXT__={};window.__NUXT__.config={public:{},app:{baseURL:"/",buildId:"d0639f30-e07b-4719-969d-2ca9dbcb9fdb",buildAssetsDir:"/_nuxt/",cdnURL:""}}</script><script type="application/json" data-nuxt-data="nuxt-app" data-ssr="true" id="__NUXT_DATA__">[["ShallowReactive",1],{"data":2,"state":583,"once":585,"_errors":586,"serverRendered":588,"path":589,"pinia":590},["ShallowReactive",3],{"$fDuYn6jruWLgtdPDAp_pbpUi5TZQJnMwHONXvVgczUTA":4,"$fze5QMcmY2Ptddir_KGEmcqlRs5fJRgIfrzxI1PRQm9k":16,"$fa87TG4IiyzhtdiIhQmDQK2tLVOjRvhVaaUgAbzDnQEA":37,"$f8swgXXOoL93g3mTjSjvDrylI1lZlob1-0ojSjNYbDZY":102,"$f8ExJxIiRgN2J1O_bSmcuTyC5jJ1EK-j3ryLuy83ut84":115,"$frFnyCIDM5kkg3TuV5gIt7xw5CZtW-gHIEx8CpbwGin8":580},{"code":5,"msg":6,"data":7},0,"操作成功",{"menuList":8,"siteUrl":9,"beianNo":10,"carouselUrl":11,"siteName":12,"carouselEnable":13,"post_comment_switch":14,"siteDesc":15,"ad_switch":13},"[{\"menuName\":\"首页\",\"menuUrl\":\"/\",\"enabled\":\"Y\",\"imgUrl\":\"首页\",\"desc\":\"/\"},{\"menuName\":\"关于\",\"menuUrl\":\"/post/5ee344af-58ce-4e44-a410-febc1d1730fa\",\"enabled\":\"Y\",\"imgUrl\":\"关于\",\"desc\":\"/post/13\"},{\"menuName\":\"优乐购\",\"menuUrl\":\"/tbk\",\"enabled\":\"N\"},{\"menuName\":\"开发\",\"menuUrl\":\"/post/category/3\",\"enabled\":\"Y\"},{\"menuName\":\"生活\",\"menuUrl\":\"/post/category/5\",\"enabled\":\"Y\"},{\"menuName\":\"大事记\",\"menuUrl\":\"/post/category/126\",\"enabled\":\"N\"},{\"menuName\":\"导航\",\"menuUrl\":\"/nav\",\"enabled\":\"Y\"}]","https://www.dsiab.com","粤ICP备20013202号","[{\"imgUrl\":\"https://source.dsiab.com/upload/2025-07/banner-1.png\",\"desc\":\"如何通过pm2部署nuxt3应用？\",\"url\":\"https://www.dsiab.com/post/d435197f-f03f-481b-9c4a-f33d2875d317\"},{\"imgUrl\":\"https://source.dsiab.com/upload/2025-07/banner-2.png\",\"desc\":\"scrollIntoView 方法不生效如何解决\",\"url\":\"https://www.dsiab.com/post/c8df67f1-c2da-4b27-8659-1cb8ef1bd28d\"},{\"imgUrl\":\"https://source.dsiab.com/upload/2025-07/banner-3.png\",\"desc\":\"在Vue项目中引入tinymce富文本编辑器\",\"url\":\"https://www.dsiab.com/post/6c7ebba5-2b95-4ef4-baf6-2a8479746432\"},{\"imgUrl\":\"https://source.dsiab.com/upload/2025-07/banner-3.png\",\"desc\":\"在Vue项目中4444\",\"url\":\"https://www.dsiab.com/post/6c7ebba5-2b95-4ef4-baf6-2a8479746432\"}]","javascript技术分享","N","Y","2020-2025 javascript技术分享",{"code":5,"msg":6,"data":17},{"result":18},[19,25,29,33],{"id":20,"name":21,"postId":22,"valid":23,"topicId":22,"createDate":24},9,"从零搭建博客",null,"1","2023-05-29 00:08:30",{"id":26,"name":27,"postId":22,"valid":23,"topicId":22,"createDate":28},8,"前端开发","2022-10-29 18:53:22",{"id":30,"name":31,"postId":22,"valid":23,"topicId":22,"createDate":32},4,"javascript教程","2022-03-02 17:32:45",{"id":34,"name":35,"postId":22,"valid":23,"topicId":22,"createDate":36},1,"vue3+ts教程","2022-03-01 22:35:34",{"code":5,"msg":6,"data":38},[39,46,52,58,65,71,78,84,90,96],{"title":40,"content":22,"en_content":22,"createDate":41,"cate":42,"id":43,"uid":44,"page":5,"pageSize":5,"views":45,"comments":5,"wordsNum":5,"cateName":22,"keywords":22,"createBy":22,"nickname":22,"orderBy":22,"order":22,"coverImageUrl":22,"tag":22,"ai_en":22,"en_tag":22},"如何整治各种网络爬虫（比如SemrushBot）","2025-12-02 22:35:29",3,51469,"345d8d5b-cf8c-11f0-9039-52540025eaec",846,{"title":47,"content":22,"en_content":22,"createDate":48,"cate":42,"id":49,"uid":50,"page":5,"pageSize":5,"views":51,"comments":5,"wordsNum":5,"cateName":22,"keywords":22,"createBy":22,"nickname":22,"orderBy":22,"order":22,"coverImageUrl":22,"tag":22,"ai_en":22,"en_tag":22},"umami统计：适合个人网站的专业统计工具","2025-12-11 22:10:45",51471,"3b940080-d69b-11f0-8799-52540025eaec",819,{"title":53,"content":22,"en_content":22,"createDate":54,"cate":42,"id":55,"uid":56,"page":5,"pageSize":5,"views":57,"comments":5,"wordsNum":5,"cateName":22,"keywords":22,"createBy":22,"nickname":22,"orderBy":22,"order":22,"coverImageUrl":22,"tag":22,"ai_en":22,"en_tag":22},"CleanAds：百度、Bing、CSDN 广告清理插件","2025-10-10 21:19:32",51054,"35cbc18f-ba3f-4c7b-9877-18387ca7693e",596,{"title":59,"content":22,"en_content":22,"createDate":60,"cate":61,"id":62,"uid":63,"page":5,"pageSize":5,"views":64,"comments":5,"wordsNum":5,"cateName":22,"keywords":22,"createBy":22,"nickname":22,"orderBy":22,"order":22,"coverImageUrl":22,"tag":22,"ai_en":22,"en_tag":22},"如何将Node.js REST API转换为AI专用的MCP服务器","2025-12-27 23:56:12",7,51473,"9e1135ab-e33c-11f0-8799-52540025eaec",473,{"title":66,"content":22,"en_content":22,"createDate":67,"cate":42,"id":68,"uid":69,"page":5,"pageSize":5,"views":70,"comments":5,"wordsNum":5,"cateName":22,"keywords":22,"createBy":22,"nickname":22,"orderBy":22,"order":22,"coverImageUrl":22,"tag":22,"ai_en":22,"en_tag":22},"利用AI自动发布文章效果如何？","2025-11-30 21:21:53",51468,"b9f88bd1-cdef-11f0-a97c-52540025eaec",419,{"title":72,"content":22,"en_content":22,"createDate":73,"cate":74,"id":75,"uid":76,"page":5,"pageSize":5,"views":77,"comments":5,"wordsNum":5,"cateName":22,"keywords":22,"createBy":22,"nickname":22,"orderBy":22,"order":22,"coverImageUrl":22,"tag":22,"ai_en":22,"en_tag":22},"2025年国庆回家行程记录","2025-10-09 22:25:15",5,51053,"fc717dd1-ee9a-4f21-a977-5515e51314da",397,{"title":79,"content":22,"en_content":22,"createDate":80,"cate":61,"id":81,"uid":82,"page":5,"pageSize":5,"views":83,"comments":5,"wordsNum":5,"cateName":22,"keywords":22,"createBy":22,"nickname":22,"orderBy":22,"order":22,"coverImageUrl":22,"tag":22,"ai_en":22,"en_tag":22},"Vue3中如何正确使用`ref`和`reactive`来声明响应式数据，它们有什么区别？","2025-11-20 11:00:19",51459,"0c0cf91e-c5bd-11f0-a97c-52540025eaec",391,{"title":85,"content":22,"en_content":22,"createDate":86,"cate":61,"id":87,"uid":88,"page":5,"pageSize":5,"views":89,"comments":5,"wordsNum":5,"cateName":22,"keywords":22,"createBy":22,"nickname":22,"orderBy":22,"order":22,"coverImageUrl":22,"tag":22,"ai_en":22,"en_tag":22},"如何理解 JavaScript 中的事件循环（Event Loop）？","2025-11-26 16:00:15",51464,"f0f2f5f2-ca9d-11f0-a97c-52540025eaec",386,{"title":91,"content":22,"en_content":22,"createDate":92,"cate":61,"id":93,"uid":94,"page":5,"pageSize":5,"views":95,"comments":5,"wordsNum":5,"cateName":22,"keywords":22,"createBy":22,"nickname":22,"orderBy":22,"order":22,"coverImageUrl":22,"tag":22,"ai_en":22,"en_tag":22},"JavaScript 中的事件循环（Event Loop）是如何工作的？","2025-11-25 23:00:11",51461,"705653fc-ca0f-11f0-a97c-52540025eaec",364,{"title":97,"content":22,"en_content":22,"createDate":98,"cate":42,"id":99,"uid":100,"page":5,"pageSize":5,"views":101,"comments":5,"wordsNum":5,"cateName":22,"keywords":22,"createBy":22,"nickname":22,"orderBy":22,"order":22,"coverImageUrl":22,"tag":22,"ai_en":22,"en_tag":22},"最终决定还是将网站的百度广告去掉","2025-12-07 22:41:19",51470,"d7d0bc6f-d37a-11f0-8799-52540025eaec",324,{"code":5,"msg":6,"data":103},{"result":104},{"title":105,"content":106,"en_content":22,"createDate":107,"cate":61,"id":108,"uid":109,"page":5,"pageSize":5,"views":110,"comments":5,"wordsNum":5,"cateName":111,"keywords":112,"createBy":113,"nickname":114,"orderBy":22,"order":22,"coverImageUrl":22,"tag":22,"ai_en":22,"en_tag":22},"HTML学习笔记（一）","一、结构标记\nheader 页头文档头\nsection 页面主体文档主体\nnav导航\naside边栏\narticle文章\nfooter底部\n其中 header nav footer section用的比较多主要是切分结构方便阅读。\n二、标签\n\u003Cbr /> 换行\n\u003Ctitle> 标题\n\u003Cnobr> 强制不换行\n\u003Ch1>~\u003Ch6> 最多6级标题\n\u003Cp> 这是段落大多数来做正文\n\u003Cpre> 预格式化\n\u003Cdiv> 这是分区标记\n\u003Cb>粗体\n\u003Ci>斜体\n\u003Cs>删除线\n\u003Cu>下划线\n\u003Cstrong> 强调（和粗体一样）\n\u003Cem> 和斜体一样\n\u003Csub>下标\n\u003Csup>上标\n\u003Chr /> 水平线分割线\n\u003Cimg> 图片\n\u003Ca> 链接\n\u003C!-- 链接地址 target:_self本窗口 _blank 新窗口 href 链接地址 #xxx 锚点标记实现点击跳转可以指向锚点也可以直接指向id -->\n\u003Ca href=\"#\" target=\"_blank\" rel=\"noopener noreferrer\">\u003C/a>\n\u003C!-- 这是一个锚点可以通过\u003Ca>跳转 -->\n\u003Ca name=\"poem\">定义锚点\u003C/a>\n\u003Ctable>\n \u003C!-- (\u003Ctr> align 水平对齐,valign 垂直方向),（\u003Ctd> align水平，valign 垂直 width 宽度 height 高度 colspan 跨列 rolspan 跨行 -->\n \u003Ctable>\n \u003Ccaption>这里是表的标题\u003C/caption>\n \u003C!-- 这里是表头 -->\n \u003Cthead>\n \u003Ctr>\n \u003C!-- \u003Ctd> 用的居多 \u003Cth>主要特点居中对齐文字加粗 -->\n \u003Cth>header\u003C/th>\n \u003C/tr>\n \u003C/thead>\n \u003C!-- 这里是表主体 -->\n \u003Ctbody>\n \u003Ctr>\n \u003Ctd>data\u003C/td>\n \u003C/tr>\n \u003C/tbody>\n \u003C!-- 这里是表底部 -->\n \u003Ctfoot>\n \u003Ctr>\u003C/tr>\n \u003C/tfoot>\n \u003C/table>\n\u003Col> 有序列表 \u003Cli> type\n\u003Cul> 无序列表（type:disk,circle,square）\n\u003Cdl> 定义列表 \u003Cdt> 定义标题 \u003Cdd>定义内容\n\u003Cform> :表单 method= get/post action 提交的路径\n\u003Cinput> 输入框 name：为input命名，提交必须定义name value: 按钮的文字/文本的初始值 size 文本框宽度 type：定义input 的功能，requied，disabled，readonly)\ninput type = radio 单选框必备属性name组名（一组单选框 name必须相同）value 选项值 checked 默认选中 type = checkbox 复选框\ntype = reset重置 type=button 按钮 type=submit 提交表单按钮 type = file选中文件 type=hidden 隐藏的表单提交会携带\n\u003Cselect> 选择框 name option 定义菜单项 size行数 multiple 允许多选仅适用多行菜单 selected 加在option上定义菜单默认选中\n\u003Cfieldset> 分组 \u003Clegend>来命名\n\u003Cfieldset>\n \u003Clegend>组名\u003C/legend>\n\u003C/fieldset>\n\u003Ctextarea>文本域 cols 列数，rows行高，name命名\n\u003Clabel> 文本标签能和一些标签绑定点击label相当于点击绑定的标签\n \u003Cinput type=\"checkbox\" id=selected> \u003Clabel for=\"selected\">点击选中\u003C/label>\n\u003Cbutton> 普通按钮\n\u003Ciframe> 窗口可以打开其他网页\n\u003Ciframe src=\"text.html\" width=\"600px\" height=\"400px\" frameborder=\"0\" name=\"window\" scrolling=\"no\">\u003C/iframe>\n三、特殊字符\n 空格\n© ©\n< \u003C\n> >\n" ”\n& &\n这里比较全\n","2020-04-23 11:35:29",1898,"a2068048-c4ce-4a0c-b8ce-80a85d8327f9",772,"编程开发","结构标记,标签,HTML","admin","图恩",{"code":5,"msg":6,"data":116},{"result":117},[118,121,124,126,128,129,131,134,137,140,143,146,149,152,155,159,163,167,171,175,179,183,187,191,195,199,203,207,211,215,219,223,227,231,235,239,243,247,251,255,259,263,267,271,275,278,281,285,289,293,297,301,305,309,313,317,321,325,329,333,337,341,344,348,352,356,360,364,368,372,376,380,384,388,392,396,400,404,408,412,416,420,424,428,432,436,440,444,448,452,456,460,464,469,472,476,480,484,488,492,496,500,504,508,512,516,520,524,528,532,537,541,545,549,553,557,561,565,568,572,576],{"id":34,"name":119,"valid":34,"createdBy":113,"createDate":120},"未分类","2022-01-20 23:26:35",{"id":122,"name":123,"valid":34,"createdBy":113,"createDate":120},2,"前端面试",{"id":42,"name":125,"valid":34,"createdBy":113,"createDate":120},"开发笔记",{"id":74,"name":127,"valid":34,"createdBy":113,"createDate":120},"生活笔记",{"id":61,"name":111,"valid":34,"createdBy":113,"createDate":120},{"id":26,"name":130,"valid":34,"createdBy":113,"createDate":120},"网络资讯",{"id":132,"name":133,"valid":34,"createdBy":113,"createDate":120},103,"育儿心得",{"id":135,"name":136,"valid":34,"createdBy":113,"createDate":120},111,"佳句精选",{"id":138,"name":139,"valid":34,"createdBy":113,"createDate":120},120,"资源分享",{"id":141,"name":142,"valid":34,"createdBy":113,"createDate":120},122,"教育考试",{"id":144,"name":145,"valid":34,"createdBy":113,"createDate":120},123,"开发教程",{"id":147,"name":148,"valid":34,"createdBy":113,"createDate":120},126,"大事记",{"id":150,"name":151,"valid":34,"createdBy":113,"createDate":120},137,"诗词鉴赏",{"id":153,"name":154,"valid":34,"createdBy":113,"createDate":120},140,"成长记录",{"id":156,"name":119,"valid":34,"createdBy":157,"createDate":158},151,"admin11","2022-08-24 22:26:29",{"id":160,"name":119,"valid":34,"createdBy":161,"createDate":162},155,"1111","2022-08-24 22:45:04",{"id":164,"name":165,"valid":34,"createdBy":161,"createDate":166},156,"123","2022-08-24 22:45:20",{"id":168,"name":119,"valid":34,"createdBy":169,"createDate":170},157,"admin111","2022-08-26 10:48:31",{"id":172,"name":173,"valid":34,"createdBy":113,"createDate":174},160,"网络文学","2022-08-27 21:27:36",{"id":176,"name":119,"valid":34,"createdBy":177,"createDate":178},161,"aasun","2022-08-30 16:16:01",{"id":180,"name":119,"valid":34,"createdBy":181,"createDate":182},162,"fadf","2022-09-04 13:23:58",{"id":184,"name":185,"valid":34,"createdBy":113,"createDate":186},168,"家乡动态","2022-09-13 22:33:10",{"id":188,"name":119,"valid":34,"createdBy":189,"createDate":190},169,"cbyniyga","2022-09-14 11:23:03",{"id":192,"name":119,"valid":34,"createdBy":193,"createDate":194},170,"masks","2022-09-14 13:24:23",{"id":196,"name":119,"valid":34,"createdBy":197,"createDate":198},171,"123123","2022-09-14 19:29:18",{"id":200,"name":119,"valid":34,"createdBy":201,"createDate":202},172,"qwer","2022-09-15 14:35:09",{"id":204,"name":119,"valid":34,"createdBy":205,"createDate":206},173,"qwer1123","2022-09-16 20:16:47",{"id":208,"name":119,"valid":34,"createdBy":209,"createDate":210},174,"aaaa","2022-09-21 10:25:36",{"id":212,"name":119,"valid":34,"createdBy":213,"createDate":214},175,"arthur","2022-09-29 15:46:20",{"id":216,"name":119,"valid":34,"createdBy":217,"createDate":218},180,"jiangmeng","2022-10-19 09:49:28",{"id":220,"name":119,"valid":34,"createdBy":221,"createDate":222},183,"test1","2022-10-27 13:32:49",{"id":224,"name":119,"valid":34,"createdBy":225,"createDate":226},184,"flower","2022-11-02 23:46:28",{"id":228,"name":119,"valid":34,"createdBy":229,"createDate":230},185,"test12","2022-11-21 17:13:44",{"id":232,"name":119,"valid":34,"createdBy":233,"createDate":234},186,"1111111","2022-11-21 22:40:22",{"id":236,"name":119,"valid":34,"createdBy":237,"createDate":238},187,"123456","2022-11-21 22:40:55",{"id":240,"name":119,"valid":34,"createdBy":241,"createDate":242},188,"23423","2022-11-26 16:07:57",{"id":244,"name":119,"valid":34,"createdBy":245,"createDate":246},189,"adlfll","2022-11-26 16:09:56",{"id":248,"name":119,"valid":34,"createdBy":249,"createDate":250},190,"adsf","2022-11-26 16:13:00",{"id":252,"name":119,"valid":34,"createdBy":253,"createDate":254},191,"test111","2022-11-26 16:14:12",{"id":256,"name":119,"valid":34,"createdBy":257,"createDate":258},193,"u1223","2022-12-02 08:37:06",{"id":260,"name":119,"valid":34,"createdBy":261,"createDate":262},195,"ferromagnetic","2022-12-15 15:54:46",{"id":264,"name":119,"valid":34,"createdBy":265,"createDate":266},196,"23444","2022-12-28 15:37:38",{"id":268,"name":119,"valid":34,"createdBy":269,"createDate":270},198,"wer234","2023-02-03 22:56:03",{"id":272,"name":119,"valid":34,"createdBy":273,"createDate":274},199,"234234","2023-02-03 22:57:12",{"id":276,"name":119,"valid":34,"createdBy":241,"createDate":277},200,"2023-02-03 22:57:30",{"id":279,"name":119,"valid":34,"createdBy":157,"createDate":280},201,"2023-02-13 21:11:11",{"id":282,"name":283,"valid":34,"createdBy":113,"createDate":284},202,"光影分享","2023-02-16 23:00:38",{"id":286,"name":287,"valid":34,"createdBy":113,"createDate":288},203,"佳文收藏","2023-03-04 20:45:25",{"id":290,"name":119,"valid":34,"createdBy":291,"createDate":292},206,"234234234","2023-05-18 22:01:00",{"id":294,"name":119,"valid":34,"createdBy":295,"createDate":296},207,"admin33","2023-05-18 22:02:38",{"id":298,"name":119,"valid":34,"createdBy":299,"createDate":300},208,"admin333333","2023-05-18 22:05:03",{"id":302,"name":119,"valid":34,"createdBy":303,"createDate":304},209,"adminvvvvvv","2023-05-18 22:08:50",{"id":306,"name":119,"valid":34,"createdBy":307,"createDate":308},210,"23fewfwefvv","2023-05-18 22:14:13",{"id":310,"name":119,"valid":34,"createdBy":311,"createDate":312},211,"233fwefwe","2023-05-18 22:15:30",{"id":314,"name":119,"valid":34,"createdBy":315,"createDate":316},212,"adfasdfasdf","2023-05-18 22:41:49",{"id":318,"name":119,"valid":34,"createdBy":319,"createDate":320},213,"23423eeee","2023-05-18 22:44:12",{"id":322,"name":119,"valid":34,"createdBy":323,"createDate":324},214,"erwdfzxc","2023-05-18 22:47:18",{"id":326,"name":119,"valid":34,"createdBy":327,"createDate":328},215,"夏季男女对表","2023-05-23 15:24:02",{"id":330,"name":119,"valid":34,"createdBy":331,"createDate":332},219,"zhl77","2023-06-18 16:57:27",{"id":334,"name":119,"valid":34,"createdBy":335,"createDate":336},220,"admin123456","2023-06-26 16:56:23",{"id":338,"name":119,"valid":34,"createdBy":339,"createDate":340},222,"youyou","2023-08-10 17:07:19",{"id":342,"name":119,"valid":34,"createdBy":161,"createDate":343},223,"2023-08-17 11:24:23",{"id":345,"name":119,"valid":34,"createdBy":346,"createDate":347},224,"809630306","2023-08-19 13:01:41",{"id":349,"name":119,"valid":34,"createdBy":350,"createDate":351},225,"test333","2023-08-19 15:18:40",{"id":353,"name":119,"valid":34,"createdBy":354,"createDate":355},226,"demo","2023-08-21 15:28:44",{"id":357,"name":119,"valid":34,"createdBy":358,"createDate":359},227,"1234569","2023-08-28 10:58:32",{"id":361,"name":119,"valid":34,"createdBy":362,"createDate":363},228,"qqqq","2023-09-18 17:50:40",{"id":365,"name":119,"valid":34,"createdBy":366,"createDate":367},229,"test123","2023-09-20 11:23:40",{"id":369,"name":119,"valid":34,"createdBy":370,"createDate":371},231,"zmx123","2023-10-02 16:03:50",{"id":373,"name":119,"valid":34,"createdBy":374,"createDate":375},232,"yinquan","2023-10-10 11:58:33",{"id":377,"name":119,"valid":34,"createdBy":378,"createDate":379},233,"1354541","2023-10-10 14:35:53",{"id":381,"name":119,"valid":34,"createdBy":382,"createDate":383},234,"","2023-10-23 21:09:51",{"id":385,"name":119,"valid":34,"createdBy":386,"createDate":387},235,"asdf","2023-10-23 21:10:26",{"id":389,"name":119,"valid":34,"createdBy":390,"createDate":391},236,"imwujianhao@163.com","2023-10-24 10:24:32",{"id":393,"name":119,"valid":34,"createdBy":394,"createDate":395},237,"ls123456","2023-10-26 21:59:55",{"id":397,"name":119,"valid":34,"createdBy":398,"createDate":399},238,"18165042571","2023-11-06 11:05:45",{"id":401,"name":119,"valid":34,"createdBy":402,"createDate":403},239,"gsoft","2023-11-18 07:44:43",{"id":405,"name":119,"valid":34,"createdBy":406,"createDate":407},240,"tststs","2023-12-10 20:53:50",{"id":409,"name":119,"valid":34,"createdBy":410,"createDate":411},241,"骑牛上班","2023-12-27 14:20:26",{"id":413,"name":414,"valid":34,"createdBy":113,"createDate":415},242,"影视分享","2024-01-02 21:50:02",{"id":417,"name":418,"valid":34,"createdBy":113,"createDate":419},243,"音乐分享","2024-01-02 21:50:08",{"id":421,"name":119,"valid":34,"createdBy":422,"createDate":423},244,"11112222","2024-01-09 16:23:29",{"id":425,"name":119,"valid":34,"createdBy":426,"createDate":427},245,"ssdate","2024-01-17 14:38:21",{"id":429,"name":119,"valid":34,"createdBy":430,"createDate":431},246,"admin666","2024-01-21 15:40:53",{"id":433,"name":119,"valid":34,"createdBy":434,"createDate":435},247,"test51","2024-03-02 14:07:11",{"id":437,"name":119,"valid":34,"createdBy":438,"createDate":439},249,"bf斯金纳","2024-03-14 21:53:53",{"id":441,"name":119,"valid":34,"createdBy":442,"createDate":443},250,"testyear","2024-04-12 21:10:42",{"id":445,"name":446,"valid":34,"createdBy":113,"createDate":447},251,"stable diffuson","2024-04-13 23:00:11",{"id":449,"name":450,"valid":34,"createdBy":113,"createDate":451},252,"每日一图","2024-04-17 21:49:58",{"id":453,"name":454,"valid":34,"createdBy":113,"createDate":455},253,"AI问答","2024-04-23 23:13:47",{"id":457,"name":119,"valid":34,"createdBy":458,"createDate":459},254,"hy9810","2024-04-30 11:23:55",{"id":461,"name":119,"valid":34,"createdBy":462,"createDate":463},256,"444444","2024-05-25 14:47:09",{"id":465,"name":466,"valid":34,"createdBy":467,"createDate":468},257,"我是分类","test","2024-06-04 16:51:00",{"id":470,"name":119,"valid":34,"createdBy":467,"createDate":471},258,"2024-06-10 13:58:35",{"id":473,"name":474,"valid":34,"createdBy":467,"createDate":475},260,"ert","2024-06-10 14:12:08",{"id":477,"name":119,"valid":34,"createdBy":478,"createDate":479},261,"testing","2024-06-19 00:08:44",{"id":481,"name":119,"valid":34,"createdBy":482,"createDate":483},262,"weicong","2024-06-24 21:28:28",{"id":485,"name":486,"valid":34,"createdBy":467,"createDate":487},263,"测试1111","2024-06-26 15:29:56",{"id":489,"name":119,"valid":34,"createdBy":490,"createDate":491},264,"1234","2024-07-08 22:35:39",{"id":493,"name":119,"valid":34,"createdBy":494,"createDate":495},265,"adminadmin","2024-08-07 14:29:16",{"id":497,"name":498,"valid":34,"createdBy":113,"createDate":499},266,"玩车日记","2024-10-13 23:10:34",{"id":501,"name":119,"valid":34,"createdBy":502,"createDate":503},267,"1122","2024-10-31 20:24:40",{"id":505,"name":119,"valid":34,"createdBy":506,"createDate":507},268,"admin_sw","2024-11-01 14:00:32",{"id":509,"name":119,"valid":34,"createdBy":510,"createDate":511},269,"mundane","2024-11-22 15:23:28",{"id":513,"name":514,"valid":34,"createdBy":467,"createDate":515},270,"312312","2024-12-12 17:25:52",{"id":517,"name":518,"valid":34,"createdBy":467,"createDate":519},271,"43243","2024-12-12 17:26:03",{"id":521,"name":119,"valid":34,"createdBy":522,"createDate":523},272,"554022067@qq.com","2024-12-24 13:43:22",{"id":525,"name":119,"valid":34,"createdBy":526,"createDate":527},273,"zj676606191","2025-03-24 09:42:21",{"id":529,"name":119,"valid":34,"createdBy":530,"createDate":531},274,"海洋之心","2025-06-07 21:47:31",{"id":533,"name":534,"valid":34,"createdBy":535,"createDate":536},276,"wefwefwef","admintest","2025-06-08 17:29:25",{"id":538,"name":119,"valid":34,"createdBy":539,"createDate":540},277,"mengmengrong","2025-06-26 15:46:45",{"id":542,"name":543,"valid":34,"createdBy":113,"createDate":544},278,"SQL","2025-06-26 23:03:01",{"id":546,"name":547,"valid":34,"createdBy":113,"createDate":548},279,"程序员做菜指南","2025-07-14 22:49:15",{"id":550,"name":119,"valid":34,"createdBy":551,"createDate":552},280,"wangzhe","2025-08-13 10:29:04",{"id":554,"name":119,"valid":34,"createdBy":555,"createDate":556},281,"csadmin","2025-10-14 14:58:38",{"id":558,"name":559,"valid":34,"createdBy":555,"createDate":560},282,"666","2025-10-14 15:13:14",{"id":562,"name":119,"valid":34,"createdBy":563,"createDate":564},283,"asdasdsa","2025-11-07 23:56:09",{"id":566,"name":23,"valid":34,"createdBy":563,"createDate":567},284,"2025-11-07 23:56:46",{"id":569,"name":119,"valid":34,"createdBy":570,"createDate":571},285,"admin1","2025-11-20 11:25:23",{"id":573,"name":119,"valid":34,"createdBy":574,"createDate":575},286,"wilkwo","2025-12-15 22:37:19",{"id":577,"name":119,"valid":34,"createdBy":578,"createDate":579},287,"testregistry","2026-02-07 21:14:55",{"code":5,"msg":6,"data":581},[582],{"title":105,"content":22,"en_content":22,"createDate":22,"cate":5,"id":108,"uid":109,"page":5,"pageSize":5,"views":5,"comments":5,"wordsNum":5,"cateName":22,"keywords":22,"createBy":22,"nickname":22,"orderBy":22,"order":22,"coverImageUrl":22,"tag":22,"ai_en":22,"en_tag":22},["Reactive",584],{"$ssiteInfoStore":7},["Set"],["ShallowReactive",587],{"$fDuYn6jruWLgtdPDAp_pbpUi5TZQJnMwHONXvVgczUTA":-1,"$f8swgXXOoL93g3mTjSjvDrylI1lZlob1-0ojSjNYbDZY":-1,"$fa87TG4IiyzhtdiIhQmDQK2tLVOjRvhVaaUgAbzDnQEA":-1,"$f8ExJxIiRgN2J1O_bSmcuTyC5jJ1EK-j3ryLuy83ut84":-1,"$fze5QMcmY2Ptddir_KGEmcqlRs5fJRgIfrzxI1PRQm9k":-1,"$frFnyCIDM5kkg3TuV5gIt7xw5CZtW-gHIEx8CpbwGin8":-1},true,"/post/a2068048-c4ce-4a0c-b8ce-80a85d8327f9",["Reactive",591],{}]</script></body></html>