08/08/2020 support html https + position css absolue et flottante + réalisation JS de saut anormal + outil de compression d'image de compétences générales

08/08/2020 Source du sujet: http://www.h-camel.com/index.html

[html] Quelles fonctionnalités de H5 nécessitent la prise en charge de https?

Le navigateur Chrome 56 sorti en janvier 2017 a commencé à marquer les pages HTTP qui collectent des mots de passe ou des données de carte de crédit comme non sécurisées. Les pages HTTP contenant des données d'entrée et toutes les pages HTTP parcourues en mode privé seront marquées comme non sécurisées.

HTTP 与 HTTPS

HTTP est un protocole de transfert hypertexte, basé sur la requête et la réponse, un protocole de couche application sans état, souvent basé sur le protocole TCP / IP pour transférer des données. Multiplexage proposé par HTTP / 2: plusieurs messages de réponse de requête sont initiés via une seule requête HTTP / 2 pour réaliser un parallélisme multiple au lieu d'établir plusieurs connexions TCP.

HTTPS est un protocole de transmission pour une communication sécurisée via un réseau informatique. Il communique via HTTP et utilise SSL / TLS (TLS est un protocole de cryptage de la couche de transport, anciennement le protocole SSL) pour établir un canal et crypter les paquets de données. L'objectif principal de HTTPS est de fournir une authentification d'identité au serveur du site Web, tout en protégeant la confidentialité et l'intégrité des données échangées.

Caractéristiques de HTTPS: cryptage du contenu; vérification d'identité; protection de l'intégrité des données.

[css] Veuillez me dire quelle est la différence entre position: absolue et float?

Le processus de disposition des éléments est un arrangement de flux de gauche à droite et de haut en bas. Eléments hors du flot de documents: ils n'ont pas de hauteur réelle, ce sont tous des éléments de niveau bloc.

 .firstdiv{
    background-color:rgba(125,125,235,0.4);
    height:200px;
    width: 200px;
  }
  .seconddiv{
    background-color: #faf;
    height:300px;
    width: 300px;
    border:1px solid red;
  }
  <div class="firstdiv">
     这是第一个DIV
  </div>
  <div class="seconddiv">
     这是第二个DIV
  </div>

1. position: absolue; sera complètement hors du flux de texte. Le positionnement est basé sur le premier élément parent positionné non statique, et généralement le positionnement parent sera défini sur relatif. Dans l'exemple ci-dessus, si firstdiv est défini sur absolu, les deux div se chevaucheront.

2. Float, similaire à l'effet d'habillage de texte en impression, l'élément flottant fait toujours partie du flux de documents, on peut dire que float est une sorte de pseudo détachement, les autres boîtes ignoreront cet élément, mais le texte des autres boîtes sera toujours cet élément Abandonnez votre position et entourez-vous.

 

Vous pouvez vous référer à l'article: https://blog.csdn.net/qq_21184771/article/details/56049662

 

[js] Utilisez js pour obtenir un saut anormal

Séquence de Fibonacci

https://blog.csdn.net/zdhui_fly/article/details/81114687

[Soft Skill] Comment compressez-vous les images? Quels outils sont utilisés?

Scénario: lorsqu'un utilisateur télécharge une image, n'importe laquelle peut être aussi grande que quelques mégaoctets, puis la taille et la qualité de l'image seront traitées par la zone dorsale, ce qui affecte non seulement l'efficacité de la transmission, mais entraîne également une pression inutile sur le serveur. Par conséquent, il est très nécessaire de démarrer la compression d'image à partir du frontal.

Voici un framework weui framework https://github.com/Tencent/weui

Utilisation réelle https://zhuanlan.zhihu.com/p/27823933

Je suppose que tu aimes

Origine blog.csdn.net/vampire10086/article/details/108441479
conseillé
Classement