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="https://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="https://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="https://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="https://m.php.cn/fr/faq/1609.html" title="Une analyse approfondie du composant de groupe de liste Bootstrap" class="aBlack">Une analyse approfondie du composant de groupe de liste Bootstrap</a><div class="clear"></div></li><li><b></b><a href="https://m.php.cn/fr/faq/1640.html" title="Explication détaillée du currying de la fonction JavaScript" class="aBlack">Explication détaillée du currying de la fonction JavaScript</a><div class="clear"></div></li><li><b></b><a href="https://m.php.cn/fr/faq/1949.html" title="Exemple complet de génération de mot de passe JS et de détection de force (avec téléchargement du code source de démonstration)" class="aBlack">Exemple complet de génération de mot de passe JS et de détection de force (avec téléchargement du code source de démonstration)</a><div class="clear"></div></li><li><b></b><a href="https://m.php.cn/fr/faq/2248.html" title="Angularjs intègre l'interface utilisateur WeChat (weui)" class="aBlack">Angularjs intègre l'interface utilisateur WeChat (weui)</a><div class="clear"></div></li><li><b></b><a href="https://m.php.cn/fr/faq/2351.html" title="Comment basculer rapidement entre le chinois traditionnel et le chinois simplifié avec JavaScript et l'astuce permettant aux sites Web de prendre en charge le basculement entre les compétences en chinois simplifié et traditionnel_javascript" class="aBlack">Comment basculer rapidement entre le chinois traditionnel et le chinois simplifié avec JavaScript et l'astuce permettant aux sites Web de prendre en charge le basculement entre les compétences en chinois simplifié et traditionnel_javascript</a><div class="clear"></div></li></ul></div></div><footer><div class="footer"><div class="footertop"><img src="/static/imghwm/logo.png" alt=""><p>Formation PHP en ligne sur le bien-être public，Aidez les apprenants PHP à grandir rapidement！</p></div><div class="footermid"><a href="https://m.php.cn/fr/about/us.html">À propos de nous</a><a href="https://m.php.cn/fr/about/disclaimer.html">Clause de non-responsabilité</a><a href="https://m.php.cn/fr/update/article_0_1.html">Sitemap</a></div><div class="footerbottom"><p> © php.cn All rights reserved </p></div></div></footer><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>