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 affiché si l'utilisateur clique sur un élément pour afficher des informations détaillées, puis revient à l'emplacement du répertoire.

淡淡烟草味 · Answer

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

伊谢尔伦 · Answer

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

Paging front-end (c'est une fausse pagination

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

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