Vue: संभावित स्मृति रिसाव जब विकास मोड में v- के लिए

को निर्मित 17 जुल॰ 2018 · 3टिप्पणियाँ · स्रोत: vuejs/vue

संस्करण

2.5.16

प्रजनन लिंक

https://codepen.io/anon/pen/KBMaOY

प्रजनन के चरण

कोडपेन खोलें https://codepen.io/anon/pen/gjMgzG
0 आइटम सूचीबद्ध करने के लिए दो बार क्लिक करें, फिर 1000
देखें याददाश्त बढ़ती जा रही है
इसे मापने से पहले फोर्स जीसी (कचरा आइकन) का प्रयास करें
क्रोम "मेमोरी" टैब में हीप स्नैपशॉट लें
चोम कार्य प्रबंधक में स्मृति उपयोग देखें (शिफ्ट एएससी)
OS कार्य प्रबंधक में स्मृति उपयोग देखें

क्या अपेक्षित है?

कचरा संग्रहकर्ता के बाद वही स्मृति उपयोग

वास्तव में क्या हो रहा है?

"प्रदर्शन" टैब समान मेमोरी उपयोग को प्रदर्शित करने के बावजूद, "मेमोरी" हीप स्नैपशॉट मेमोरी वृद्धि को प्रदर्शित करता है।
साथ ही, क्रोम और ओएस दोनों कार्य प्रबंधक केवल स्मृति को बढ़ाते हुए दिखाते हैं।

यह तब और खराब हो जाता है जब:

Vuei18n का उपयोग करना (अनुवाद किए बिना भी)
बड़े बच्चों के घटक होना

पर परीक्षण किया गया:

विंडोज 7 64 बिट्स
क्रोम 67.0.0.3396.99 64 बिट

कृपया, उस पर विचार करें:

मैं शायद कुछ गलत कर रहा हूँ
यह एक क्रोम मुद्दा हो सकता है
यह एक OS समस्या हो सकती है

improvement

स्रोत

peluprvi

👍2

सबसे उपयोगी टिप्पणी

मेरे पास एक ही मुद्दा है, इसके बारे में कोई अग्रिम?

Rikhart 23 अक्तू॰ 2018

👍2

सभी 3 टिप्पणियाँ

ऐसा लगता है कि केवल गैर-उत्पादन मोड में रिसाव हुआ है। आपको प्रोडक्शन में अच्छा होना चाहिए

posva 17 जुल॰ 2018

@posva वापसी के लिए धन्यवाद।

मैंने vue-i18n पर भी एक मुद्दा बनाया, क्योंकि इसका उपयोग करते समय मेमोरी का उपयोग बहुत भारी हो जाता है।
मैं वू-वर्चुअल-स्क्रोलर का भी उपयोग कर रहा हूं, जो पेज को पेजिनेट या स्क्रॉल करते समय घटकों के लिए बहुत कुछ नष्ट और बनाते हैं।

मुझे नहीं पता कि ये कितने संबंधित हो सकते हैं, लेकिन कुछ जटिल या गहरे घटकों की संरचना के साथ ये दो पैकेज उत्पादन मोड पर भी बहुत अधिक मेमोरी उपयोग कर रहे हैं।

Google कार्य प्रबंधक में देखते हुए, मेरा ऐप टैब ~ 2.400K तक बढ़ जाता है, प्रत्येक आइटम जिसे मैं नीचे/ऊपर स्क्रॉल करता हूं (प्रत्येक प्रक्रिया में नष्ट/बनाया जाता है)।
एक मिनट से भी कम समय में ऊपर और नीचे स्क्रॉल करने पर मुझे लगभग 1GB मेमोरी उपयोग, प्रोडक्शन मोड या डेवलपर टूल बंद या GC के बाद मिलते हैं। और यह मार्ग के बाद बहुत नीचे नहीं जाता है।

मैं vue या vue-i18n के मूल कोड के लिए अभ्यस्त नहीं हूं, लेकिन ऐसा लगता है कि ऐप में प्रत्येक नेस्टेड घटक के लिए स्थापित घटक संरचना की प्रतिलिपि बनाई जा रही है, और जीसी उस नेस्टेड घटकों को नष्ट करने के बाद इसे साफ नहीं कर सकता है। यह हो सकता है जिस तरह से vue-i18n खुद को स्थापित करता है, मैं वास्तव में नहीं जानता। नीचे दिया गया डेटा मुझे इसके बारे में सोचने पर मजबूर करता है:

peluprvi 17 जुल॰ 2018

👍2