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> 阅读：961</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> 阅读：932</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/9e1135ab-e33c-11f0-8799-52540025eaec" target="_self" data-umami-event="recommend click" data-v-26f2689f><span class="list-index" data-v-26f2689f>3</span>如何将Node.js REST API转换为AI专用的MCP服务器</a></div><div class="excerpt" data-v-26f2689f><span class="views" data-v-26f2689f> 阅读：577</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/0c0cf91e-c5bd-11f0-a97c-52540025eaec" target="_self" data-umami-event="recommend click" data-v-26f2689f><span class="list-index" data-v-26f2689f>4</span>Vue3中如何正确使用`ref`和`reactive`来声明响应式数据，它们有什么区别？</a></div><div class="excerpt" data-v-26f2689f><span class="views" data-v-26f2689f> 阅读：560</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>5</span>如何理解 JavaScript 中的事件循环（Event Loop）？</a></div><div class="excerpt" data-v-26f2689f><span class="views" data-v-26f2689f> 阅读：542</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/b9f88bd1-cdef-11f0-a97c-52540025eaec" target="_self" data-umami-event="recommend click" data-v-26f2689f><span class="list-index" data-v-26f2689f>6</span>利用AI自动发布文章效果如何？</a></div><div class="excerpt" data-v-26f2689f><span class="views" data-v-26f2689f> 阅读：526</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/705653fc-ca0f-11f0-a97c-52540025eaec" target="_self" data-umami-event="recommend click" data-v-26f2689f><span class="list-index" data-v-26f2689f>7</span>JavaScript 中的事件循环（Event Loop）是如何工作的？</a></div><div class="excerpt" data-v-26f2689f><span class="views" data-v-26f2689f> 阅读：501</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>8</span>最终决定还是将网站的百度广告去掉</a></div><div class="excerpt" data-v-26f2689f><span class="views" data-v-26f2689f> 阅读：445</span><span class="views published-date" data-v-26f2689f> 发布时间：2025-12-07 22:41:19</span></div></li><li class="li-item" data-v-26f2689f><div class="title" data-v-26f2689f><a href="/post/92a0de64-c2f4-11f0-a97c-52540025eaec" target="_self" data-umami-event="recommend click" data-v-26f2689f><span class="list-index" data-v-26f2689f>9</span>Vue3中使用Composition API时，为什么setup函数不能是异步的？</a></div><div class="excerpt" data-v-26f2689f><span class="views" data-v-26f2689f> 阅读：381</span><span class="views published-date" data-v-26f2689f> 发布时间：2025-11-16 22:00:14</span></div></li><li class="li-item" data-v-26f2689f><div class="title" data-v-26f2689f><a href="/post/469f9d7e-d9c5-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> 阅读：370</span><span class="views published-date" data-v-26f2689f> 发布时间：2025-12-06 22:45:13</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],{"$fze5QMcmY2Ptddir_KGEmcqlRs5fJRgIfrzxI1PRQm9k":4,"$fDuYn6jruWLgtdPDAp_pbpUi5TZQJnMwHONXvVgczUTA":27,"$fa87TG4IiyzhtdiIhQmDQK2tLVOjRvhVaaUgAbzDnQEA":37,"$f8ExJxIiRgN2J1O_bSmcuTyC5jJ1EK-j3ryLuy83ut84":102,"$f8swgXXOoL93g3mTjSjvDrylI1lZlob1-0ojSjNYbDZY":569,"$frFnyCIDM5kkg3TuV5gIt7xw5CZtW-gHIEx8CpbwGin8":580},{"code":5,"msg":6,"data":7},0,"操作成功",{"result":8},[9,15,19,23],{"id":10,"name":11,"postId":12,"valid":13,"topicId":12,"createDate":14},9,"从零搭建博客",null,"1","2023-05-29 00:08:30",{"id":16,"name":17,"postId":12,"valid":13,"topicId":12,"createDate":18},8,"前端开发","2022-10-29 18:53:22",{"id":20,"name":21,"postId":12,"valid":13,"topicId":12,"createDate":22},4,"javascript教程","2022-03-02 17:32:45",{"id":24,"name":25,"postId":12,"valid":13,"topicId":12,"createDate":26},1,"vue3+ts教程","2022-03-01 22:35:34",{"code":5,"msg":6,"data":28},{"menuList":29,"siteUrl":30,"beianNo":31,"carouselUrl":32,"siteName":33,"carouselEnable":34,"post_comment_switch":35,"siteDesc":36,"ad_switch":34},"[{\"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":38},[39,46,52,59,65,71,77,83,89,95],{"title":40,"content":12,"en_content":12,"createDate":41,"cate":42,"id":43,"uid":44,"page":5,"pageSize":5,"views":45,"comments":5,"wordsNum":5,"cateName":12,"keywords":12,"createBy":12,"nickname":12,"orderBy":12,"order":12,"coverImageUrl":12,"tag":12,"ai_en":12,"en_tag":12},"如何整治各种网络爬虫（比如SemrushBot）","2025-12-02 22:35:29",3,51469,"345d8d5b-cf8c-11f0-9039-52540025eaec",961,{"title":47,"content":12,"en_content":12,"createDate":48,"cate":42,"id":49,"uid":50,"page":5,"pageSize":5,"views":51,"comments":5,"wordsNum":5,"cateName":12,"keywords":12,"createBy":12,"nickname":12,"orderBy":12,"order":12,"coverImageUrl":12,"tag":12,"ai_en":12,"en_tag":12},"umami统计：适合个人网站的专业统计工具","2025-12-11 22:10:45",51471,"3b940080-d69b-11f0-8799-52540025eaec",932,{"title":53,"content":12,"en_content":12,"createDate":54,"cate":55,"id":56,"uid":57,"page":5,"pageSize":5,"views":58,"comments":5,"wordsNum":5,"cateName":12,"keywords":12,"createBy":12,"nickname":12,"orderBy":12,"order":12,"coverImageUrl":12,"tag":12,"ai_en":12,"en_tag":12},"如何将Node.js REST API转换为AI专用的MCP服务器","2025-12-27 23:56:12",7,51473,"9e1135ab-e33c-11f0-8799-52540025eaec",577,{"title":60,"content":12,"en_content":12,"createDate":61,"cate":55,"id":62,"uid":63,"page":5,"pageSize":5,"views":64,"comments":5,"wordsNum":5,"cateName":12,"keywords":12,"createBy":12,"nickname":12,"orderBy":12,"order":12,"coverImageUrl":12,"tag":12,"ai_en":12,"en_tag":12},"Vue3中如何正确使用`ref`和`reactive`来声明响应式数据，它们有什么区别？","2025-11-20 11:00:19",51459,"0c0cf91e-c5bd-11f0-a97c-52540025eaec",560,{"title":66,"content":12,"en_content":12,"createDate":67,"cate":55,"id":68,"uid":69,"page":5,"pageSize":5,"views":70,"comments":5,"wordsNum":5,"cateName":12,"keywords":12,"createBy":12,"nickname":12,"orderBy":12,"order":12,"coverImageUrl":12,"tag":12,"ai_en":12,"en_tag":12},"如何理解 JavaScript 中的事件循环（Event Loop）？","2025-11-26 16:00:15",51464,"f0f2f5f2-ca9d-11f0-a97c-52540025eaec",542,{"title":72,"content":12,"en_content":12,"createDate":73,"cate":42,"id":74,"uid":75,"page":5,"pageSize":5,"views":76,"comments":5,"wordsNum":5,"cateName":12,"keywords":12,"createBy":12,"nickname":12,"orderBy":12,"order":12,"coverImageUrl":12,"tag":12,"ai_en":12,"en_tag":12},"利用AI自动发布文章效果如何？","2025-11-30 21:21:53",51468,"b9f88bd1-cdef-11f0-a97c-52540025eaec",526,{"title":78,"content":12,"en_content":12,"createDate":79,"cate":55,"id":80,"uid":81,"page":5,"pageSize":5,"views":82,"comments":5,"wordsNum":5,"cateName":12,"keywords":12,"createBy":12,"nickname":12,"orderBy":12,"order":12,"coverImageUrl":12,"tag":12,"ai_en":12,"en_tag":12},"JavaScript 中的事件循环（Event Loop）是如何工作的？","2025-11-25 23:00:11",51461,"705653fc-ca0f-11f0-a97c-52540025eaec",501,{"title":84,"content":12,"en_content":12,"createDate":85,"cate":42,"id":86,"uid":87,"page":5,"pageSize":5,"views":88,"comments":5,"wordsNum":5,"cateName":12,"keywords":12,"createBy":12,"nickname":12,"orderBy":12,"order":12,"coverImageUrl":12,"tag":12,"ai_en":12,"en_tag":12},"最终决定还是将网站的百度广告去掉","2025-12-07 22:41:19",51470,"d7d0bc6f-d37a-11f0-8799-52540025eaec",445,{"title":90,"content":12,"en_content":12,"createDate":91,"cate":55,"id":92,"uid":93,"page":5,"pageSize":5,"views":94,"comments":5,"wordsNum":5,"cateName":12,"keywords":12,"createBy":12,"nickname":12,"orderBy":12,"order":12,"coverImageUrl":12,"tag":12,"ai_en":12,"en_tag":12},"Vue3中使用Composition API时，为什么setup函数不能是异步的？","2025-11-16 22:00:14",51411,"92a0de64-c2f4-11f0-a97c-52540025eaec",381,{"title":96,"content":12,"en_content":12,"createDate":97,"cate":98,"id":99,"uid":100,"page":5,"pageSize":5,"views":101,"comments":5,"wordsNum":5,"cateName":12,"keywords":12,"createBy":12,"nickname":12,"orderBy":12,"order":12,"coverImageUrl":12,"tag":12,"ai_en":12,"en_tag":12},"周六不忙，大梅沙海边栈道走走","2025-12-06 22:45:13",5,51472,"469f9d7e-d9c5-11f0-8799-52540025eaec",370,{"code":5,"msg":6,"data":103},{"result":104},[105,109,112,114,116,118,120,123,126,129,132,135,138,141,144,148,152,156,160,164,168,172,176,180,184,188,192,196,200,204,208,212,216,220,224,228,232,236,240,244,248,252,256,260,264,267,270,274,278,282,286,290,294,298,302,306,310,314,318,322,326,330,333,337,341,345,349,353,357,361,365,369,373,377,381,385,389,393,397,401,405,409,413,417,421,425,429,433,437,441,445,449,453,458,461,465,469,473,477,481,485,489,493,497,501,505,509,513,517,521,526,530,534,538,542,546,550,554,557,561,565],{"id":24,"name":106,"valid":24,"createdBy":107,"createDate":108},"未分类","admin","2022-01-20 23:26:35",{"id":110,"name":111,"valid":24,"createdBy":107,"createDate":108},2,"前端面试",{"id":42,"name":113,"valid":24,"createdBy":107,"createDate":108},"开发笔记",{"id":98,"name":115,"valid":24,"createdBy":107,"createDate":108},"生活笔记",{"id":55,"name":117,"valid":24,"createdBy":107,"createDate":108},"编程开发",{"id":16,"name":119,"valid":24,"createdBy":107,"createDate":108},"网络资讯",{"id":121,"name":122,"valid":24,"createdBy":107,"createDate":108},103,"育儿心得",{"id":124,"name":125,"valid":24,"createdBy":107,"createDate":108},111,"佳句精选",{"id":127,"name":128,"valid":24,"createdBy":107,"createDate":108},120,"资源分享",{"id":130,"name":131,"valid":24,"createdBy":107,"createDate":108},122,"教育考试",{"id":133,"name":134,"valid":24,"createdBy":107,"createDate":108},123,"开发教程",{"id":136,"name":137,"valid":24,"createdBy":107,"createDate":108},126,"大事记",{"id":139,"name":140,"valid":24,"createdBy":107,"createDate":108},137,"诗词鉴赏",{"id":142,"name":143,"valid":24,"createdBy":107,"createDate":108},140,"成长记录",{"id":145,"name":106,"valid":24,"createdBy":146,"createDate":147},151,"admin11","2022-08-24 22:26:29",{"id":149,"name":106,"valid":24,"createdBy":150,"createDate":151},155,"1111","2022-08-24 22:45:04",{"id":153,"name":154,"valid":24,"createdBy":150,"createDate":155},156,"123","2022-08-24 22:45:20",{"id":157,"name":106,"valid":24,"createdBy":158,"createDate":159},157,"admin111","2022-08-26 10:48:31",{"id":161,"name":162,"valid":24,"createdBy":107,"createDate":163},160,"网络文学","2022-08-27 21:27:36",{"id":165,"name":106,"valid":24,"createdBy":166,"createDate":167},161,"aasun","2022-08-30 16:16:01",{"id":169,"name":106,"valid":24,"createdBy":170,"createDate":171},162,"fadf","2022-09-04 13:23:58",{"id":173,"name":174,"valid":24,"createdBy":107,"createDate":175},168,"家乡动态","2022-09-13 22:33:10",{"id":177,"name":106,"valid":24,"createdBy":178,"createDate":179},169,"cbyniyga","2022-09-14 11:23:03",{"id":181,"name":106,"valid":24,"createdBy":182,"createDate":183},170,"masks","2022-09-14 13:24:23",{"id":185,"name":106,"valid":24,"createdBy":186,"createDate":187},171,"123123","2022-09-14 19:29:18",{"id":189,"name":106,"valid":24,"createdBy":190,"createDate":191},172,"qwer","2022-09-15 14:35:09",{"id":193,"name":106,"valid":24,"createdBy":194,"createDate":195},173,"qwer1123","2022-09-16 20:16:47",{"id":197,"name":106,"valid":24,"createdBy":198,"createDate":199},174,"aaaa","2022-09-21 10:25:36",{"id":201,"name":106,"valid":24,"createdBy":202,"createDate":203},175,"arthur","2022-09-29 15:46:20",{"id":205,"name":106,"valid":24,"createdBy":206,"createDate":207},180,"jiangmeng","2022-10-19 09:49:28",{"id":209,"name":106,"valid":24,"createdBy":210,"createDate":211},183,"test1","2022-10-27 13:32:49",{"id":213,"name":106,"valid":24,"createdBy":214,"createDate":215},184,"flower","2022-11-02 23:46:28",{"id":217,"name":106,"valid":24,"createdBy":218,"createDate":219},185,"test12","2022-11-21 17:13:44",{"id":221,"name":106,"valid":24,"createdBy":222,"createDate":223},186,"1111111","2022-11-21 22:40:22",{"id":225,"name":106,"valid":24,"createdBy":226,"createDate":227},187,"123456","2022-11-21 22:40:55",{"id":229,"name":106,"valid":24,"createdBy":230,"createDate":231},188,"23423","2022-11-26 16:07:57",{"id":233,"name":106,"valid":24,"createdBy":234,"createDate":235},189,"adlfll","2022-11-26 16:09:56",{"id":237,"name":106,"valid":24,"createdBy":238,"createDate":239},190,"adsf","2022-11-26 16:13:00",{"id":241,"name":106,"valid":24,"createdBy":242,"createDate":243},191,"test111","2022-11-26 16:14:12",{"id":245,"name":106,"valid":24,"createdBy":246,"createDate":247},193,"u1223","2022-12-02 08:37:06",{"id":249,"name":106,"valid":24,"createdBy":250,"createDate":251},195,"ferromagnetic","2022-12-15 15:54:46",{"id":253,"name":106,"valid":24,"createdBy":254,"createDate":255},196,"23444","2022-12-28 15:37:38",{"id":257,"name":106,"valid":24,"createdBy":258,"createDate":259},198,"wer234","2023-02-03 22:56:03",{"id":261,"name":106,"valid":24,"createdBy":262,"createDate":263},199,"234234","2023-02-03 22:57:12",{"id":265,"name":106,"valid":24,"createdBy":230,"createDate":266},200,"2023-02-03 22:57:30",{"id":268,"name":106,"valid":24,"createdBy":146,"createDate":269},201,"2023-02-13 21:11:11",{"id":271,"name":272,"valid":24,"createdBy":107,"createDate":273},202,"光影分享","2023-02-16 23:00:38",{"id":275,"name":276,"valid":24,"createdBy":107,"createDate":277},203,"佳文收藏","2023-03-04 20:45:25",{"id":279,"name":106,"valid":24,"createdBy":280,"createDate":281},206,"234234234","2023-05-18 22:01:00",{"id":283,"name":106,"valid":24,"createdBy":284,"createDate":285},207,"admin33","2023-05-18 22:02:38",{"id":287,"name":106,"valid":24,"createdBy":288,"createDate":289},208,"admin333333","2023-05-18 22:05:03",{"id":291,"name":106,"valid":24,"createdBy":292,"createDate":293},209,"adminvvvvvv","2023-05-18 22:08:50",{"id":295,"name":106,"valid":24,"createdBy":296,"createDate":297},210,"23fewfwefvv","2023-05-18 22:14:13",{"id":299,"name":106,"valid":24,"createdBy":300,"createDate":301},211,"233fwefwe","2023-05-18 22:15:30",{"id":303,"name":106,"valid":24,"createdBy":304,"createDate":305},212,"adfasdfasdf","2023-05-18 22:41:49",{"id":307,"name":106,"valid":24,"createdBy":308,"createDate":309},213,"23423eeee","2023-05-18 22:44:12",{"id":311,"name":106,"valid":24,"createdBy":312,"createDate":313},214,"erwdfzxc","2023-05-18 22:47:18",{"id":315,"name":106,"valid":24,"createdBy":316,"createDate":317},215,"夏季男女对表","2023-05-23 15:24:02",{"id":319,"name":106,"valid":24,"createdBy":320,"createDate":321},219,"zhl77","2023-06-18 16:57:27",{"id":323,"name":106,"valid":24,"createdBy":324,"createDate":325},220,"admin123456","2023-06-26 16:56:23",{"id":327,"name":106,"valid":24,"createdBy":328,"createDate":329},222,"youyou","2023-08-10 17:07:19",{"id":331,"name":106,"valid":24,"createdBy":150,"createDate":332},223,"2023-08-17 11:24:23",{"id":334,"name":106,"valid":24,"createdBy":335,"createDate":336},224,"809630306","2023-08-19 13:01:41",{"id":338,"name":106,"valid":24,"createdBy":339,"createDate":340},225,"test333","2023-08-19 15:18:40",{"id":342,"name":106,"valid":24,"createdBy":343,"createDate":344},226,"demo","2023-08-21 15:28:44",{"id":346,"name":106,"valid":24,"createdBy":347,"createDate":348},227,"1234569","2023-08-28 10:58:32",{"id":350,"name":106,"valid":24,"createdBy":351,"createDate":352},228,"qqqq","2023-09-18 17:50:40",{"id":354,"name":106,"valid":24,"createdBy":355,"createDate":356},229,"test123","2023-09-20 11:23:40",{"id":358,"name":106,"valid":24,"createdBy":359,"createDate":360},231,"zmx123","2023-10-02 16:03:50",{"id":362,"name":106,"valid":24,"createdBy":363,"createDate":364},232,"yinquan","2023-10-10 11:58:33",{"id":366,"name":106,"valid":24,"createdBy":367,"createDate":368},233,"1354541","2023-10-10 14:35:53",{"id":370,"name":106,"valid":24,"createdBy":371,"createDate":372},234,"","2023-10-23 21:09:51",{"id":374,"name":106,"valid":24,"createdBy":375,"createDate":376},235,"asdf","2023-10-23 21:10:26",{"id":378,"name":106,"valid":24,"createdBy":379,"createDate":380},236,"imwujianhao@163.com","2023-10-24 10:24:32",{"id":382,"name":106,"valid":24,"createdBy":383,"createDate":384},237,"ls123456","2023-10-26 21:59:55",{"id":386,"name":106,"valid":24,"createdBy":387,"createDate":388},238,"18165042571","2023-11-06 11:05:45",{"id":390,"name":106,"valid":24,"createdBy":391,"createDate":392},239,"gsoft","2023-11-18 07:44:43",{"id":394,"name":106,"valid":24,"createdBy":395,"createDate":396},240,"tststs","2023-12-10 20:53:50",{"id":398,"name":106,"valid":24,"createdBy":399,"createDate":400},241,"骑牛上班","2023-12-27 14:20:26",{"id":402,"name":403,"valid":24,"createdBy":107,"createDate":404},242,"影视分享","2024-01-02 21:50:02",{"id":406,"name":407,"valid":24,"createdBy":107,"createDate":408},243,"音乐分享","2024-01-02 21:50:08",{"id":410,"name":106,"valid":24,"createdBy":411,"createDate":412},244,"11112222","2024-01-09 16:23:29",{"id":414,"name":106,"valid":24,"createdBy":415,"createDate":416},245,"ssdate","2024-01-17 14:38:21",{"id":418,"name":106,"valid":24,"createdBy":419,"createDate":420},246,"admin666","2024-01-21 15:40:53",{"id":422,"name":106,"valid":24,"createdBy":423,"createDate":424},247,"test51","2024-03-02 14:07:11",{"id":426,"name":106,"valid":24,"createdBy":427,"createDate":428},249,"bf斯金纳","2024-03-14 21:53:53",{"id":430,"name":106,"valid":24,"createdBy":431,"createDate":432},250,"testyear","2024-04-12 21:10:42",{"id":434,"name":435,"valid":24,"createdBy":107,"createDate":436},251,"stable diffuson","2024-04-13 23:00:11",{"id":438,"name":439,"valid":24,"createdBy":107,"createDate":440},252,"每日一图","2024-04-17 21:49:58",{"id":442,"name":443,"valid":24,"createdBy":107,"createDate":444},253,"AI问答","2024-04-23 23:13:47",{"id":446,"name":106,"valid":24,"createdBy":447,"createDate":448},254,"hy9810","2024-04-30 11:23:55",{"id":450,"name":106,"valid":24,"createdBy":451,"createDate":452},256,"444444","2024-05-25 14:47:09",{"id":454,"name":455,"valid":24,"createdBy":456,"createDate":457},257,"我是分类","test","2024-06-04 16:51:00",{"id":459,"name":106,"valid":24,"createdBy":456,"createDate":460},258,"2024-06-10 13:58:35",{"id":462,"name":463,"valid":24,"createdBy":456,"createDate":464},260,"ert","2024-06-10 14:12:08",{"id":466,"name":106,"valid":24,"createdBy":467,"createDate":468},261,"testing","2024-06-19 00:08:44",{"id":470,"name":106,"valid":24,"createdBy":471,"createDate":472},262,"weicong","2024-06-24 21:28:28",{"id":474,"name":475,"valid":24,"createdBy":456,"createDate":476},263,"测试1111","2024-06-26 15:29:56",{"id":478,"name":106,"valid":24,"createdBy":479,"createDate":480},264,"1234","2024-07-08 22:35:39",{"id":482,"name":106,"valid":24,"createdBy":483,"createDate":484},265,"adminadmin","2024-08-07 14:29:16",{"id":486,"name":487,"valid":24,"createdBy":107,"createDate":488},266,"玩车日记","2024-10-13 23:10:34",{"id":490,"name":106,"valid":24,"createdBy":491,"createDate":492},267,"1122","2024-10-31 20:24:40",{"id":494,"name":106,"valid":24,"createdBy":495,"createDate":496},268,"admin_sw","2024-11-01 14:00:32",{"id":498,"name":106,"valid":24,"createdBy":499,"createDate":500},269,"mundane","2024-11-22 15:23:28",{"id":502,"name":503,"valid":24,"createdBy":456,"createDate":504},270,"312312","2024-12-12 17:25:52",{"id":506,"name":507,"valid":24,"createdBy":456,"createDate":508},271,"43243","2024-12-12 17:26:03",{"id":510,"name":106,"valid":24,"createdBy":511,"createDate":512},272,"554022067@qq.com","2024-12-24 13:43:22",{"id":514,"name":106,"valid":24,"createdBy":515,"createDate":516},273,"zj676606191","2025-03-24 09:42:21",{"id":518,"name":106,"valid":24,"createdBy":519,"createDate":520},274,"海洋之心","2025-06-07 21:47:31",{"id":522,"name":523,"valid":24,"createdBy":524,"createDate":525},276,"wefwefwef","admintest","2025-06-08 17:29:25",{"id":527,"name":106,"valid":24,"createdBy":528,"createDate":529},277,"mengmengrong","2025-06-26 15:46:45",{"id":531,"name":532,"valid":24,"createdBy":107,"createDate":533},278,"SQL","2025-06-26 23:03:01",{"id":535,"name":536,"valid":24,"createdBy":107,"createDate":537},279,"程序员做菜指南","2025-07-14 22:49:15",{"id":539,"name":106,"valid":24,"createdBy":540,"createDate":541},280,"wangzhe","2025-08-13 10:29:04",{"id":543,"name":106,"valid":24,"createdBy":544,"createDate":545},281,"csadmin","2025-10-14 14:58:38",{"id":547,"name":548,"valid":24,"createdBy":544,"createDate":549},282,"666","2025-10-14 15:13:14",{"id":551,"name":106,"valid":24,"createdBy":552,"createDate":553},283,"asdasdsa","2025-11-07 23:56:09",{"id":555,"name":13,"valid":24,"createdBy":552,"createDate":556},284,"2025-11-07 23:56:46",{"id":558,"name":106,"valid":24,"createdBy":559,"createDate":560},285,"admin1","2025-11-20 11:25:23",{"id":562,"name":106,"valid":24,"createdBy":563,"createDate":564},286,"wilkwo","2025-12-15 22:37:19",{"id":566,"name":106,"valid":24,"createdBy":567,"createDate":568},287,"testregistry","2026-02-07 21:14:55",{"code":5,"msg":6,"data":570},{"result":571},{"title":572,"content":573,"en_content":12,"createDate":574,"cate":55,"id":575,"uid":576,"page":5,"pageSize":5,"views":577,"comments":5,"wordsNum":5,"cateName":117,"keywords":578,"createBy":107,"nickname":579,"orderBy":12,"order":12,"coverImageUrl":12,"tag":12,"ai_en":12,"en_tag":12},"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",788,"结构标记,标签,HTML","图恩",{"code":5,"msg":6,"data":581},[582],{"title":572,"content":12,"en_content":12,"createDate":12,"cate":5,"id":575,"uid":576,"page":5,"pageSize":5,"views":5,"comments":5,"wordsNum":5,"cateName":12,"keywords":12,"createBy":12,"nickname":12,"orderBy":12,"order":12,"coverImageUrl":12,"tag":12,"ai_en":12,"en_tag":12},["Reactive",584],{"$ssiteInfoStore":28},["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>