نوشته های Firouzeh Dabbaghi

آمار بازدید پست‌های من در سال ۹۹

Firouzeh Dabbaghi — Tue, 23 Mar 2021 11:18:45 +0430

در طول تاریخ از اعداد استفاده کردیم تا اغلب داد و ستد کنیم و آن‌چیزی که شمردنی است را بشماریم. برای هر عدد واحد درست کردیم تا عددهای زندگی قاطی نشوند و از اعداد، شفاف‌تر استفاده کنیم؛ مثلا وقتی می‌گوییم ده هزار تومان به پول اشاره داریم و وقتی می‌گوییم ده هزار بلیط به بلیط!روز به روز که در زندگی جلو‌تر رفتیم عددها فرقی نکردند ولی این واحدها بودند که زیاد شدند. واحد کریپتو، واحد اصله درخت، واحد فاصله و …«واحد» یک توافق عمومی است برای شمردن؛ تا همانطور که گفتم شمردن‌ها قاطی نشود. مشاهده افراد دارای ثروت (اجتماعی یا مالی) به من ثابت کرده اینکه چه چیزی را بشماریم از اینکه چطور بشماریم مهم‌تر است. هرکس با واحد خاصی مسائل زندگی را می‌شمارد. اینطور به نظرم آمده که مشخص کردن واحد یعنی مشخص کردن اینکه من در زندگی برای چه چیزهایی ارزش قائلم و می‌خواهم چه چیزهایی را در زندگی بشمارم. https://cdn.virgool.io/annual-report/1399/q209pvxublbn-ZibzU.mp4 اعدادی که بدون واحد ثبت کردمبه ویدیویی که ویرگول برایم ساخته که نگاه می‌کنم میبینم که در سال ۹۹، من در مجموع ۶۲۴ کلمه در ویرگول نوشتم و منتشر کردم و مخاطبین، پست‌های من را ۱۰ مرتبه پسندیدند و ۰ بار هم نظر خود را روی پست‌های من به اشتراک گذاشتند. در سال ۹۹، ۲ نفر در ویرگول من را دنبال کردند تا پست‌های بعدیم را بخوانند. این اعداد نشان میدهند من کاری کرده‌ام. هرکدام به واحدی وصل هستند. از خودم می‌پرسم من کدام واحد را شمارش کرده‌ام؟ کدامیک از واحدهای بالا از همه برای من مهم‌تر است؟ ادامه ویدیو را می‌بینم.آمار از اثر بیرونی می‌گویندطبق آمار پست‌های من ۱۰۱ بار خوانده شدند و ۶,۱۵۵ ثانیه صرف مطالعه آنها شده است، که با توجه به جمعیتی که در ایران به اینترنت دسترسی دارند، ویرگول به من می‌گوید که توانستم ۰/۰۰۰۰۸۴۳۸۴ ثانیه، سرانه مطالعه دیجیتال کشور را بالا ببرم.از طرف دیگر ویرگول به من می‌گوید که اگر قرار بود پست‌هایم را چاپ و به دست تک تک خوانندگان برسانم باید ۲۰۲ کاغذ مصرف می‌کردم.آن عددهای کوچک ابتدای ویدیو حالا تبدیل شده‌اند به عددهای بزرگ به اینکه من جلوی مصرف این تعداد کاغذ را گرفتم یا به اینکه من ۰/۰۰۰۰۸۴۳۸۴ ثانیه، سرانه مطالعه دیجیتال کشور را جابه جا کرده‌ام. واحد این عددها برای من ملموس‌تر است.واحد نوشتن چیست؟همه عددهای بالا و همینطور اثر بیرونی که روی خوانندگان و همینطور در مقیاس بزرگتر طبیعت و جامعه اطرافم گذاشتم اعدادی هستند که من دوستشان دارم و به آنها افتخار می‌کنم. اگر چنین ویدیویی دست شما نیز رسید به شما بابت تک تک اعداد تبریک می‌گویم.اثر هر نوشته تا حدودی معلوم است، اگر بنویسید جلوی قطع درخت را می‌گیرید، به سرانه مطالعه کشور اضافه می‌کنید و خوانندگانی جذب می‌کنید که شما را از طریق نوشته‌هایتان می‌شناسند و …به نظرم می‌رسد که نوشته‌های من و شما واحد ندارند ولی اثر بیرونی دارند.

Pointer-events

Firouzeh Dabbaghi — Thu, 17 Dec 2020 13:46:29 +0330

