html5 - J'ai rencontré un problème de mise en cache des données lors de l'entretien frontal. Je suis venu sur le forum pour demander conseil.

Question

Lors de l'entretien d'aujourd'hui, l'intervieweur m'a demandé si une page appelait une interface en arrière-plan pour obtenir un tableau composé de 100 objets. Dix de ces objets sont utilisés pour générer certains composants pour une page. Le numéro de page peut être commuté et affiché si l'utilisateur clique sur un élément pour afficher des informations détaillées, puis revient à l'emplacement du répertoire, ou actualise la page dans l'emplacement du répertoire. , quelle technologie utiliser ? Réduire le nombre d’appels vers l’interface en arrière-plan. On peut considérer que cet ensemble de données est généré par un filtrage conditionnel similaire. Rafraîchir ou renvoyer les données obtenues lorsque les conditions restent inchangées sont les mêmes. Merci de me donner quelques conseils

.

Answer 1

Je ne comprends pas très bien ce que vous voulez dire. Voulez-vous créer de fausses pages ?

Answer 2

• C'est-à-dire que le front-end configure les paramètres de requête et le back-end renvoie les données correspondantes en fonction des paramètres de requête

• Il vous suffit de sauvegarder localement les paramètres de requête et les données interrogées

• Avant chaque requête, vérifiez si les paramètres de la requête sont cohérents avec ceux enregistrés localement

  • Si les paramètres de requête sont les mêmes, utilisez des données locales

  • Si les paramètres de requête sont incohérents, veuillez demander à nouveau

• Si vous avez besoin d'une optimisation plus approfondie, vous devez diviser l'interface.

Answer 3

Paging front-end (c'est une fausse pagination

// 100 条数据的原数组
const dataArr

// 页面偏移量及每页尺寸
let offset, size
// 最终显示在页面的数据
let displayArr = dataArr.slice(offset, offset + size)