Résumé des questions d'entretien initial

Nous avons déjà partagé avec vous des dizaines de questions d'entretien CSS. Dans cet article, nous partagerons avec vous un résumé des questions d'entretien frontales, dans l'espoir de vous aider.

HTML

1. Quels nouveaux contenus ou API ont été ajoutés à HTML5, et lesquels ont été utilisés ?

• Nouveau type de saisie HTML5 :

• type d'e-mail

• type d'url

• le type de numéro fournit la fonction de sélection de nombres, dans lesquels l'attribut min est défini la valeur minimale, l'attribut max définit la valeur maximale, l'attribut value définit la valeur actuelle et l'attribut step définit la valeur pour chaque augmentation.

• type de plage, indiquant le champ de plage qui limite la saisie numérique

• Date et heure tapez :date,mois,semaine,heure,dateheure,dateheure-local

• type de recherche

• type de tel

• type de couleur

• nouvel élément de formulaire HTML5

• datalist spécifie la liste d'options du champ de saisie

• keygen fournit un moyen fiable d'authentifier les utilisateurs

• sortie pour différents types de sortie

• Il y a plus de détails qui ne sont pas répertoriés ici. Veuillez lire ce blog

---

2. Quelle est la différence entre la saisie et la zone de texte ?

• est une zone de texte sur une seule ligne. est une zone de texte multiligne. <span style="font-size: 14px;"></span></p></li></ul> <hr> <p>3. Utiliser un p pour simuler l'implémentation de textarea ? <span style="font-size: 14px;"></span></p> <ul class=" list-paddingleft-2"> <li><p>Nous devons d'abord savoir que p est hautement adaptatif et que la hauteur augmentera à mesure que le contenu augmente. La zone de texte a une taille fixe Si la hauteur dépasse la hauteur spécifiée, une barre de défilement apparaîtra. <span style="font-size: 14px;"></span></p></li> <li><p>p a un attribut appelé contenteditable. Cela peut être réalisé en définissant l'attribut contenteditable sur true. Le contenu de p est modifiable. <span style="font-size: 14px;"></span></p></li> <li><p>Après avoir rendu le contenu modifiable, définissez la hauteur spécifiée en CSS et définissez l'attribut overflow-y sur auto pour réaliser la barre de défilement. <span style="font-size: 14px;"></span></p></li> </ul> <hr> <p>4. Comment les appareils mobiles ignorent-ils la reconnaissance des numéros sur la page en tant que numéros de téléphone ?<span style="font-size: 14px;"></span></p> <ul class=" list-paddingleft-2"> <li><p>Les appareils mobiles reconnaissent souvent une chaîne de chiffres comme un numéro de téléphone. La couleur et le style des numéros changeront. Cliquez pour passer un appel direct. <span style="font-size: 14px;"></span></p></li> <li><p>Ajoutez le code suivant pour désactiver la reconnaissance. <span style="font-size: 14px;"></span></p></li> </ul> <pre class="brush:php;toolbar:false"><span style="font-size: 14px;">   <meta name = "format-detection" content = "telephone=no">  <br></span></pre> <hr> <h2>CSS<span style="font-size: 14px;"></span> </h2> <p>1. Disposition gauche et droite : largeur fixe à gauche, adaptatif à droite, Pas moins de 3 méthodes <span style="font-size: 14px;"></span></p> <ul class=" list-paddingleft-2"> <li><p>Méthode 1 : Régler le module gauche pour qu'il flotte à gauche, et régler la largeur du module droit à 100% <span style="font-size: 14px;"></span></p></li> <li><p>Méthode 2 : Les ensembles de conteneurs parents affichent : flex ; les ensembles de pièces de droite flex : 1. display : flex est défini sur une boîte flexible, et ses sous-éléments peuvent définir la valeur flex pour contrôler la proportion de l'espace qu'elle occupe. <span style="font-size: 14px;"></span></p></li> <li><p>Méthode 3 : Utiliser une marge négative. Réglez les parties gauche et droite pour qu'elles flottent vers la gauche et définissez la largeur sur 100 % pour la partie droite. Définissez la marge gauche de la partie gauche sur moins 100 %. Afin d'éviter que le contenu de la partie droite ne soit recouvert, ajoutez une marge gauche (la largeur de la partie gauche) à la partie droite. <span style="font-size: 14px;"></span></p></li> </ul> <hr> <p>2. Quelles sont les nouvelles fonctionnalités de CSS3 ?<span style="font-size: 14px;"></span></p> <ul class=" list-paddingleft-2"> <li><p>Choisir du périphérique CSS3<span style="font-size: 14px;"></span></p></li> <ul class=" list-paddingleft-2" style="list-style-type: square;"><li><p>E : dernier-enfant / E :nt-enfant(n) / E : nième-dernier-enfant(n) nième du dernier élément <span style="font-size: 14px;"></span></p></li></ul> <li><p>L'attribut @Font-face est utilisé pour charger les styles de police. Il peut charger les polices côté serveur et les afficher au client, même si le client n'installe pas la police <span style="font-size: 14px;"></span></p></li> <li><p>Coins arrondis : bordure-radius<span style="font-size: 14px;"></span></p></li> <li><p>Affichage du mode boîte flexible : flex. etc. Attributs<span style="font-size: 14px;"></span></p></li> </ul> <hr> <p>3.</p> <p><span style="font-size: 14px;">Recommandations associées : </span></p> <p><span style="font-size: 14px;"><a href="http://www.php.cn/js-tutorial-370735.html" target="_self">Partage des dernières questions d'entretien frontales Baidu</a></span></p> <p><a href="http://www.php.cn/div-tutorial-359954.html" target="_self">Front Web -questions d'entretien de fin Piste 8 - Positionnement absolu et positionnement relatif </a></p> <p><a href="http://www.php.cn/div-tutorial-370734.html" target="_self">Partagez quelques exemples de questions d'entretien de début</a></p> <p class="article fmt article__content"><br></p> <p class="comments-box-content"><br></p><p>Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!</p></div><div class="nphpQianMsg"><div class="clear"></div></div><div class="nphpQianSheng"><span>Déclaration：</span><div>Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn</div></div></div><div class="nphpSytBox"><span>Article précédent：<a class="dBlack" title="Résumé des questions d'entretien de base CSS" href="http://m.php.cn/fr/faq/386902.html">Résumé des questions d'entretien de base CSS</a></span><span>Article suivant：<a class="dBlack" title="Résumé des questions d'entretien de base CSS" href="http://m.php.cn/fr/faq/386905.html">Résumé des questions d'entretien de base CSS</a></span></div><div class="nphpSytBox2"><div class="nphpZbktTitle"><h2>Articles Liés</h2><em><a href="http://m.php.cn/fr/article.html" class="bBlack"><i>Voir plus</i><b></b></a></em><div class="clear"></div></div><ul class="nphpXgwzList"><li><b></b><a href="http://m.php.cn/fr/faq/1609.html" title="深入浅析Bootstrap列表组组件" class="aBlack">深入浅析Bootstrap列表组组件</a><div class="clear"></div></li><li><b></b><a href="http://m.php.cn/fr/faq/1640.html" title="JavaScript函数柯里化详解" class="aBlack">JavaScript函数柯里化详解</a><div class="clear"></div></li><li><b></b><a href="http://m.php.cn/fr/faq/1949.html" title="JS密码生成与强度检测完整实例(附demo源码下载)" class="aBlack">JS密码生成与强度检测完整实例(附demo源码下载)</a><div class="clear"></div></li><li><b></b><a href="http://m.php.cn/fr/faq/2248.html" title="Angularjs整合微信UI（weui）" class="aBlack">Angularjs整合微信UI（weui）</a><div class="clear"></div></li><li><b></b><a href="http://m.php.cn/fr/faq/2351.html" title="JavaScript快速切换繁体中文和简体中文的方法及网站支持简繁体切换的绝招_javascript技巧" class="aBlack">JavaScript快速切换繁体中文和简体中文的方法及网站支持简繁体切换的绝招_javascript技巧</a><div class="clear"></div></li></ul></div></div><div class="nphpFoot"><div class="nphpFootBg"><ul class="nphpFootMenu"><li><a href="http://m.php.cn/fr/"><b class="icon1"></b><p>Maison</p></a></li><li><a href="http://m.php.cn/fr/course.html"><b class="icon2"></b><p>Cours</p></a></li><li><a href="http://m.php.cn/fr/wenda.html"><b class="icon4"></b><p>Questions et réponses</p></a></li><li><a href="http://m.php.cn/fr/login"><b class="icon5"></b><p>Mon</p></a></li><div class="clear"></div></ul></div></div><div class="nphpYouBox" style="display: none;"><div class="nphpYouBg"><div class="nphpYouTitle"><span onclick="$('.nphpYouBox').hide()"></span><a href="http://m.php.cn/fr/"></a><div class="clear"></div></div><ul class="nphpYouList"><li><a href="http://m.php.cn/fr/"><b class="icon1"></b><span>Maison</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/fr/course.html"><b class="icon2"></b><span>Cours</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/fr/article.html"><b class="icon3"></b><span>Article</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/fr/wenda.html"><b class="icon4"></b><span>Questions et réponses</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/fr/dic.html"><b class="icon6"></b><span>Dictionnaire</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/fr/course/type/99.html"><b class="icon7"></b><span>Manuel</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/fr/xiazai/"><b class="icon8"></b><span>Télécharger</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/fr/faq/zt" title="Sujet"><b class="icon12"></b><span>Sujet</span><div class="clear"></div></a></li><div class="clear"></div></ul></div></div><div class="nphpDing" style="display: none;"><div class="nphpDinglogo"><a href="http://m.php.cn/fr/"></a></div><div class="nphpNavIn1"><div class="swiper-container nphpNavSwiper1"><div class="swiper-wrapper"><div class="swiper-slide"><a href="http://m.php.cn/fr/" >Maison</a></div><div class="swiper-slide"><a href="http://m.php.cn/fr/article.html" class="hover">Article</a></div><div class="swiper-slide"><a href="http://m.php.cn/fr/wenda.html" >Questions et réponses</a></div><div class="swiper-slide"><a href="http://m.php.cn/fr/course.html" >Cours</a></div><div class="swiper-slide"><a href="http://m.php.cn/fr/faq/zt" >Sujet</a></div><div class="swiper-slide"><a href="http://m.php.cn/fr/xiazai" >Télécharger</a></div><div class="swiper-slide"><a href="http://m.php.cn/fr/game" >Jeu</a></div><div class="swiper-slide"><a href="http://m.php.cn/fr/dic.html" >Dictionnaire</a></div><div class="clear"></div></div></div><div class="langadivs" ><a href="javascript:;" class="bg4 bglanguage"></a><div class="langadiv" ><a onclick="javascript:setlang('zh-cn');" class="language course-right-orders chooselan " href="javascript:;"><span>简体中文</span><span>（ZH-CN）</span></a><a onclick="javascript:setlang('en');" class="language course-right-orders chooselan " href="javascript:;"><span>English</span><span>（EN）</span></a><a onclick="javascript:setlang('zh-tw');" class="language course-right-orders chooselan " href="javascript:;"><span>繁体中文</span><span>（ZH-TW）</span></a><a onclick="javascript:setlang('ja');" class="language course-right-orders chooselan " href="javascript:;"><span>日本語</span><span>（JA）</span></a><a onclick="javascript:setlang('ko');" class="language course-right-orders chooselan " href="javascript:;"><span>한국어</span><span>（KO）</span></a><a onclick="javascript:setlang('ms');" class="language course-right-orders chooselan " href="javascript:;"><span>Melayu</span><span>（MS）</span></a><a onclick="javascript:;" class="language course-right-orders chooselan chooselanguage" href="javascript:;"><span>Français</span><span>（FR）</span></a><a onclick="javascript:setlang('de');" class="language course-right-orders chooselan " href="javascript:;"><span>Deutsch</span><span>（DE）</span></a></div></div><script> var swiper = new Swiper('.nphpNavSwiper1', { slidesPerView : 'auto', observer: true,//修改swiper自己或子元素时，自动初始化swiper observeParents: true,//修改swiper的父元素时，自动初始化swiper }); </script></div></div><!--顶部导航 end--><script>isLogin = 0;</script><script type="text/javascript" src="/static/layui/layui.js"></script><script type="text/javascript" src="/static/js/global.js?4.9.47"></script></div><script src="https://vdse.bdstatic.com//search-video.v1.min.js"></script><link rel='stylesheet' id='_main-css' href='/static/css/viewer.min.css' type='text/css' media='all'/><script type='text/javascript' src='/static/js/viewer.min.js?1'></script><script type='text/javascript' src='/static/js/jquery-viewer.min.js'></script><script>jQuery.fn.wait = function (func, times, interval) { var _times = times || -1, //100次 _interval = interval || 20, //20毫秒每次 _self = this, _selector = this.selector, //选择器 _iIntervalID; //定时器id if( this.length ){ //如果已经获取到了，就直接执行函数 func && func.call(this); } else { _iIntervalID = setInterval(function() { if(!_times) { //是0就退出 clearInterval(_iIntervalID); } _times <= 0 || _times--; //如果是正数就 -- _self = $(_selector); //再次选择 if( _self.length ) { //判断是否取到 func && func.call(_self); clearInterval(_iIntervalID); } }, _interval); } return this; } $("table.syntaxhighlighter").wait(function() { $('table.syntaxhighlighter').append("<p class='cnblogs_code_footer'><span class='cnblogs_code_footer_icon'></span></p>"); }); $(document).on("click", ".cnblogs_code_footer",function(){ $(this).parents('table.syntaxhighlighter').css('display','inline-table');$(this).hide(); }); $('.nphpQianCont').viewer({navbar:true,title:false,toolbar:false,movable:false,viewed:function(){$('img').click(function(){$('.viewer-close').trigger('click');});}}); </script></body></html>