در این پست میخواهم در مورد یکی از ویژگی های CSS به نام pointer-events صحبت کنم.از این ویژگی برای تعیین اینکه آیا یک عنصر می تواند هدف رویدادهای اشاره گر باشد یا خیر استفاده می شود.به بیان ساده تر ، می توانید ارتباط ماوس با عناصر برقرار نکنید.در اینجا چند مثال میزنم.اولین مثال غیرفعال کردن لینک است.در حالت عادی با زدن دکمه صفحه گوگل برای ما باز میشود حال استایل زیر را به دکمه میدهیم.اگر دقت کنید با قرار گرفتن بر روی لینک حتی علامت ماوس هم تغییر نمیکند و به صورت فلش باقی می ماند.و اگر در سمت جاوا اسکریپ برای رویداد کلیک متدی را اضافه کرده باشیم هم آن متد عمل نمیکندبا کلیک کردن بر روی لینک میبینیم که هیچ پیغامی نمایش داده نمیشود.اگر استایلی که اضافه کردیم را حذف کنیم، میبینیم که لینک به صورت صحیح کار میکند .میبینیم که هم پیغام نمایش داده میشود و هم صفحه گوگل انتقال میابیم. و نیز علامت ماوس هم به شکل دست تغییر یافت.مثال بعدی در مورد رفتار فرزند و پدر در قبال این ویژگی می باشد.دو div تو در تو به شکل زیر میسازیم:و استایل های زیر را نیز به آنها میدهیم:تا ظاهر فرم به شکل زیر گردد:حال به div بیرونی استایل pointer-events: none; را اعمال کنیم، و بر روی div درونی کلیک کنیم.هدف ما بررسی این سوال است که آیا EventListener های جاوا اسکریپ برای div درونی کار میکند یا خیر؟با کلیک کردن بر روی div درونی میبینیم که رویداد تعریف شده کار نمیکند.دلیل این رفتار این است که div درونی ویژگی pointer-events را از پدر خود به ارث برده است.برای رفع این مشکل باید این استایل pointer-events: auto; را بهdiv درونی اعمال نماییم.برای دریافت اطلاعات درمورد سایر مقادیر این ویژگی بر روی لینک زیر کلیک کنید. https://developer.mozilla.org/en-US/docs/Web/CSS/pointer-events

ng-content

Firouzeh Dabbaghi — Mon, 16 Nov 2020 14:35:17 +0330

شاید برای شما سوال بوجود آمده باشد که مابین تگ های کامپوننتی که میسازیم چه چیز باید بنویسیم؟ شاید هم تست کرده باشید ولی هیچ خروجی به شما نشان داده نشده باشد.ابزاری هست به نام ng-content که انگولار در اختیار ما قرار میدهد.محتویاتی که میخواهیم از parent انتقال بدهیم را در فرم نمایش دهد.هرجایی که خواستیم محتویات نمایش دهد از تگng-content استفاده میکنیم.این تگ کمک میکند تا هر اطلاعاتی که ازparent داخل تگ child نوشتیم،در مکانی که تگ ng-content را نوشتیم قرار داده شود.کلاس مادر:

اطلاعات داخل فرم فرزند نوشته میشود.

کلاس فرزند: متن ارسالی از کلاس مادر: ng-content یک ویژگی داره به نام select که در حقیقت همون selector هایی هست که در css هم با آنها کار میکنیم. مثل نقطه که برای انتخاب کلاس و هشتک که برای انتخاب آیدی استفاده میکنیم. از تمامی سلکتور های css در اینجا هم میتوان استفاده کرد.کلاس مادر:

پیغام نخست

کلاس فرزند: متن ارسالی از کلاس مادر: مکان نمایش پیغام اول: مکان نمایش پیغام دوم: برای دسترسی به اطلاعات داخل ng-content باید از Localrefrence استفاده کنیم. داخل کامپوننت child از دکوریتور ContentChild استفاده میکنیم.دقت شود برای دسترسی به متغییر داخل خود کامپوننت مادر از ViewChild استفاده میشود ولی اینجا چون داخل کامپوننت فرزند میخواهیم دسترسی داشته باشیم از ContentChild استفاده میکنیم و اسمی که داخل کامپوننت مادر تعریف کردیم را به ان ارسال کنیم.برای خواندن اطلاعات شبیه viewChild عمل میکنیم.@ContentChild("one", { static: true }) one: ElementRef; چرخه زندگی ContentChild که بنا به نیاز از آن استفاده کنیم:AfterContentInit زمانی که متغییر از نوع ContentChild را initialize میکند یعنی در حالت اولیه و تنها یکبار رخ میدهد. AfterContentChecked پس از AfterContentInit برای اولین بار اتفاق میافتد و سپس هر موقع تغییرات به مقدار content میدهیم صدا زده میشود.