一.先言：
二.题目（答案在最后）：
1.问一份标准的HTML文档有哪几个必须的HTML标签？【多选】
A. B. C.
D. <body></p><p>2.<input>元素的type属性的取值可以是( )【多选】</p><p>A. image B. checkbox C. button D. select</p><p>3.下列哪个操作是W3C标准定义的阻止事件向父容器传递：【单选】</p><p>A. e.preventDefault() B. e.cancelBubble=true C. e.stopPropagation() D. e.stopImmediatePropagation()</p><p>4.下列哪种选择器不是css3才定义的：【单选】</p><p>A. :enabled B. :checked C. :before D. :only-child</p><p>5.以下那些是css属性position可以设置的值：【多选】</p><p>A. fixed B. relative C. absolute D. inherit</p><p>6.以下哪些Array对象的方法不会更改原有数组？【多选】</p><p>A. concat() B. splice() C. map() D. sort()</p><p>7.JavaScript定义var a=“40”,var b=7,则执行a%b会得到()。【单选】</p><p>A. 5 B. "5" C. undefined D. null</p><p>8.以下运行结果:</p><p>for(var i = 0; i < 10; i++) { setTimeout(function() { console.log(i); }, 1000); }</p><p>A. 0--9 B. 10个10 C. 10个9 D. 无限循环</p><p>9.以下运行结果:</p><p>var user = { count : 1, getCount: function(){ return this.count; } } var func = user.getCount console.log(func())</p><p>A. this.count B. 1 C. 报错 D. undefined</p><p style="text-align:center"><img src="https://www.huoban.com/news/zb_users/cache/ly_autoimg/m/MTI1NTQ.jpg" alt="快来每日上分，2021前端面试题10道(附答案与解析)" title="快来每日上分，2021前端面试题10道(附答案与解析)" /></p><p>10.移除数组 arr 中的所有值与 item 相等的元素。不要直接修改数组 arr，结果返回新的数组：</p><p>function remove(arr, item) { 。。。 }</p><p>三.答案与解析：</p><p>1. 选ABCD，注意看问的是标准的HTML文档。</p><p>2. 选ABC，没有select，有以下：</p><p>button checkbox file hidden image password radio reset submit text</p><p>3. 选C， preventDefault()是取消事件默认行为；stopImmediatePropagation() 取消事件冒泡同时阻止当前节点上的事件处理程序被调用；cancelBubble()是取消事件冒泡，不符合 W3C 标准，适用于 IE；stopPropagation()阻止事件冒泡行为 , 符合 W3C 标准；</p><p>4.选C，:before选择器早在CSS 2.1版本就定义了。</p><p>5.ABCD，有 绝对absolute,固定fixed,相对relative,继承父元素inherit,默认static,粘性sticky…略。</p><p>6.选AC，concat（）方法不会改变现有的数组，而仅仅会返回被连接数组的一个副本。map（）方法返回一个新数组，数组中的元素为原始数组元素调用函数处理后的值。sort() 方法用于对数组的元素进行排序，肯定改变了。splice() 方法向/从数组中添加/删除项目，然后返回被删除的项目，也改了。</p><p>7.选A，js是弱语言类型。在进行算术运算时，只有做+号，数字隐式转换成字符串。其余的运算符号是字符串隐式转换成数字。</p><p>8.选B，JavaScript的任务分为同步任务和异步任务，同步任务放在主线程，形成一个执行栈；异步任务放在任务队列，只有主线程空了才会去读取任务队列的任务。setTimeout是异步操作，每次遇到它不是先运行，而是先压入执行栈。等i执行完for循环，setTimeout才开始执行，此时的i已经是10了，就打印了10个10。</p><p>9.选D。函数调用时，this才会发生绑定，而且是谁调用this，this就指向谁。这里func调用了它，所以指向func，而func是全局环境中的，所以this指向window，而count是一个局部变量，所以undefined。</p><p>10.如下，这个比较简单就不解释了：</p><p>function remove(arr, item) { let arr2 = arr.filter(i=>{ return i!=item; }) return arr2; }</p><p>总结：</p><p>每日一练，做人没有梦想，那和咸鱼有什么分别~</p><p>HTML JavaScript web前端</p><p>
<strong>版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。</strong>
</p><p>
<strong>版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。</strong>
</p></div>
<div class="article_footer clear">
<div class="fr tag">标签：<a href="https://www.huoban.com/news/tags-1709.html">每日</a>
<a href="https://www.huoban.com/news/tags-6887.html">上分</a>
</div>
<div class="bdsharebuttonbox fl share">
<div class="share-widget fl">
<div class="social-share" data-sites="wechat,weibo, qq, qzone"></div>
</div>
</div>
</div>
<!-- 广告位ad4 -->
<div class="post-navigation clear">
<div class="post-previous fl">
<span>上一篇:</span><a href="https://www.huoban.com/news/post/107269.html">wps文字上下居中怎么弄</a>
</div>
<div class="post-next fr">
<span>下一篇:</span><a href="https://www.huoban.com/news/post/110056.html"><a target="_blank" href="https://www.huoban.com/news/tags-3485.html"style="font-weight:bold;">excel</a>2003填充的技巧</a>
</div>
</div>
</div>
<div class="related_article">
<div class="box_title clear">
<span><i class="icon fa fa-paper-plane"></i>相关文章</span>
</div>
<div class="related_list clear">
<article class="fl">
<div class="related_img"><a href="https://www.huoban.com/news/post/16488.html"><img src="https://www.huoban.com/news/zb_users/cache/ly_autoimg/m/MTY0ODg.jpg"></a></div>
<div class="related_detail">
<h3><a href="https://www.huoban.com/news/post/16488.html" title="【<a target="_blank" href="https://www.huoban.com/news/tags-1709.html"style="font-weight:bold;">每日</a>一题】备战冲击蓝桥杯国赛——Python程序设计 | Day03 | 跑步锻炼 | 真题代码解析">【<a target="_blank" href="https://www.huoban.com/news/tags-1709.html"style="font-weight:bold;">每日</a>一题】备战冲击蓝桥杯国赛——Python程序设计 | Day03 | 跑步锻炼 | 真题代码解析</a></h3>
<div class="meta">
<span><i class="fa fa-eye"></i>626</span>
<span><i class="fa fa-clock-o"></i>2025-04-02</span>
</div>
</div>
</article>
<article class="fl">
<div class="related_img"><a href="https://www.huoban.com/news/post/11952.html"><img src="https://www.huoban.com/news/zb_users/cache/ly_autoimg/m/MTE5NTI.jpg"></a></div>
<div class="related_detail">
<h3><a href="https://www.huoban.com/news/post/11952.html" title="（Java实习生）每日10道面试题打卡——JVM篇">（Java实习生）每日10道面试题打卡——JVM篇</a></h3>
<div class="meta">
<span><i class="fa fa-eye"></i>626</span>
<span><i class="fa fa-clock-o"></i>2025-04-02</span>
</div>
</div>
</article>
<article class="fl">
<div class="related_img"><a href="https://www.huoban.com/news/post/3492.html"><img src="https://www.huoban.com/news/zb_users/cache/ly_autoimg/m/MzQ5Mg.jpg"></a></div>
<div class="related_detail">
<h3><a href="https://www.huoban.com/news/post/3492.html" title="Python技能树每日一练——文件操作">Python技能树每日一练——文件操作</a></h3>
<div class="meta">
<span><i class="fa fa-eye"></i>626</span>
<span><i class="fa fa-clock-o"></i>2025-04-02</span>
</div>
</div>
</article>
</div>
</div>
<!--<p class="comment-disable sb br mb"><i class="iconfont icon-cry"></i>抱歉，评论功能暂时关闭!</p>-->
</div>
</div>
<div class="sidebar">
<div id="推荐文章" class="part clear 推荐文章">
<div class="top">
<h3 class="title">推荐文章</h3>
</div>
<div class="side 推荐文章"><ul><ul class="hot_posts"> <li><h4><a href="https://www.huoban.com/news/post/132763.html" title="企业生产管理是什么，企业生产管理软件">企业生产管理是什么，企业生产管理软件</a></h4></li><li><h4><a href="https://www.huoban.com/news/post/136160.html" title="盘点进销存软件排行榜前十名">进盘点进销存软件排行榜前十名</a></h4></li><li><h4><a href="https://www.huoban.com/news/post/132779.html" title="进销存系统哪个简单好用？进销存系统优点">进销存系统哪个简单好用？进销存系统优点</a></h4></li><li><h4><a href="https://www.huoban.com/news/post/133648.html" title="工厂生产管理（工厂生产管理流程及制度）">工厂生产管理（工厂生产管理流程及制度）</a></h4></li><li><h4><a href="https://www.huoban.com/news/post/132780.html" title="生产管理软件，机械制造业生产管理，制造业生产过程管理软件">生产管理软件，机械制造业生产管理，制造业生产过程管理软件</a></h4></li><li><h4><a href="https://www.huoban.com/news/post/132776.html" title="进销存软件和ERP有什么区别？进销存与erp软件理解">进销存软件和ERP有什么区别？进销存与erp软件理解</a></h4></li><li><h4><a href="https://www.huoban.com/news/post/132974.html" title="进销存如何进行库存管理">进销存如何进行库存管理</a></h4></li><li><h4><a href="https://www.huoban.com/news/post/132269.html" title="excel销售订单管理系统（销售订单录入系统）">如何利用excel制作销售订单管理系统？</a></h4></li><li><h4><a href="https://www.huoban.com/news/post/136946.html" title="数据库订单管理系统有哪些功能？数据库订单管理系统怎么设计？">数据库订单管理系统有哪些功能？数据库订单管理系统怎么设计？</a></h4></li><li><h4><a href="https://www.huoban.com/news/post/132312.html" title="数据库订单管理系统（订单系统数据流图）">什么是数据库管理系统？</a></h4></li></ul></ul></div>
</div>
<div id="divPrevious" class="part clear previous">
<div class="top">
<h3 class="title">最近发表</h3>
</div>
<div class="side divPrevious"><ul><li><a title="Excel中如何设置按所选数据区域范围进行局部数据打印（打印excel选定区域）" href="https://www.huoban.com/news/post/50500.html">Excel中如何设置按所选数据区域范围进行局部数据打印（打印excel选定区域）</a></li>
<li><a title="我表格中输入阿拉伯数字数字10，结果出现IX（表格中的阿拉伯数字不能全部显示）" href="https://www.huoban.com/news/post/65535.html">我表格中输入阿拉伯数字数字10，结果出现IX（表格中的阿拉伯数字不能全部显示）</a></li>
<li><a title="Excel2016如何设置<a target="_blank" href="https://www.huoban.com/news/tags-67.html"style="font-weight:bold;">文件</a>的保存位置和备份位置" href="https://www.huoban.com/news/post/102908.html">Excel2016如何设置<a target="_blank" href="https://www.huoban.com/news/tags-67.html"style="font-weight:bold;">文件</a>的保存位置和备份位置</a></li>
<li><a title="Excel怎么快速制作查询表 Excel快速制作查询表方法" href="https://www.huoban.com/news/post/98177.html">Excel怎么快速制作查询表 Excel快速制作查询表方法</a></li>
<li><a title="企业生产<a target="_blank" href="https://www.huoban.com/news/tags-485.html"style="font-weight:bold;">管理</a>考试题（生产管理考试试题）" href="https://www.huoban.com/news/post/128599.html">企业生产<a target="_blank" href="https://www.huoban.com/news/tags-485.html"style="font-weight:bold;">管理</a>考试题（生产管理考试试题）</a></li>
<li><a title="word文档怎么写页脚" href="https://www.huoban.com/news/post/104637.html">word文档怎么写页脚</a></li>
<li><a title="4个Excel 小技巧马上就能提升你的工作效率（4个Excel表格制作小技巧）" href="https://www.huoban.com/news/post/49372.html">4个Excel 小技巧马上就能提升你的工作效率（4个Excel表格制作小技巧）</a></li>
<li><a title="CRITBINOM" href="https://www.huoban.com/news/post/78682.html">CRITBINOM</a></li>
<li><a title="在哪创建超级链接（超级链接可以链接到哪里）" href="https://www.huoban.com/news/post/81801.html">在哪创建超级链接（超级链接可以链接到哪里）</a></li>
<li><a title="excel区域格式如何设置自动套用格式（excel区域格式设置为套用表格格式）" href="https://www.huoban.com/news/post/92754.html">excel区域格式如何设置自动套用格式（excel区域格式设置为套用表格格式）</a></li>
</ul></div>
</div>
<div id="sidebar_ad" class="part clear sidebar_ad">
<div class="part sidebar_ad"><div class="active"><a href='https://mrhnug.r.huobanbot.com/wxwork/pub/landings/426?app_id=1960&company_id=54&corp_id=wwbd4b7b6e7b0ccdaa&app_company_id=1' target='_blank'><img style='width:100%;height:100%' src='https://www.huoban.com/news/zb_users/upload/2023/08/erwei3.jpg'></a><br>
<a href='https://www.huoban.com/crm.html?utm=jiasouadv' target='_blank'><img style='width:100%;height:100%' src='https://www.huoban.com/news/zb_users/upload/2023/03/20230321171645167939020583758.png'></a><br>
</div></div>
</div>
<div id="hot_posts" class="part clear hot_posts">
<div class="top">
<h3 class="title">热评文章</h3>
</div>
<ul class="hot_posts"><li><h4><a href="https://www.huoban.com/news/post/104011.html" title="<a target="_blank" href="https://www.huoban.com/news/tags-10179.html"style="font-weight:bold;">零代码</a>开发是什么？2022<a target="_blank" href="https://www.huoban.com/news/tags-1.html"style="font-weight:bold;">低代码</a>平台排行榜">零代码开发是什么？2022低代码平台排行榜</a></h4></li><li><h4><a href="https://www.huoban.com/news/post/131019.html" title="智能<a target="_blank" href="https://www.huoban.com/news/tags-14329.html"style="font-weight:bold;">进销存库存管理</a><a target="_blank" href="https://www.huoban.com/news/tags-56.html"style="font-weight:bold;">系统</a>（智慧进销存）">智能进销存库存管理系统（智慧进销存）</a></h4></li><li><h4><a href="https://www.huoban.com/news/post/73907.html" title="<a target="_blank" href="https://www.huoban.com/news/tags-14095.html"style="font-weight:bold;">在线文档</a>哪家强？8款在线文档编辑软件推荐">在线文档哪家强？8款在线文档编辑软件推荐</a></h4></li><li><h4><a href="https://www.huoban.com/news/post/102663.html" title="WPS2016怎么绘制简单的价格表?">WPS2016怎么绘制简单的价格表?</a></h4></li><li><h4><a href="https://www.huoban.com/news/post/152072.html" title="<a target="_blank" href="https://www.huoban.com/news/tags-14549.html"style="font-weight:bold;">家居定制平台</a>是什么？">家居定制平台是什么？</a></h4></li><li><h4><a href="https://www.huoban.com/news/post/151831.html" title="<a target="_blank" href="https://www.huoban.com/news/tags-14164.html"style="font-weight:bold;">客户管理工具</a>是什么？">客户管理工具是什么？</a></h4></li></ul> </div>
<div id="divLinkage" class="part clear link">
<div class="top">
<h3 class="title">友情链接</h3>
</div>
<div class="side divLinkage"><ul><li class="link-item"><a href="https://www.huoban.com/" target="_blank" title="伙伴云">伙伴云</a></li><li class="link-item"><a href="https://www.huoban.com/news/category-19.html" title="进销存管理">进销存管理</a></li><li class="link-item"><a href="https://www.huoban.com/news/category-3.html" title="低代码">低代码</a></li><li class="link-item"><a href="https://www.huoban.com/news/tags-12.html" target="_blank" title="Excel表格">Excel表格</a></li><li class="link-item"><a href="http://www.lvyuanlin.net/" title="海威行">海威行</a></li><li class="link-item"><a href="https://www.finclip.com/news/" title="FinClip">FinClip</a></li></ul></div>
</div> </div>
</div>
</section>
</div>
<footer class="p-footer">
<div class="contant_box">
<div class="discover_tmt">
<h5 class="" style="font-size: 1px; color: white;">伙伴云</h5>
<div class="text_box">
<a href="https://www.jiasou.cn/article/" title="toB数字化营销SEO" style="font-size: 1px; color: white;">加搜toBSEO</a>
<a href="https://www.finclip.com/news/category-1.html" title="小程序工具" style="font-size: 1px; color: white;">前端框架</a>
<a href="https://www.jia-ai.com/info/" title="小红书营销攻略" style="font-size: 1px; color: white;">小红书营销攻略</a>
<a href="https://www.yanyin.tech/cms/" title="生物研究资讯" style="font-size: 1px; color: white;">生物研究资讯</a>
<a href="https://www.finclip.com/news/" title="FinClip 技术文档" style="font-size: 1px; color: white;">小程序容器帮助中心</a>
<a href="https://www.finclip.com/news/article/" title="小程序开发行业洞察" style="font-size: 1px; color: white;">小程序开发行业洞察</a>
<a href="https://www.foneplatform.com/jscms/" title="全面预算管理资讯" style="font-size: 1px; color: white;">全面预算管理资讯</a>
<a href="https://www.weiling.cn/article/" title="企微SCRM客户管理干货" style="font-size: 1px; color: white;">企微SCRM客户管理干货</a>
<a href="https://www.marketup.cn/info/" title="营销管理系统资讯" style="font-size: 1px; color: white;">营销管理系统资讯</a>
<a href="https://www.transfertech.cn/news/" title="制造行业新闻动态" style="font-size: 1px; color: white;">制造行业新闻动态</a>
<a href="https://www.i2cool.com.cn/tideflow/" title="无电制冷行业资讯" style="font-size: 1px; color: #22292D;">无电制冷行业资讯</a>
</div> </div>
<div class="collaboration_box">
</div>
<div class="we_img_box clear">
<div class="img_box">
<img src="https://www.huoban.com/news/zb_users/theme/zblog5_news/image/ewm.png" alt="" class="hover_tmt">
</div>
</div>
</div>
<p class="info"> <a href="https://beian.miit.gov.cn" target="_blank" rel="nofollow">京ICP备12038259号</a>
<span>
<a href="#"></a></span>
</p>
</footer>
<div id="backtop" class="backtop">
<div class="bt-box top">
<i class="fa fa-angle-up fa-2x"></i>
</div>
</div>
<script charset="UTF-8" src="https://www.huoban.com/assets/js/sensorsdata.1.22.2.min.js"></script>
<script charset="UTF-8">
var sensors = window['sensorsDataAnalytic201505'];
sensors.init({
server_url: 'https://saapi.huoban.com/sa?project=production',
heatmap:{scroll_notice_map:'not_collect'},
use_client_time:true,
send_type:'beacon'
});
sensors.quick('autoTrack');
</script>
<script>
var _hmt = _hmt || [];
(function() {
var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?6444c045836d6bf27124085a4f62c2a8";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script>
<script>
(()=>{const e="https://analyze.jiasou.cc/api/v1/page_view/report/",n="9fe06d4884e0461caaa1de5651164d43";let t=null;const o=new Proxy({},{get:(e,n)=>localStorage.getItem(window.btoa(n)),set:(e,n,t)=>!!t&&(localStorage.setItem(window.btoa(n),t),!0)});new Promise((t=>{if(o.fingerprint)t();else{const a=function(){var e={};if(e.userAgent=navigator.userAgent||"",e.plugins=[],navigator.plugins&&navigator.plugins.length>0)for(var n=0;n<navigator.plugins.length;n++){var t={name:navigator.plugins[n].name||"",filename:navigator.plugins[n].filename||"",description:navigator.plugins[n].description||""};e.plugins.push(t)}e.languages=navigator.languages||[navigator.language||""],e.timezone=(new Date).getTimezoneOffset(),e.screenResolution={width:window.screen.width||0,height:window.screen.height||0,pixelDepth:window.screen.pixelDepth||0,colorDepth:window.screen.colorDepth||0};var o=document.createElement("canvas").getContext("2d"),a=[],i=["monospace","sans-serif","serif"];for(n=0;n<i.length;n++){var r=i[n];o.font="12px "+r,o.measureText("abcdefghijklmnopqrstuvwxyz0123456789").width>0&&a.push(r)}return e.fonts=a,e.cookieEnabled=navigator.cookieEnabled||!1,e.localStorage=void 0!==window.localStorage,e.sessionStorage=void 0!==window.sessionStorage,e.doNotTrack="1"===navigator.doNotTrack||"1"===window.doNotTrack||"1"===navigator.msDoNotTrack||"yes"===navigator.doNotTrack,e}();fetch(`${e}u/`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({key:n,f:window.btoa(JSON.stringify(a))})}).then((e=>{console.debug("browser fingerprint sent"),200===e.status&&e.json().then((e=>{console.debug("browser fingerprint received",e),o.fingerprint=e.fp,t()}))}))}})).then((()=>{e&&o.fingerprint&&fetch(e+`?${new URLSearchParams({token:n}).toString()}`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({c:window.btoa(JSON.stringify({u:o.fingerprint,l:window.location.href,r:document.referrer}))})}).then((e=>{200==e.status&&e.json().then((e=>{e.track_id&&(t=e.track_id)}))}))})),window.addEventListener("beforeunload",(async n=>{t&&fetch(e+`?${new URLSearchParams({track_id:t}).toString()}`,{method:"GET",headers:{"Content-Type":"text/plain"},keepalive:!0}),n.returnValue=""}))})();
</script><script language="javascript" src="https://www.huoban.com/news/zb_users/plugin/ZF_ad/js/index.js?id=321"></script>
<script language="javascript" src="https://www.huoban.com/news/zb_users/plugin/ZF_ad/js/ZF_ad__cookie.js"></script>
</body>
</html>
<!--146.82 ms , 17 queries , 3690kb memory , 0 error-->
