https://virgool.io/feed/@abolfazliszh In rel with Web ❤️ +10 years code experience fa 2026-06-07 07:48:43 https://files.virgool.io/upload/users/68954/avatar/XvDEMk.jpeg?height=120&width=120 https://virgool.io/@abolfazliszh https://virgool.io/Solidity/%D8%A8%D9%87%DB%8C%D9%86%D9%87-%D8%B3%D8%A7%D8%B2%DB%8C-%D8%A7%DB%8C%D8%AC%D8%A7%D8%AF-%DB%B1%DB%B0%DB%B0%DB%B0-%D8%A7%D9%84%D9%85%D8%A7%D9%86-%D8%AF%D8%B1-html-nkgnsz97tvp2 سلام دنیا !چند روز پیش به یه مسئله ای برخوردم که خب تا الان زیاد درگیرش نبودم و وقتی در موردش شروع به مطالعه کردم دیدم اوووو چقدر ماجرا زیاده ?️ داستان هم ازین قرار بود که توسط JS pure باید در کسری از ثانیه تعداد بیشتر از هزار المان (Element) به DOM اضافه میشد. خب اولش مثل همیشه یه کد ساده زدم براش که توی یه حلقه دونه دونه المان ها رو به DOM اضافه کنه ول خب گس وات؟ پرفورمنس پَر .... بیشتر از ۶۰ ثانیه طول میکشید چون دایم DOM درگیر نوشته شدن بود !یکم سرچ کردم دیدم ملت چه پیشنهادهای باحالی میدن، اولین تلاشم این شد که المان ها رو توی یه متغیر بریزم و در نهایت متغیر رو به DOM اضافه کنم که خب به خاطر درگیر یک مرتبه DOM نتیجه خیلیییی بهتر شد! حدود ۸۰۰ میلی ثانیه !اضافه کردن به صورت متغیر کلی و نوشتن DOM به صورت یکبارمرحله بعد برای ایجاد پرفورمنس بهتر، حالا به جای اینکه توی حلقه به جای اینکه متغیر رو یک string در نظر بگیرم و بلاک های html رو بهش اضافه کنم، اون ها رو توی یه آرایه بریزم و در نهایت با join کردن آرایه به DOM اضافه کنم که خب حدود ۱۰ درصد سرعت اجرا بهتر شد بازم !نمونه کد برای اضافه کردن به DOM توسط آرایه و joinو اما مرحله آخر برای پرفورمنس این شد که فهمیدم که اضافه کردن به DOM مستلزم اینه که اون بلاک مربوطه اول پاک بشه بعد دوباره نوشته باشه، خب راه بهتر اینه که اصلا دیگه پاک نشه ! بلکه جایگزین بشه محتواش و اینجا بود که تابع replaceHTML به کارم اومد و نتیجه کار باز هم حدود ۲۰ درصد بهتر شد و بنچمارکی که گرفتم نتیجه وارد کردن ۱۰۰۰ المان به DOM یه زمان حدود ۵۰۰ میلی ثانیه رسید که خب عالیه !تابع replaceHtml که میاد و المان ها رو جایگزین میکنه توی بلاک پدر در DOMبرای مطالعه بیشتر در مورد روش آخر میتونید اینجا رو مطالعه کنید. ابوالفضل ابوالفضل Sat, 09 Jul 2022 14:40:00 +0430 https://virgool.io/@abolfazliszh/%D8%A7%D9%84%DB%8C%D9%88%D8%AA-%D8%AA%D9%88-%D8%A8%D9%88%D8%B1%D8%B3-%DA%86%DB%8C%D9%87-vnceombc8po4 اونایی که تو بورسن میدونن که یه چیزی داریم به اسم تحلیل تکنیکال یعنی از روی نمودار بفهمی تقریبا وضعیت قیمت سهام چجوریاسحالا این تکنیکال خودش دنیاییه برای خودش.یکی از قشنگیایی که داره ابزارهای مختلفیه که میتونی روی نمودار باهاش سروکله بزنی !یه ابزار خیلی کاربردی هست به اسم امواج الیوت. توضیحش مفصله در حد یه کتاب ! ولی ساده بخوام بگم روی بعضی نمادها میبینی انگار رفتار قیمت تکرار پذیره و اونها رو میتونی توی اسکیل های مختلف ببینی. امواج الیوت انواع مختلف دارن که یکی از پرکاربردترین هاش حالت (1-2-3-4-5-a-b-c) هست. شکلش هم اینجوریه:امواج الیوتیعنی توی یک نمودار موج صعودی 1 شروع میشه، بعدش یه نزول یا اصلاح موقتی 2 و بعدش یه صعود 3 و یه نزول و اصلاح موقت 4 و صعود 5 در انتها هم یک موج نزولی a و کمی رشد b و دوباره نزول c. اینجا امواج الیوت تموم میشه و نمودار میتونه وارد صعود 1 سیکل بعدی بشه.یک نکته مهمی که وجود داره اینه که شاخصه این امواج ترتیبشون هست. یعنی قله 2 از 1 پایین تره و قله 3 از 1 بالاتره و همینطور قله 4 از 3 پایین تره و قله 5 از 3 بالاتره. و همینطور قله b از 5 کمتره دقیقا مثل شکل بالا.معمولا موج شماره 3 از موجهای 1و 5 صعود و رشد بیشتری داره.یادتون نره که امواج الیوت اسکیل (scale) پذیرن یعنی در عین حال این که شکل بالا میتونه یک موج به تنهایی باشه خودش جزوی از یک موج بزرگتر باشه .به همین سادگی و خوشمزگی. ابوالفضل ابوالفضل Mon, 25 May 2020 18:28:15 +0430 https://virgool.io/@abolfazliszh/%D8%B1%D9%88%D8%B2%D9%87%D8%A7%DB%8C-%D8%AE%D9%88%D8%A8-%D8%B1%DB%8C%D9%84%DB%8C%D8%B2-p0zrhzcxziwv این روزا خیلی حالم خوبه به خاطر حدود یک ماه کار فشرده ! و ریلیزی که هفته پیش دادیم.یه نفس راحت ...میدونی شاید بیشترین وقت رو توی دولوپ قسمت ما بگیره یعنی UI و UX و کلا تیم فرانت. تقریبا روزی نیست که کد نزنی و فرداش نگن بهت عوضش کن ?کاره دیگه ... چه میشه کرد. ابوالفضل ابوالفضل Mon, 25 May 2020 18:17:45 +0430 https://virgool.io/@abolfazliszh/%D8%A2%D9%85%D8%AF%D9%86%D9%85-%D8%A8%D9%87%D8%B1-%DA%86%D9%87-%D8%A8%D9%88%D8%AF-e7a1v9xojqgv why ?هیچی ، چند روز پیش همایش ReactConf بود ، مام بودیم ، ملتم بودن ، همه میگفتن ویرگول ! ما میگفتیم چرا ویرگول؟ چرا نقطه نه؟ گفتن نه ! یه چیز دیگست ...خلاصه که اومدیم ببینیم چه خبره ! فعلا که از گرافیک مینیمال و سادش خوشم اومده ! تا ببینیم بعد چی میشه.سلام !#ویرگول #چرا_اومدم؟ ابوالفضل ابوالفضل Fri, 13 Sep 2019 10:58:41 +0430