احمد نادری

توسعه دهنده فول استک

author
author

احمد نادری

توسعه دهنده فول استک

Encapsulation (کپسوله‌ سازی) در انگولار

@component{
  ...
  encapsulation: ViewEncapsulation.None
  encapsulation: ViewEncapsulation.Native
  encapsulation: ViewEncapsulation.Emulated
}

کپسوله‌ سازی در انگولار چیست؟

در انگولار کپسوله سازی به معنای جداسازی فایل‌های HTML, CSS و همچنین View کامپوننت موردنظر از سایر کامپوننت‌هاست.

ViewEncapsulation.None: در این حالت هیچگونه استایل و قالبی به صورت اختصاصی برای این کامپوننت درنظر گرفته نمی‌شود.

ViewEncapsulation.Native: در این حالت استایل‌ها به صورت ذاتی از مرورگر شما گرفته می‌شوند و سایر استایل‌هایی که در فایل component.css نوشته خواهد شد در بستر استایل‌های توکار مرورگر رخ می‌دهند.

ViewEncapsulation.Emulated: این حالت به صورت پیشفرض و خودکار فعال بوده و نیازی به نوشتن آن نیست. در این حالت استایل‌ها و قالب‌ها دقیقا از فایل‌های component.css فراخوانی شده و سپس استایل توکار مرورگر را روی آنها لحاظ می‌کند. یعنی تقدم و اولویت با استایل‌هایی است که توسط شما نوشته می‌شوند.

بهترین حالت برای استفاده از این ساختار ViewEncapsulation.Emulated است که به صورت خودکار در تمام کامپوننت‌ها فعال می‌باشد. زیرا در حال حاضر مرورگرهای بسیار کمی هستند که قالبیت native دارند.

ورژن بندی اتوماتیک در انگولار

سیستم ورژن بندی خودکار به ما کمک میکنه که با هر بار خروجی گرفتن این کار اتوماتیک انجام بشه .

(بیشتر…)

اسکرول صفحات بعد از لود شدن در angular

کافیه در فایل روت اصلی اینجوری تعریف کنیم :

RouterModule.forRoot(appRoutes, { scrollPositionRestoration: 'enabled' })

 

 

توضیحات کلی angular

Angular یک پلتفرم سمت کلاینت مبتنی بر تایپ ­اسکریپت (Typescript) برای نوشتن برنامه­‌های تحت وب است.

(بیشتر…)

راه اندازی سرویس احراز هویت در angular

بعد از ایجاد پروژه انگولار گام اول کار ما ایجاد سرویس احراز هویت هست . ما در اینجا از قبلا api هامونو با فریم ورک لاراول درست کردیم و از سیستم otp استفاده میکنیم .

(بیشتر…)

نمایش صفحات – بلاگ – محصولات در inertiajs (laravel+vue)

گاهی اوقات پیش میاد که ما میخوایم با یک روت ثابت به دیتاهای مختلف دسترسی پیدا کنیم .مثلا با روت blog و id خبر به محتویات اون خبر دسترسی پیدا کنیم مثل localhost.com/blog/1  …

(بیشتر…)

نحوه دریافت دیتا با api در react

برای دریافت اطلاعات با استفاده api و صورت خودکار هنگام بالا آمدن صفحه در  ری اکت از روش زیر استفاده میکنیم :

(بیشتر…)

آموزش چند زبانه کردن سایت با لاراول و inetriajs(vue)

معمولا برای چند زبانه کردن پروژه ها روش های مثل همی وجود داره که ما کلمات رو در دیکشنری های ترجمه قرار میدیم و اونارو فراخوانی میکنیم  کانفیگ این روش در پروژه هایی که با interia بین لاراول و ویو انجام گرفته به صورت زیر هست . (بیشتر…)

چارچوب بندی در vue js

ساخت layout  ها در فریم ورک ویو برای ساختار بندی صفحات مختلف موضوع مهمی هست .

(بیشتر…)

Inertia.js ابزار کمکی لاراول برای ساخت اپلیکیشن تک صفحه ای

Inertia js به ما کمک می کنه تا بدون پیچیدگی زیاد دو فریم ورک سمت سرور و فرانت رو به هم وصل کنیم . این ابزار یک کتابخونه نیست و فقط نقش متصل کننده رو داره !

(بیشتر…)

کانفیگ فرانت vuejs بر روی پروژه لاراولی

لاراول یک فریم ورک بک اند هست و vue.js یک فریم ورک فرانت اند که در کنار همدیگه همه چیز رو میسازند!

(بیشتر…)

ارور zsh: command not found: npm

اگر در هنگام برنامه نویسی و اجرای دستور   npm install && npm run dev به ارور command not found: npm برخورد کردید حتما مد نظر داشته باشید که باید نرم افزار node js را بر روی سیستم خود نصب داشته باشید .

(بیشتر…)

درباره من
  • سلام به وب سایت من خوش اومدید ! از سال 1388 که وارد دنیای برنامه نویسی شدم تجربیات خودم رو از پروژه های مختلف به دست آوردم و همیشه سعی کردم تا مهارت های فنی و رفتاری خودم رو ارتقا بدم تا بتونم برای خودم و سازمانی که در آن کار می کنم بهترین باشم . من عاشق یادگیری هستم و همیشه از چالش های جدید هیجان زده میشم چون اونارو کلید موفقیت و رشد خودم می دونم.
  • @ahmadnaderi01
arrow