Quelle est la différence entre xhtml et html ?

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; ic4d29ea8ac84db43195202eda845838b@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 : 8e99a69fbe029cd4e2b854e244eab143 sera stressé, tandis que a4b561c25d9afb9ac8dc4d70affff419 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

1e4051dd2e90365d9e63c96fd92ad94a indice = 0bed06894275b65c1ab86501b08a632eb

  25edfb22a4f469ecb59f1190150159c6

  25edfb22a4f469ecb59f1190150159c6 index = 2bed06894275b65c1ab86501b08a632eb

li>

860b1ef22cbc99ffe04f28b280a5b97b

var nodes = document.getElementsByTagName("li");

for(i = 0;icf16f9e70ac6a406c5082b08ae4b31ca

25, Qu'est-ce que l'Ajax ? Comment créer un Ajax ?

ajax signifie  : Javascript et XML asynchrones, signifie asynchrone JavaScript et xml, est également appelé technologie page brushless . L'asynchrone ici peut être simplement compris comme  : lors de l'envoi d'une requête au serveur, nous n'avons pas à attendre le résultat, mais pouvons faire autre chose en même temps. le résultat est disponible, il sera automatiquement configuré pour effectuer les opérations ultérieures. Dans le même temps, la page ne rafraîchira pas la page entière, ce qui améliore l'expérience utilisateur.

Comment créer un Ajax ?

(1)Créer un objet XMLHttpRequest , également Créez simplement un objet d'appel asynchrone

(2)Créez une nouvelle HTTPrequête , et spécifiez la méthode de requête HTTP, l'URL et les informations de vérification

(3)Définir la réponseHTTPFonction pour demander un changement de statut

(4 )EnvoyerHTTP requête

(5)Récupérer les données renvoyées par l'appel asynchrone

(6)Utilisez JavaScript et DOM pour obtenir une actualiser

26. NativeJSwindow.onload Quelle est la différence entre les $(document).ready(function(){}) de Jquery ? Comment implémenter la méthode ready de Jq en utilisant le JS natif ? La méthode

window.onload() doit attendre que tous les éléments de la page, y compris les images, soient chargés avant de pouvoir être exécuté.

$(document).ready() est exécuté après que la structure DOM soit dessinée, sans attendre chargement terminé.

27.(Question de conception) Vous souhaitez implémenter un glisser sur un certain nœud de la page ? Comment faire ? (Utilisez du JS natif)

Répondez simplement au concept. Voici quelques points clés

Lier mousedown, mousemove, mouseupévénements

mousedown au nœud qui doit être glissé Une fois l'événement déclenché, commencez à faire glisserLorsque

mousemove, vous devez obtenir la position de glisser via event.clientX et clientY, et obtenez-le en temps réel Lors de la mise à jour de la position

mouseup, le glisser se termine

28, postuler, appeler et lier ?

Tous les trois Vous pouvez appliquer une fonction à d'autres objets, pas au propre objet. apply, call consiste à exécuter directement l'appel de fonction, bind consiste à lier et l'exécution doit être rappelée. La différence entre

postuler et appeler est postuler accepte un tableau comme paramètre, tandis que call accepte un nombre illimité de listes de paramètres séparées par des virgules,

Démo de code

   function Person() {
    }
    Person.prototype.sayName() { alert(this.name); }
    var obj = {name: 'michaelqin'}; // 注意这是一个普通对象，它不是Person的实例
    1) apply
    Person.prototype.sayName.apply(obj, [param1, param2, param3]);
    2) call
    Person.prototype.sayName.call(obj, param1, param2, param3);
    3) bind
    var sn = Person.prototype.sayName.bind(obj);    
    sn([param1, param2, param3]); // bind需要先绑定，再执行 
   sn(param1, param2, param3); // bind需要先绑定，再执行

29 Quels sont les inconvénients de et de iframe ?

*iframe bloquera l'événement Onload de la page principale

*

Le programme de récupération des moteurs de recherche ne peut pas interpréter ce genre de page, ce qui n'est pas propice au SEO;

*iframe

partage le pool de connexions avec la page principale, et le navigateur a des restrictions sur les connexions dans le même domaine, cela affectera donc le chargement parallèle de la page.

Vous devez prendre en compte ces deux inconvénients avant d'utiliser iframe. Si vous devez utiliser iframe, il est préférable d'utiliser javascript

dynamiquement >iframeAjoutez une valeur d'attribut src, qui peut contourner les deux problèmes ci-dessus.

30. Comment résoudre le problème inter-domaines ajax. ? jsonp

,

iframe, window.name, window.postMessage, définissez la page proxy sur le serveur

votre propre approche

 : jQuery

Utilisation de

ajax$.ajax({

dataType:'jsonp'

})

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!