Auteur | Zhao Gongzhuo

1 EDITORIAL

lettre Micro lecture, lire des livres et moteur de rendu est responsable de l'analyse du contenu de chaque page, l'application entière est le plus important module, les utilisateurs utilisent également le plus, les produits d'interaction plus fréquente un module.

lecture-canal Micro a été libéré, de la plupart des livres de texte brut TXT support de base, itération rapide, puis à travers les supports EPUB livres de format, lisez l'ensemble de la fonction du moteur de processus a été rapide expansion, associée à l'essai rapide avant-projet et d'erreurs, les contraintes de calendrier et d'autres raisons , l'accumulation progressive de Caton a commencé à mettre en évidence le problème, le problème de l'analyse statistique par les commentaires des utilisateurs, les plaintes ont représenté Caton feuilles mobiles lors de la lecture jusqu'à 51%, beaucoup plus que d'autres problèmes. Pour améliorer l'expérience utilisateur et la réputation de la lecture, il faut résoudre le problème de l'optimisation des Caton.

2 Comment tester la reproductibilité et de positionnement

Le regard de ce qui est à Let Caton, et quelles sont les causes?

Nous savons que la plupart des taux de rafraîchissement de l'écran du téléphone est 60hz, s'il n'y a aucun moyen dans les 1000/60 = 16.67ms pour effectuer une tâche est terminée, larguée phénomène se produit cadres. Les cadres plus baissé, la situation Caton plus grave vécue par l'utilisateur.

Et un cycle de tirage au sort, à savoir chaque rafraîchissement de l'image est requise par la CPU et de traitement GPU deux processus, la CPU est responsable du traitement de fonctionnement du programme logique interne comprend le calcul de mesure, mise en page, Enregistrer, Exécuter, le GPU est principalement responsable de rendu graphique travail. Afficher les images, la nécessité de passer par le calcul de la CPU est chargé en mémoire, puis transmis au GPU de rendu. Une fois que le GPU ou CPU au travail plus que le temps prescrit, il y aura phénomène Caton.

Vous pouvez le voir sur le graphique, la première fois dans le cadre de traitement du processeur est raisonnable, mais en raison du temps GPU processus est trop long, ce qui rend impossible d'achever le rendu du cadre B dans la première image de 16.6ms, l'écran uniquement un cadre photo pour maintenir, à ce moment si l'animation est en cours d'exécution, de sorte que l'écran de la carte de la situation apparaît.

De même, lorsque le troisième cadre, image B a Ready, est affiché à l'écran, l'écran Une nouvelle mise à jour, le traitement prend beaucoup de temps depuis l'apparition de la CPU, ce qui rend impossible d'achever le rendu de l'écran A dans les 16.6ms le quatrième cadre ne peut rester une image B, et il y avait un Caton, jusqu'à ce que le cinquième cadre, un écran est capable d'afficher.

Comprendre les causes fondamentales de Caton produites après, Lisons conjointement avec le flux de logique métier, où l'analyse peut conduire à Caton lieu:

Cliquez sur un livre pour compléter la présentation du contenu de votre bibliothèque, passer par les étapes suivantes de la logique de flux de processus:

1, choisissez des livres ouverts.

2, détermine les chapitres de livres actuels livre ouvert existe et n'existe pas encore téléchargé localement la section (un paquet zip), également en unités de téléchargement de contenu ultérieures des chapitres et des livres Décompressez le fichier source (html, css).

3, établir la relation entre les fichiers, les fichiers sources pour le style split série de livres, extraction de texte, des styles de texte et de relations, le cryptage, génère TextStream, Stylelist et RangeTree trois types de fichiers au cours:

TextStream est extrait du texte du html, pour les informations de copyright dans le fichier sera crypté

Stylelist est divisé à partir de l'ensemble de html et de style css

RangeTree intervalle est stocké et stylelist modèle de fichier de texte mis en relation TextStream correspondant, par exemple:

Lire le texte de TextStream WeReadRocks!

Dans la requête stylelist et résolu pour obtenir l'ensemble de motif correspondant au texte

Par RangeTree trouver et indexer l'intervalle de collecte de style de texte (parties intéressées peuvent consulter https://medium.com/weread/android-typesetting-engine-index-design-e1581d3085ea)

Par un indice intervalle correspondant au style de texte au style rempli, comme indiqué dans la section texte rouge est un bloc de style correspondant à