2025年web前端开发知识点总结

HTML 知识总结常用标签文本类span行级元素，多个同行div块级元素，独占一行p块级元素，前后保留一行h标题标签， h1~h6 表 6 个等级，加粗，前后保留一行图片标签imgwidth ：设置宽度height ：设置高度alt ：图片加载失败显示的文本水平线hrcolor ：颜色size ：高度（粗细）width ：宽度（长度）超链接aherf ：超链接转到的地址target_self: 默认值，在当前页面打开_blank: 在新窗口打开带标题的框fieldsetlegend设置标题列表标签无序列表uldisc ：实心圆square ：小方块circle ：空心圆有序列表ol表格标签 tr表示行th表示标题单元格，居中、加粗td表示一个单元格caption表示标题，定义在第一行，居中rowspan设置单元格占的行数colspan设置单元格占的列数表单项 action表单提交地址methodget ：显示提交参数，将参数用 ? 和 & 拼接到 url 上带到服务器端post ：隐式提交参数下拉菜单 optgroup 表示分组 , 分组不能选 , 只能选分组中的 optionselected 默认选中multiple 设置下拉菜单为多选模式文本域 rows: 显示文本的行数 ( 高度 )cols: 显示文本的列数 ( 宽度 )input文本框 type=“text”name ：参数名size ：显示字符长度（控制文本框长度）maxlength ：最大可输入字符数placeholder ：提示内容disabled ：不会被提交到服务器readonly ：只读（会被提交到服务器）value ：默认值input密码框 type=“password”单选按钮 type=“radio”checked ：默认选中复选框 type=“checkbox”文件选择框 type=“file”按钮按钮 type=“button”提交 type=“submit”重置 type=“reset”框架集 <frameset>frame ：表示框架noresize ：不能改变框架大小scolling ：是否显示滚动条（ yes 、 no 、 auto ）rows设置框架集在纵向上的拆分策略cols设置框架集在横向上的拆分策略border框架边框的宽度borderColor框架边框颜色frameBorder 设置框架是否有边框 (yes|no)框架集中的超链接打开方式 target_blank: 新窗口中打开_self: 在当前窗口打开_parent: 父窗口中打开_top 在最顶层窗口中打开frameName ：在对应 name 框架打开其他标签ifame在页面中嵌入框架dl 、 dt 、 dd<dl><dt> 数码 </dt> <!-- dt 不会缩进 --><dd> 手机 </dd> <!-- dd 会缩进 --></dl>marquee ：滚动标签img usemap<img src="usemap_img.jpg" u...</div></div><div class="pre-detail-bottom"><a class="pre-detail-more" href="javascript:;" kes-height="0">查看更多 <i class="icon-lower"></i></a></div></div></div><div class="noticeidtxt"><p>1、当您付费下载文档后，您只拥有了使用权限，并不意味着购买了版权，文档只能用于自身使用，不得用于其他商业用途（如 [转卖]进行直接盈利或[编辑后售卖]进行间接盈利）。<br>2、本站所有内容均由合作方或网友上传，本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺！文档内容仅供研究参考，付费前请自行鉴别。<br>3、如文档内容存在违规，或者侵犯商业秘密、侵犯著作权等，请点击“违规举报”。</p></div><div class="noticeidtxt"><p>碎片内容</p></div></div><div class="view-hd"><div class="container"><div class="view-hd-bd"><div class="format"><i class="file-icon icon-word"></i></div><h2>2025年web前端开发知识点总结</h2><ul class="operate"><li><a class=" view-down-btn" href="javascript:;" onclick="down.init()" title="下载2025年web前端开发知识点总结"><i class="iconfont icon-xiazai"></i><span>下载文档</span></a></li><li><a id="close-preview" class="btn btn-close" href="javascript:;" title="关闭预览"><i class="iconfont iconclose"></i><span>关闭预览</span></a></li></ul></div></div></div><script>var _preview_param = { current: 1, total:18,//总数 totalpage: 2,//总页数 pagesie:3,//每页多少 currpage:1,//当前页码 prenum:4,//预览总数 }; $(function () { preview.init(); }); </script><!-- 内容 --><!-- 店铺的文档 --><div class="cat-relate bg-white"><div class="hd"><h3>您可能关注的文档</h3></div><div class="bd"><ul class="list-txt"><li><a href="https://www.xiaomilidoc.com/p-14578251.html" class="list-item" target="_blank"><i class="file-icon icon-word margin-right-xs"></i>（新课程）高中数学1.2.2《集合的运算》学案2 新人教B版必修1</a></li><li><a href="https://www.xiaomilidoc.com/p-14578244.html" class="list-item" target="_blank"><i class="file-icon icon-word margin-right-xs"></i>（新课程）高中数学1.2.1《 集合之间的关系》学案2 新人教B版必修1</a></li><li><a href="https://www.xiaomilidoc.com/p-14578235.html" class="list-item" target="_blank"><i class="file-icon icon-word margin-right-xs"></i>（新课程）高中数学1.1.2《集合的表示方法》学案2 新人教B版必修1</a></li><li><a href="https://www.xiaomilidoc.com/p-14578224.html" class="list-item" target="_blank"><i class="file-icon icon-word margin-right-xs"></i>（新课程）高中数学1.1.1《集合的概念》学案2 新人教B版必修1</a></li><li><a href="https://www.xiaomilidoc.com/p-14578212.html" class="list-item" target="_blank"><i class="file-icon icon-word margin-right-xs"></i>（新课程）高中数学《2.4.1平面向量数量积的物理背景及其含义》导学案 新人教A版必修4</a></li><li><a href="https://www.xiaomilidoc.com/p-14578206.html" class="list-item" target="_blank"><i class="file-icon icon-word margin-right-xs"></i>（新课程）高中数学《2.4.1抛物线及其标准方程》导学案 新人教A版选修2-1</a></li><li><a href="https://www.xiaomilidoc.com/p-14578190.html" class="list-item" target="_blank"><i class="file-icon icon-word margin-right-xs"></i>（新课程）高中数学《2.3.4平面向量的基本定理及坐标表示》导学案 新人教A版必修4</a></li><li><a href="https://www.xiaomilidoc.com/p-14578183.html" class="list-item" target="_blank"><i class="file-icon icon-word margin-right-xs"></i>（新课程）高中数学《2.3.2双曲线的简单几何性质(2)》导学案 新人教A版选修2-1</a></li><li><a href="https://www.xiaomilidoc.com/p-14578177.html" class="list-item" target="_blank"><i class="file-icon icon-word margin-right-xs"></i>（新课程）高中数学《2.3.2双曲线的简单几何性质(1)》导学案 新人教A版选修2-1</a></li><li><a href="https://www.xiaomilidoc.com/p-14578167.html" class="list-item" target="_blank"><i class="file-icon icon-word margin-right-xs"></i>（新课程）高中数学《2.3.1数学归纳法》导学案2 新人教A版选修2-2</a></li><li><a href="https://www.xiaomilidoc.com/p-14578160.html" class="list-item" target="_blank"><i class="file-icon icon-word margin-right-xs"></i>（新课程）高中数学《2.3.1数学归纳法》导学案 新人教A版选修2-2</a></li><li><a href="https://www.xiaomilidoc.com/p-14578152.html" class="list-item" target="_blank"><i class="file-icon icon-word margin-right-xs"></i>（新课程）高中数学《2.3.1平面向量的基本定理及坐标表示》导学案 新人教A版必修4</a></li><li><a href="https://www.xiaomilidoc.com/p-14578145.html" class="list-item" target="_blank"><i class="file-icon icon-word margin-right-xs"></i>（新课程）高中数学《2.3.1 双曲线及其标准方程》导学案 新人教A版选修2-1</a></li><li><a href="https://www.xiaomilidoc.com/p-14578130.html" class="list-item" target="_blank"><i class="file-icon icon-word margin-right-xs"></i>（新课程）高中数学《2.2.2向量减法运算及其几何意义》导学案 新人教A版必修4</a></li><li><a href="https://www.xiaomilidoc.com/p-14578121.html" class="list-item" target="_blank"><i class="file-icon icon-word margin-right-xs"></i>（新课程）高中数学《2.2.2反证法》导学案 新人教A版选修2-2</a></li><li><a href="https://www.xiaomilidoc.com/p-14578114.html" class="list-item" target="_blank"><i class="file-icon icon-word margin-right-xs"></i>（新课程）高中数学《2.2.2 反证法》导学案 新人教A版选修1-2</a></li><li><a href="https://www.xiaomilidoc.com/p-14578106.html" class="list-item" target="_blank"><i class="file-icon icon-word margin-right-xs"></i>（新课程）高中数学《2.2.2 椭圆及其简单几何性质（2）》导学案 新人教A版选修2-1</a></li><li><a href="https://www.xiaomilidoc.com/p-14578098.html" class="list-item" target="_blank"><i class="file-icon icon-word margin-right-xs"></i>（新课程）高中数学《2.2.2 椭圆及其简单几何性质（1）》导学案 新人教A版选修2-1</a></li><li><a href="https://www.xiaomilidoc.com/p-14578085.html" class="list-item" target="_blank"><i class="file-icon icon-word margin-right-xs"></i>（新课程）高中数学《2.2.1综合法和分析法》导学案3 新人教A版选修2-2</a></li><li><a href="https://www.xiaomilidoc.com/p-14578079.html" class="list-item" target="_blank"><i class="file-icon icon-word margin-right-xs"></i>（新课程）高中数学《2.2.1综合法和分析法》导学案2 新人教A版选修2-2</a></li></ul></div></div><div id="comment-container" class="bg-white margin-top-sm"><a href="#" id="comments"></a><div class="comment-user-login">您需要登录后才可以发表评论， <a href="javascript:;" onclick="openLogin();">登录 / 注册</a></div></div><script type="text/javascript">var comment_page_total = 0,pagesize=10;</script><link rel="stylesheet" type="text/css" href="/assets/comment/css/comment.css?v=20250723171856"><link rel="stylesheet" href="/assets/comment/css/jquery.pagination.css?v=20250723171856" /><script src="/assets/comment/js/jquery.pagination.min.js?v=20250723171856"></script><script type="text/javascript" src="/assets/comment/js/comment.js?v=20250723171856"></script></div><div class="right-box margin-left-sm"><div class="shop-box bg-white margin-bottom-sm"><div class="publish"><div class="bd crm nocrm"><div class="info"><div class="logo"><a href="https://www.xiaomilidoc.com/u/3.html" target="_blank"><img src="https://file.xiaomilidoc.com/files/202409/06/d91a405a-024e-4ccb-a026-2478cda0ffcf.png" alt="头像" onerror="this.src='/assets/images/avator.png'"></a></div><dl class="name"><dt><a href="https://www.xiaomilidoc.com/u/3.html" class="attend" target="_blank">读万卷书</a><a class="no-regard" id="regard-shop" href="javascript:;" onclick="detail.regard(this)" title="点击关注">+ 关注</a></dt><dd><div class="authen-about"><svg t="1711372422005" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="47514" width="16" height="16"><path d="M0 512a512 512 0 1 0 1024 0A512 512 0 1 0 0 512z" fill="#2878ff" p-id="47515" data-spm-anchor-id="a313x.search_index.0.i109.2b2d3a816aQiFI" class="selected"></path><path d="M221.337 330.02h288.497v35.385h-40.08c-26.719 2.888-31.052 23.83-13.36 62.104l102.184 226.392 88.824-199.673c26.72-56.327 2.889-85.574-71.131-88.823V330.02h226.392v35.385c-47.3 0-78.353 22.025-93.157 66.437L545.22 791.47h-66.44L310.16 436.536c-17.693-47.3-47.3-71.131-88.824-71.131V330.02z" fill="#FFFFFF" p-id="47516"></path></svg>实名认证</div><div class="authen-about"><svg t="1700461329982" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4323" width="20" height="20"><path d="M704 128a192 192 0 0 1 192 192v384a192 192 0 0 1-192 192H320a192 192 0 0 1-192-192V320a192 192 0 0 1 192-192h384zM540.224 307.584l-4.8 0.704a24 24 0 0 0-17.472 29.12l17.408 69.824-93.184 23.232-17.408-69.888a24 24 0 0 0-46.528 11.648l17.408 69.824-69.888 17.472a24 24 0 1 0 11.648 46.528l69.824-17.408 23.232 93.184-69.888 17.408a24 24 0 0 0 11.648 46.528l69.824-17.408 17.472 69.888a24 24 0 1 0 46.528-11.648l-17.408-69.824 93.184-23.232 17.408 69.888a24 24 0 1 0 46.528-11.648l-17.408-69.824 69.888-17.472a24 24 0 1 0-11.648-46.528l-69.824 17.408-23.232-93.184 69.888-17.408a24 24 0 1 0-11.648-46.528l-69.824 17.408L564.48 325.76a24 24 0 0 0-29.056-17.472z m6.72 146.24l23.232 93.12-93.12 23.232-23.232-93.12 93.12-23.232z" fill="#FF8F49" p-id="4324"></path><path d="M320 320m128 0l320 0q128 0 128 128l0 320q0 128-128 128l-320 0q-128 0-128-128l0-320q0-128 128-128Z" fill="#FFFFFF" fill-opacity=".178" p-id="4325"></path></svg><span class="type">内容提供者</span></div></dd></dl></div><p class="intro">各类经典PPT文档分享</p><div class="btns"><a class="btn-fav favorite-shop-btn" id="favorite-shop" href="javascript:;" onclick="detail.favorite(1)" title="收藏"><i class="iconfont icon-shoucang"></i> 收藏店铺 </a><a class="btn-space" href="https://www.xiaomilidoc.com/u/3.html" target="_blank" title="进入读万卷书的空间"><i class="iconfont icon-kongjian"></i> 进入空间</a></div></div></div></div><div class="list-box padding bg-white" id="relate-list"><div class="list-box-title"><h3>相关文档</h3></div><ul class="list-box-body clear"><li><a href="https://www.xiaomilidoc.com/p-14760384.html" title="电脑兴趣小组活动总结"><i class="file-icon icon-word"></i>电脑兴趣小组活动总结</a></li><li><a href="https://www.xiaomilidoc.com/p-14760205.html" title="电磁学知识点总结"><i class="file-icon icon-word"></i>电磁学知识点总结</a></li><li><a href="https://www.xiaomilidoc.com/p-14760203.html" title="电磁兼容考点总结"><i class="file-icon icon-word"></i>电磁兼容考点总结</a></li><li><a href="https://www.xiaomilidoc.com/p-14760131.html" title="电流和电路知识点总结"><i class="file-icon icon-word"></i>电流和电路知识点总结</a></li><li><a href="https://www.xiaomilidoc.com/p-14759961.html" title="电气检测技术知识点"><i class="file-icon icon-word"></i>电气检测技术知识点</a></li><li><a href="https://www.xiaomilidoc.com/p-14759904.html" title="电气技术员个人总结"><i class="file-icon icon-word"></i>电气技术员个人总结</a></li><li><a href="https://www.xiaomilidoc.com/p-14759854.html" title="电气工程师工作总结总结范文"><i class="file-icon icon-word"></i>电气工程师工作总结总结范文</a></li><li><a href="https://www.xiaomilidoc.com/p-14759849.html" title="电气工程基础知识点整理"><i class="file-icon icon-word"></i>电气工程基础知识点整理</a></li><li><a href="https://www.xiaomilidoc.com/p-14759725.html" title="电气二次回路学习总结"><i class="file-icon icon-word"></i>电气二次回路学习总结</a></li><li><a href="https://www.xiaomilidoc.com/p-14759338.html" title="电机学概念以及公式总结"><i class="file-icon icon-word"></i>电机学概念以及公式总结</a></li></ul></div><div class="list-box padding bg-white margin-top-sm"><div class="list-box-title"><h3>热门下载</h3></div><ul class="list-box-body clear"><li><a href="https://www.xiaomilidoc.com/p-2167620.html" title="(完整版)二十四山年月日时吉凶定局详解,"><i class="file-icon icon-pdf"></i>(完整版)二十四山年月日时吉凶定局详解,</a></li><li><a href="https://www.xiaomilidoc.com/p-1072958.html" title="加行教材(大圆满前行引导文)前行广释全部思考题及解答(仅供参考)(DOC)"><i class="file-icon icon-word"></i>加行教材(大圆满前行引导文)前行广释全部思考题及解答(仅供参考)(DOC)</a></li><li><a href="https://www.xiaomilidoc.com/p-10764607.html" title="小学校本课程模板"><i class="file-icon icon-word"></i>小学校本课程模板</a></li><li><a href="https://www.xiaomilidoc.com/p-10133629.html" title="排箫初学指引"><i class="file-icon icon-pdf"></i>排箫初学指引</a></li><li><a href="https://www.xiaomilidoc.com/p-13734060.html" title="2025年福建公务员考试《行测》真题及答案"><i class="file-icon icon-word"></i>2025年福建公务员考试《行测》真题及答案</a></li><li><a href="https://www.xiaomilidoc.com/p-1382417.html" title="威廉立博赔率特点对比经验"><i class="file-icon icon-word"></i>威廉立博赔率特点对比经验</a></li><li><a href="https://www.xiaomilidoc.com/p-11020191.html" title="配电线路工高级技师专业技术工作总结"><i class="file-icon icon-pdf"></i>配电线路工高级技师专业技术工作总结</a></li><li><a href="https://www.xiaomilidoc.com/p-9849813.html" title="中小学《综合素质》电子版讲义"><i class="file-icon icon-pdf"></i>中小学《综合素质》电子版讲义</a></li><li><a href="https://www.xiaomilidoc.com/p-860065.html" title="光洋PLC连接步骤"><i class="file-icon icon-word"></i>光洋PLC连接步骤</a></li><li><a href="https://www.xiaomilidoc.com/p-6666544.html" title="威廉希尔和IT的赔率比较"><i class="file-icon icon-pdf"></i>威廉希尔和IT的赔率比较</a></li></ul></div><div class="list-box bg-white margin-top-sm"><div class="list-box-title"><h3>相关标签</h3></div><div class="tag-hot clearfix"><a href="https://www.xiaomilidoc.com/doc/tag-117.html" class="tag" title="总结"># 总结</a><a href="https://www.xiaomilidoc.com/doc/tag-244.html" class="tag" title="知识点"># 知识点</a><a href="https://www.xiaomilidoc.com/doc/tag-2893.html" class="tag" title="开发"># 开发</a><a href="https://www.xiaomilidoc.com/doc/tag-7555.html" class="tag" title="Web"># Web</a><a href="https://www.xiaomilidoc.com/doc/tag-14060.html" class="tag" title="前端"># 前端</a></div></div></div></div></div><!--底部信息--><script src="/assets/wenku/js/wenku.js?v=20250723171856" type="text/javascript"></script><script type="text/javascript"> var base = { contentid: 12840572, title:'2025年web前端开发知识点总结', catid: 3, shopid: 3, userid:100005, url:{ down: 'https://www.xiaomilidoc.com/wenku/down/init.html', vip: 'https://www.xiaomilidoc.com/vip.html', fav: 'https://www.xiaomilidoc.com/api/index/favorite.html', regard:'https://www.xiaomilidoc.com/api/index/follow.html', like: 'https://www.xiaomilidoc.com/wenku/index/dolikes.html', report: 'https://www.xiaomilidoc.com/wenku/index/report.html', recharge: 'https://www.xiaomilidoc.com/member/index/recharge.html', info:'https://www.xiaomilidoc.com/wenku/index/info.html', downfile: 'https://www.xiaomilidoc.com/wenku/down/downfile.html', share: 'https://www.xiaomilidoc.com/wenku/index/share.html', applyagent: 'https://www.xiaomilidoc.com/agent/index/main.html', poster:'https://www.xiaomilidoc.com/wenku/index/poster.html', } }; $(function() { detail.init(); }); </script><div class="ui-cover"></div><div class="ui-modal animated"><div class="ui-modal-content"><i class="iconfont iconclose close-modal"></i><div class="ui-modal-top"></div><div class="ui-modal-body"></div></div></div><div class="ui-dialog animated"><div class="ui-dialog-content"><div class="ui-dialog-body">确认删除?</div><div class="ui-dialog-footer"><span class="ui-btn ui-btn-default ui-btn-sf">取消</span><span class="ui-btn ui-btn-primary ui-btn-sf">确定</span></div></div></div><div class="ui-tip animated"><div class="ui-tip-content"></div></div><footer><div class="container footer flex-between"><div class="footer-left"><div class="field-item"><a href="/about.html" title="关于我们" >关于我们</a><a href="/statement.html" title="隐私协议" >隐私协议</a><a href="/contactus.html" title="联系我们" >联系我们</a><a href="/agreement.html" title="用户协议" >用户协议</a><a href="/disclaimer.html" title="免责声明" >免责声明</a><a href="/advertisement.html" title="广告投放" >广告投放</a><a href="/partnership.html" title="市场合作" >市场合作</a><a href="/sitemaps.xml" title="网站地图" target="_blank">网站地图</a></div><div class="margin-top-lg"><span class="margin-right-xs">若发现您的权益受到侵害，请立即联系客服，我们会尽快为您处理</span></div><div class="margin-top-sm"><span class="margin-right-xs">客服电话 5 * 9小时</span><span class="margin-right">客服电话:010-80743701</span><span class="margin-right">客服QQ:448216</span><span>客服邮箱:xiaomilidoc@163.com</span></div></div><div class="footer-right fr"></div></div><div class="footer-bottom"><div class="container flex-between"><div>北京笑辰兮网络科技有限公司</div><div class="field-item"><a target="_blank" rel="nofollow" href="https://beian.miit.gov.cn/">京ICP备2024082802号-1</a><a target="_blank" rel="nofollow" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11011402054326" style="display:inline-block;text-decoration:none;height:20px;line-height:20px;margin-left:10px"><img src="/assets/images/gongan.png" style="float:left;"/>京公网安备11011402054326号</a> 电信增值业务许可:京B2-20243735    </div></div></div></footer><script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?b6f39d526dbc18984ab95924cfeacba6"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script><link rel="stylesheet" type="text/css" href="/assets/kefu/css/iconfont.css?v=20250723171856"><link rel="stylesheet" type="text/css" href="/assets/kefu/css/serv-kefu.css?v=20250723171856"><div id="jiuniao-kefu" class="jiuniao-kefu-right-bottom"><div class="jiuniao-icon-item"><a href="/vip.html" target="_blank" class="jiuniao-icon-link"><img border="0" src="https://file.xiaomilidoc.com/files/202501/14/92e51a2d-2a72-44a8-9cd6-14aaf9cefa7a.png" height="30" width="30"><span class="jiuniao-icon-title">VIP</span></a></div><div class="jiuniao-icon-item"><a href="javascript:;" class="kefu kefu-qrcode jiuniao-icon-link"><span class="jiuniao-icon-title">微信客服</span></a><div class="jiuniao-serv-box"><ul><li><img width="100%" src="https://file.xiaomilidoc.com/files/202410/14/3a933802-705c-42eb-a009-96c7f3892955.png"><span class="jiuniao-serv-title">扫码咨询</span></li></ul></div></div><div class="jiuniao-icon-item"><a href="javascript:;" class="kefu kefu-qun jiuniao-icon-link"><span class="jiuniao-icon-title">会员Q群</span></a><div class="jiuniao-serv-box"><ul><li><span class="jiuniao-serv-title">会员专属群</span><a target="_blank" href="https://qm.qq.com/q/A32Rg1oMJa"><img border="0" src="/assets/kefu/images/group.png" alt="点击这里加入QQ群" title="点击这里加入QQ群"></a></li></ul></div></div><div class="jiuniao-icon-item"><a href="javascript:;" class="kefu kefu-email jiuniao-icon-link"><span class="jiuniao-icon-title">客服邮箱</span></a><div class="jiuniao-serv-box"><ul><li><span class="jiuniao-serv-title">客服邮箱</span><a href="mailto:xiaomilidoc@163.com">xiaomilidoc@163.com</a></li></ul></div></div><div class="jiuniao-icon-item jiuniao-backtop" id="jiuniao_backtop"><a href="javascript:;" class="kefu kefu-top jiuniao-icon-link"><span class="jiuniao-icon-title">回到顶部</span></a></div></div><script type="text/javascript" src="/assets/desk/desk-install.js?v=20250723171856"></script></body></html>