一.先言：
二.题目（答案在最后）：
1.问一份标准的HTML文档有哪几个必须的HTML标签？【多选】
A. B.
C.
D. <body></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>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>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></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/12553.html">《Java多线程编程核心技术（第2版）》 —1.11.2 判断线程是否为停止状态</a>
</div>
<div class="post-next fr">
<span>下一篇:</span><a href="https://www.huoban.com/news/post/12555.html">vue项目对接钉钉企业内部H5微应用</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="【每日一题】备战冲击蓝桥杯国赛——Python程序设计 | Day03 | 跑步锻炼 | 真题代码解析">【每日一题】备战冲击蓝桥杯国赛——Python程序设计 | Day03 | 跑步锻炼 | 真题代码解析</a></h3>
<div class="meta">
<span><i class="fa fa-eye"></i>525</span>
<span><i class="fa fa-clock-o"></i>2022-05-30</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>525</span>
<span><i class="fa fa-clock-o"></i>2022-05-30</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>525</span>
<span><i class="fa fa-clock-o"></i>2022-05-30</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="云呼叫中心系统搭建的关键步骤与最佳实践探讨" href="https://www.huoban.com/news/post/157339.html">云呼叫中心系统搭建的关键步骤与最佳实践探讨</a></li>
<li><a title="呼叫中心客服系统搭建的关键要素与优化策略探讨" href="https://www.huoban.com/news/post/157338.html">呼叫中心客服系统搭建的关键要素与优化策略探讨</a></li>
<li><a title="进销存管理如何推动企业在竞争中脱颖而出" href="https://www.huoban.com/news/post/157337.html">进销存管理如何推动企业在竞争中脱颖而出</a></li>
<li><a title="在线excel表格助力企业高效管理与数据分析的未来趋势" href="https://www.huoban.com/news/post/157336.html">在线excel表格助力企业高效管理与数据分析的未来趋势</a></li>
<li><a title="搭建邮箱系统的意义与方法解析，提升效率与安全性" href="https://www.huoban.com/news/post/157335.html">搭建邮箱系统的意义与方法解析，提升效率与安全性</a></li>
<li><a title="在线教育平台系统搭建的关键要素与未来发展前景探讨" href="https://www.huoban.com/news/post/157334.html">在线教育平台系统搭建的关键要素与未来发展前景探讨</a></li>
<li><a title="搭建电话系统的关键要素与现代科技的完美结合" href="https://www.huoban.com/news/post/157333.html">搭建电话系统的关键要素与现代科技的完美结合</a></li>
<li><a title="支付系统开发搭建的挑战与AI技术的应用探索" href="https://www.huoban.com/news/post/157332.html">支付系统开发搭建的挑战与AI技术的应用探索</a></li>
<li><a title="零代码项目管理如何在企业转型中发挥关键作用" href="https://www.huoban.com/news/post/157331.html">零代码项目管理如何在企业转型中发挥关键作用</a></li>
<li><a title="企业邮件系统搭建的关键要素与效率提升策略探讨" href="https://www.huoban.com/news/post/157330.html">企业邮件系统搭建的关键要素与效率提升策略探讨</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="零代码开发是什么？2022低代码平台排行榜">零代码开发是什么？2022低代码平台排行榜</a></h4></li><li><h4><a href="https://www.huoban.com/news/post/131019.html" title="智能进销存库存管理系统（智慧进销存）">智能进销存库存管理系统（智慧进销存）</a></h4></li><li><h4><a href="https://www.huoban.com/news/post/73907.html" title="在线文档哪家强？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/55539.html" title="连锁餐饮管理系统的功能有哪些？餐饮服务系统的构成及工作程序">连锁餐饮管理系统的功能有哪些？餐饮服务系统的构成及工</a></h4></li><li><h4><a href="https://www.huoban.com/news/post/152072.html" title="家居定制平台是什么？">家居定制平台是什么？</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></ul></div>
</div> </div>
</div>
</section>
</div>
<footer class="p-footer">
<div class="contant_box">
<div class="discover_tmt">
<h5 class="">伙伴云</h5>
<div class="text_box">
<a href="https://jiasou.cn/" title="2B数字化营销SEO">加搜toBSEO</a>
<a href="https://www.eulee.cn/article/" title="三维数据引擎">产业元宇宙资讯</a>
<a href="https://www.weiling.cn/info/" title="客户营销管理资讯中心">卫瓴CRM资讯</a>
<a href="https://www.zkj.com/news/" title="外呼系统新闻资讯中心">外呼系统资讯</a>
<a href="https://www.finclip.com/news/category-1.html" title="小程序工具">前端框架</a>
<a href="https://www.jia-ai.com/info/" title="小红书营销攻略">小红书营销攻略</a>
<a href="http://www.weihusm.com/" title="阿伟常识网">阿伟常识网</a>
<a href="http://www.ruishiqiba.com/" title="懂球帝旅游网">懂球帝旅游网</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=117"></script>
<script language="javascript" src="https://www.huoban.com/news/zb_users/plugin/ZF_ad/js/ZF_ad__cookie.js"></script>
</body>
</html>
<!--182.64 ms , 17 queries , 3667kb memory , 0 error-->
