1. Quelle est la différence entre xhtml et html Un langage de conception Web WEB
de base ? , XHTML est basé sur XML La principale différence entre les langages de balisage :
XHTML
les éléments doivent être correctement imbriqués.
L'élément XHTML doit être fermé.
Les noms de tags doivent être en lettres minuscules.
href pointe vers l'emplacement de la ressource réseau, établit un lien vers l'élément actuel (ancre) ou le document actuel (lien), et est utilisé pour les hyperliens. src pointe vers l'emplacement des ressources externes. Le contenu pointé sera intégré dans le document à l'emplacement de la balise actuelle lors de la demande de la ressource src, la ressource pointée sera ; téléchargés et appliqués au document à l'intérieur, tels que des scripts js, des images img, des cadres et d'autres éléments. Lorsque le navigateur analyse cet élément, il suspend le téléchargement et le traitement des autres ressources jusqu'à ce que la ressource soit chargée, compilée et exécutée. Il en va de même pour les éléments tels que les images et les cadres, ce qui revient à intégrer la ressource pointée dans le fichier. balise actuelle. C'est aussi pourquoi le script js est placé en bas au lieu de la tête.
3. Quels sont les éléments en ligne ? Quels sont les éléments au niveau du bloc ?
Éléments en ligne :
a, b, span, img, input, strong, select, label, em, button, textarea
Niveau bloc éléments : div, ul, li, dl, dt, dd, p, h1-h6, blockquote
Élément vide : c'est un élément HTML sans contenu, par exemple : br, méta, hr, lien, entrée, img
4 action
dans le formulaire.
Attributs et méthode Quelle est la signification de l'attribut
? méthodeQuelles sont les valeurs couramment utilisées ? L'attribut action est utilisé pour spécifier l'adresse du programme en arrière-plan du formulaire soumission du formulaire ; L'attribut method est utilisé pour spécifier la méthode de soumission du formulaire
form
. Les valeurs communes pour la méthode sont : get et post
5. Quels sont les nouveaux attributs des éléments de formulaire ? obligatoire：
Éléments obligatoires
espace réservé :
Message d'invite
, disparaîtra lorsque vous cliquez sur saisir contenu
pattern :Expression régulière de vérificationantofocus : Gagner automatiquement le focus
aotucomplete :Saisie automatique
6. Quelles sont les méthodes pour soumettre les données au serveur désigné ?
Formulaire Ajax
URL ?Paramètres
$HTTP d'AngularJS
JQ Ajax : $.POST(,,) $.GET(,,) $.Ajax({})
JS Ajax : 5 étapes. (Reportez-vous à la question 25)
7. Écrivez une fonction pour effacer les espaces avant et après la chaîne. (Compatible avec tous les navigateurs)
fonction trim(str) {
if ( str && typeof str === "string") {
return str.replace(/(^s*)|(s*)$/g, ""); //Supprimer les espaces de début et de fin
}
}
8. Comment éliminer les éléments en double dans un tableau ?
var arr1 =[1,2,2,2,3,3,3,4,5,6],
var arr2 = [ ] ;
pour(var i = 0; i< arr1.length; i++){
if(arr2.indexOf(arr1[i]) < 0){
arr2.push(arr1[i]);
}
}
document .write(arr2); // 1,2,3,4,5,6
9. Veuillez décrire la différence entre les cookies, sessionStorage et localStorage.
sessionStorage est utilisé pour stocker localement les données dans une session. Ces données ne sont accessibles que par les pages de la même session et les données seront détruites à la fin de la session. Par conséquent, sessionStorage n'est pas un stockage local persistant, mais uniquement un stockage au niveau de la session. LocalStorage est utilisé pour le stockage local persistant, à moins que les données ne soient activement supprimées, les données n'expireront jamais.
La différence entre le stockage Web et les cookies
Le concept de stockage Web est similaire à celui des cookies, mais la différence est qu'il est conçu pour un stockage de plus grande capacité. La taille du cookie est limitée et le cookie sera envoyé chaque fois que vous demanderez une nouvelle page, ce qui gaspillera de la bande passante. De plus, le cookie doit spécifier une portée et ne peut pas être appelé sur plusieurs domaines.
De plus, Web Storage a setItem, getItem, removeItem, clear et d'autres méthodes. Contrairement aux cookies, les développeurs front-end doivent encapsuler eux-mêmes setCookie et getCookie. Mais les cookies sont également indispensables : les cookies sont utilisés pour interagir avec le serveur et existent dans le cadre de la spécification HTTP, tandis que le stockage Web n'est créé que pour « stocker » les données localement.
10 Quelle est la différence entre , cookie et session ?
Cookie enregistré localement sur le client
<; 🎜>
La session est enregistrée côté serveur
Contact : session id Existe dans cookie.
11. Lors de l'importation de styles dans la page, quelle est la différence entre l'utilisation de link et de @import ?
1).link appartient à XHTML tag, et @import est fourni par CSS
<🎜 ; > 2) Lorsque la page est chargée, le lien sera chargé simultanément, et le @ Le CSS référencé par import attendra que la page soit chargée avant de se charger
<🎜 ; >3
).import ne peut être reconnu que par IE5 ou supérieur, tandis que lien est une balise XHTML, aucun problème de compatibilité;
4
).link Le poids du style>@importLe poids du style
12. Décrivez brièvement le positionnement Position :
Relatif :
Positionnement relatif. Par rapport à son positionnement d'origine, l'espace DOM d'origine sera conservé
Absolu
: Positionnement absolu. Le positionnement par rapport au premier élément ancêtre qui n'est pas statique supprimera l'espace DOM d'origine Corrigé
: Correction de la fenêtre de localisation pour le positionnement ;
supprimera l'espace DOM Statique
:
Valeur par défaut. Sans positionnement, l'élément apparaît dans un flux normal (en ignorant les déclarations top, bottom, left, right z-index ). Hériter
:
spécifie que la valeur de l'attribut position est héritée de l'élément parent.
13. Quelles sont les valeurs de affichage ? Expliquez leur rôle. bloc
Affiché comme un élément de type bloc.
aucun
Valeur par défaut. Affiché comme un type d'élément en ligne.
inline-block
est affiché comme un élément en ligne, mais son contenu est affiché comme un élément de type bloc.
list-item
S'affiche comme un élément de type bloc et ajoute un balisage de liste de styles.
table Cet élément sera affiché sous forme de table au niveau du bloc
hériter précise qu'il doit être hérité de l'élément parent La valeur de l'attribut d'affichage
14, Comment convertir un tableau dans jquery Convertir en json chaîne puis le reconvertir ?
$.parseJSON
$.fn.stringify = function() {
return JSON.stringify(this);
}
Utilisez :$(array).stringify();
15. Comprenez-vous JSON ?
JSON (JavaScript Object Notation) est un format d'échange de données léger.
Il est basé sur un sous-ensemble de JavaScript. Le format des données est simple, facile à lire et à écrire, occupe une petite bande passante
Par exemple : {"age":"12", "name":"back"}
La chaîne JSON est convertie en JSONObjet:
var obj =eval('('+ str +')' );
var obj = str.parseJSON();
var obj = JSON.parse(str);
JSON est converti en chaîne JSON :
var last=obj. toJSONString();
var last=JSON.stringify(obj);
Qu'est-ce que le design réactif ? ? Quels sont les principes de base du responsive design ?
En fonction de la taille de l'écran, de la résolution, de l'orientation, etc. des différents appareils, le site Web unifié s'affiche avec différents effets.
Le mobile d'abord. Vous pouvez utiliser JS pour accéder à différents sites mobiles et sites PC, et vous pouvez utiliser MediaQuery pour détecter les propriétés de différents appareils en affichant différents CSS, divers frameworks front-end réactifs peuvent être utilisés.
Avantages : Bonne expérience utilisateur, notamment sur les téléphones mobiles.
Inconvénients : Contient beaucoup de code redondant, coût de développement élevé ( mais bien inférieur au développement d'un site mobile +PC site Mode)
17.visibilité : caché et affichage : aucun ? Utiliser affichage : aucunAprès le masquage, l'espace de l'élément est libéré et d'autres éléments peuvent occuper l'espace
Utiliser la visibilité : caché est simplement invisible, mais l'espace de l'élément reste occupe, sinon l'élément ne peut pas être utilisé.
18. Liste des méthodes courantes liées aux tableaux
push/pop , shift/unshift, split/join, slice/splice/concat, sort/reverse, map/reduce, forEach, filter
19, liste de chaînes liées à Common méthodes de
indexOf/lastIndexOf/charAt, split/match/test, slice/substring/substr, toLowerCase/toUpperCase
20, Quels sont les noyaux courants des navigateurs ?
Trident Noyau : IE,MaxThon,TT,The World,360,Navigateur Sogou attendez . [ alias MSHTML]
Gecko Noyau : Netscape6 et supérieur, FireFox(Firefox), MozillaSuite/SeaMonkey, etc.
Presto Noyau : Opera7 et supérieur. [Le noyau Opera était à l'origine : Presto, maintenant : Blink;]
Webkit Noyau : Safari (le navigateur d'Apple) , Chrome (Google) Attendez . [Chrome : Blink (une branche de WebKit) ]
21. La différence entre titre et h1, bLa différence entre > et fort, la différence entre i et em?
L'attribut title n'a pas de signification claire et ne représente qu'un titre H1 représente un titre clair. -titre de niveau , a également un grand impact sur la capture des informations de la page
fort est de marquer le contenu clé et a le sens de renforcer le ton quand. utiliser un appareil de lecture pour lire Internet : sera stressé, tandis que montrera l'emphase.
i le contenu est affiché en italique, em indique le texte souligné 22, À quoi sert le code de vérification de la page Web et quels problèmes de sécurité doit-il résoudre.
Un programme public entièrement automatique qui distingue si l'utilisateur est un ordinateur ou un humain. Il peut empêcher le piratage malveillant des mots de passe, la fraude aux tickets et l'inondation des forums
Empêcher efficacement les pirates d'effectuer des tentatives de connexion continues sur un utilisateur enregistré spécifique à l'aide d'un programme spécifique ; à la force brute.
23. Que comprenez-vous du poste d'ingénieur front-end ?
a. Le front-end est le programmeur le plus proche de l'utilisateur La capacité du front-end est de faire évoluer le produit de 90 points à 100 points, voire mieux
b. Participer rapidement au projet Réalisation de rendus de haute qualité, précis à 1px;
c. Communication avec les membres de l'équipe, la conception de l'interface utilisateur, les chefs de produits;
d . Bonne structure de page, reconstruction de page et expérience utilisateur ;
e. Gérer les hacks, être compatible et écrire de beaux formats de code ;
f. Optimisez le serveur et adoptez la dernière technologie front-end.
24, Qu'est-ce que la fermeture(fermeture),Pourquoi devrions-nous l'utiliser ? ?
Une fermeture est une fonction qui a accès à une variable dans la portée d'une autre fonction. La manière la plus courante de créer une fermeture est dans un. fonction Créez une autre fonction dans la fonction et accédez aux variables locales de cette fonction via une autre fonction , À l'aide de fermetures, vous pouvez percer la portée de la portée et transmettre les variables et les méthodes à l'intérieur. fonction vers l’extérieur. Les fermetures peuvent être simplement comprises comme des « fonctions définies à l'intérieur d'une fonction »
Caractéristiques des fermetures :
1.Imbriquer les fonctions dans les fonctions
2.Les fonctions internes peuvent référencer des paramètres et des variables externes
3.Les paramètres et variables ne seront pas recyclés par le mécanisme de récupération de place
//liNodeonclick les événements peuvent correctement faire apparaître le liindex
indice = 0
index = 2
li>
Tutoriels populaires
Plus>
Recommandations populaires
Derniers téléchargements
Plus>
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
