نوشته های Arin Movsesian

CSS selector priority

Arin Movsesian — Fri, 27 Mar 2020 18:52:07 +0430

اولویت selector ها در css اهمیت ویژه ای داره و بصورت خطی از بالا به پایین نیستش (البته در مورد selector های یکسان از بالا به پایینه) اولویت ها رو براتون دسته بندی کردم که موقع design امیدوارم به کارتون بیاد.1 - ID`s selector2 - class, pseudo-class & attribute selectors3 - element & pseudo-element selectors4 - universal selector

Asymmetric encryption چیست؟

Arin Movsesian — Sat, 03 Nov 2018 09:39:40 +0330

زمان ارسال دیتا از طریق نامتقارن که با استفاده از الگوریتم RSA می باشد مثلا pc1 و pc2 هر دو public & private key تولید می کنند و سپس هر دو سیستم بایستی public key خود را برای سیستم متقابل ارسال کنند. مثلا pc1 با استفاده از public key اه pc2 دیتا را قفل کرده و در مقصد دیتا فقط از طریق private key اه pc2 قفل باز می شود. SSH/SSL... از این رمزگذاری استفاده می کنند.

چرا بایستی CSS Module را در React فعال سازی کنیم؟

Arin Movsesian — Mon, 15 Oct 2018 15:16:50 +0330

برای اینکه در ریکت بتونیم هر component یا container کلاس مخصوص خودش داشته باشه و یونیک باشه بایستی css module رو در ریکت enable کنیم.1) npm run eject2) config ---> (webpack.config.dev.js) && (webpack.config.prod.js) find something like that:loader: getStyleLoaders({ importLoaders: 1, sourceMap: shouldUseSourceMap, modules: true, localIdentName: '[name]__[local]__[hash:base64.5]'}),3) add Bold items in both files.سپس در component یا container کلاس خود را مثل زیر اضافه کنید.1) in css file ---> .getColor: {color: red}2) in js or jsx file ---> import style from './yourCss'3) in jsx part --->

Arin Movsesian

در نهایت هر تگی کلاس یونیک خود را خواهد داشت.

تفاوت کامپایل در React و Angular

Arin Movsesian — Sun, 14 Oct 2018 11:40:05 +0330

کامپایل در React:کدهای jsx توسط Babel و یا Typescript به plain Javascript کامپایل میشوند.سپس React Virtual DOM با اعمال تغییرات روی کد و تغییر Real DOM به سمت مرورگر فرستاده میشه و مرورگر Interpretation میکند. کامپایل در Angular:دو نوع کامپایل در انگولار وجود دارد.JIT mode (Just-In-Time Compilation)AOT mode (Ahead-Of-Time Compilation)کامپوننت ها در انگولار از طریق JIT مستقیما به plain Javascript کامپایل شده و سپس توسط مرورگر Interpretation میشوند.کامپوننت ها در انگولار از طریق AOT به کد typescript تبدیل شده و در ngfactory.ts. ذخیره میشوند سپس توسط typescript به plain javascript تبدیل شده و سپس توسط مرورگر Interpretation میشوند.

DOM vs BOM

Arin Movsesian — Sat, 06 Oct 2018 12:37:48 +0330

نوعی استاندارد هستش که توسط w3c پایه گذاری شده و همچنین وابستگی به زبان خاصی نداره. به برنامه ها یا script ها این امکانو میده که به صورت داینامیک به (structure) ساختار‌/ (content) محتوا و (style) طراحی document دسترسی داشته باشن و بتونن آنها رو به روزرسانی کنند.و اما HTML DOM چیه؟با استفاده از این استاندارد زمانی که مرورگر کل فایل HTML رو interpretation ( نه complie ) میکنه ساختار HTML به شکل object در میاد مثل شکل زیر:The HTML DOM Tree of Objectsدر نهایت javascript با کمک DOM به کلیه ی object ها دسترسی داره و میتونه تغییرات اعمال کنه. مثل دسترسی به یک tag خاص و دادن style.و در نهایت BOMبه javascript این امکان رو میده که با خود مرورگر بتونه تعامل داشته باشه. مثل: ()window.open

مفهوم virtual DOM در React

Arin Movsesian — Wed, 03 Oct 2018 13:51:57 +0330

زمانی که react لایف سایکل shouldComponentUpdate رو خروجی true برمیگردونه و به لایف سایکل render میرسه oldVirtual DOM رو با Re-rendered virtual DOM در JSX مقایسه میکنه ( مثلا text داخل تگ div) اگه تغییری وجود داشت فقط همون شبه کد update real DOM در غیر اینصورت do nothing.این ویژگی باعث میشه فقط و فقط قسمتی که تغییر کرده با virtual DOM شناسایی و real DOM به روزرسانی بشه.

چرا به ریداکس در پروژهای ریکت نیاز داریم.

Arin Movsesian — Wed, 03 Oct 2018 13:05:33 +0330

جواب خیلی سادست.... ما نمیتونیم در پروژه های ریکتمون از global state استفاده کنیم. پس به جای پاس دادن پیچیده دیتا بین props ها از redux کمک میگیریم. در ضمن نبایستی همه state ها رو در ریداکس قرار بدیم چون باعث پیچیدگی بیش از حد و شایدم سنگینی نرم افزارمون بشه. مثلا نمایش دادن یا ندادن یک دکمه در ریکت نیازی به افزودن به redux نیستش.همچنین باید این موضوع رو هم در نظر بگیریم که Async dataflow رو بایستی با redux-thunk و یا redux-saga هندل کنیم.