یوشا

دست نوشته ها و تجربیات شخصی

یوشا

دست نوشته ها و تجربیات شخصی

شهید دکتر مصطفی چمران: می گویند تقوا از تخصص لازمتر است، آنرا می پذیرم، اما می گویم آنکس که تخصص ندارد و کاری را می پذیرد بی تقواست!

طبقه بندی موضوعی
تبلیغات
Blog.ir بلاگ، رسانه متخصصین و اهل قلم، استفاده آسان از امکانات وبلاگ نویسی حرفه‌ای، در محیطی نوین، امن و پایدار bayanbox.ir صندوق بیان - تجربه‌ای متفاوت در نشر و نگهداری فایل‌ها، ۳ گیگا بایت فضای پیشرفته رایگان Bayan.ir - بیان، پیشرو در فناوری‌های فضای مجازی ایران

در CSS، واحدهای سایز به دو دسته/خانواده اصلی تقسیم می‌شوند:

  1. واحدهای ثابت/Absolute
  2. واحدها متغیر/Relative

 

واحدهای ثابت (Absolute units)

واحدهای ثابت/مطلق به صورت خشک تعریف شده‌اند و سایز مشخص‌شده با این واحدها دقیقاً همان اندازه نمایش داده می‌شود. این واحدها نسبت به اندازه صفحه، جهت یا سایر تغییرات واکنش نشان نمی‌دهند.

واحدهای ثابت برای استفاده در انواع نمایشگرها توصیه نمی‌شوند، چراکه اندازه صفحه نمایش‌ها متفاوت است؛ اما در صورتی که محیط خروجی مشخص باشد (مانند Printer)، این واحدها می‌توانند مفید باشند.

انواع واحدهای ثابت:

  • cm (سانتی‌متر)
  • mm (میلی‌متر)
  • in (اینچ)
  • px (پیکسل)
  • pt (پوینت)
  • pc (پیکا)
  • q (یک چهارم میلی‌متر)

مثال:

/* یک باکس با عرض 2 سانتی‌متر */
.box {
    width: 2cm;
    height: 2cm;
    background-color: lightblue;
}

/* متن با اندازه فونت ثابت 12 پوینت */
.text {
    font-size: 12pt;
}

 

واحدهای متغیر (Relative units)

واحدهای متغیر/مقیاس پذیر سایز را بصورت خودکار و نسبت به ویژگیهای دیگر مانند اندازه صفحه نمایش، اندازه صفحه مرورگر، عناصر والد/parent و... تنظیم می‌کنند. این واحدها در بین انواع دستگاه های مختلف بهتر scale و تنظیم می‌شوند.

انواع واحد های متغیر:

  • em : نسبت به اندازه فونت عنصر والد تنظیم میشود
  • ex : نسبت به ارتفاع x در فونت جاری، که برای فونت‌های تک‌فاصله مفید است تنظیم میشود
  • ch : نسبت به عرض کاراکتر "0" در فونت عنصر، برای فونت‌های تک‌فاصله کاربرد دارد
  • rem : نسبت به اندازه فونت عنصر ریشه (<html>)
  • vw : نسبت به ۱٪ از عرض پنجره مرورگر
  • vh : نسبت به ۱٪ از ارتفاع پنجره مرورگر
  • vmin : نسبت به ۱٪ از کوچک‌ترین بُعد پنجره مرورگر
  • vmax : نسبت به ۱٪ از بزرگ‌ترین بُعد پنجره مرورگر
  • % : نسبت به عنصر والد تنظیم میشود

 

توضیحات تکمیلی واحدهای مهم

  • px (پیکسل) - ثابت

    • پیکسل یک مربع کوچک روی نمایشگر است که می‌تواند فقط یک رنگ را در یک لحظه نمایش دهد. مانند عدد رزولوشن نمایشگر که نشان‌دهنده تعداد پیکسل‌های تشکیل‌دهنده صفحه است. 1024x768
    • font-size: 12px; به مرورگر می‌گوید که ارتفاع هر کاراکتر ۱۲ عدد پیکسل باشد. پیکسل‌ها اندازه ثابتی دارند و تغییر اندازه نمی‌دهند. این واحد برای مواقعی که نیاز به قرار دادن متن روی یک تصویر پس‌زمینه دارید، مفید است.
  • % (درصد) - متغیر

    • درصد یک واحد متغیر است که بر اساس اندازه عنصر والد محاسبه می‌شود. برای تعیین عرض یا ارتفاع عناصر، زمانی که والد مشخص باشد، می‌تواند به عنوان راهی منعطف استفاده شود.
    • font-size: 50%; اندازه فونت را به ۵۰٪ اندازه فونت عنصر والد تنظیم می‌کند.
    • font-size: 100%; یعنی ۱۰۰٪ اندازه‌ای که از عنصر والد به ارث می‌برد. درصد برای طراحی‌های انعطاف‌پذیر مناسب‌تر است.
    • در CSS، هر چیزی که از این واحد استفاده کند، نسبت به عنصر والد خود است، مگر در حالتی که موقعیت عنصر ثابت باشد که در آن صورت نسبت به عنصر ریشه <html> خواهد بود.
    • نکته: تعیین width یا height به درصد زمانی عمل نمی‌کند که ابعاد عنصر والد به‌طور auto تعیین شده باشد.
  • pt (پوینت) - ثابت

    • ۱ پوینت برابر با ۱/۷۲ اینچ است. font-size: 12pt; ارتفاع کاراکترها را به ۱۲/۷۲ اینچ تنظیم می‌کند. پوینت اندازه‌ای ثابت دارد و مقیاس‌پذیر نیست!
    • پوینت در طراحی Print استفاده می‌شود و تنها در CSS مربوط به @media print کاربرد دارد.
  • em - متغیر

    • این واحد شبیه به درصد است و نسبت به اندازه فونت عنصر والد محاسبه می‌شود. اما ۱em برابر با ۱۰۰٪ و ۱.۵em برابر با ۱۵۰٪ است. em یک واحد مقیاس‌پذیر است و برای تعیین اندازه فونت مناسب اما چالشی است.
    • یک em برابر با اندازه فونت جاری است، به عنوان مثال اگر اندازه فونت کل صفحه ۱۲pt باشد، ۱em برابر با ۱۲pt خواهد بود. این واحد مقیاس‌پذیر است؛ بنابراین ۲em برابر با ۲۴pt، ۰.۵em برابر با ۶pt خواهد بود.
  • rem - متغیر

    • واحد rem هم مانند em مقیاس‌پذیر است اما همیشه نسبت به اندازه فونت عنصر ریشه <html> محاسبه می‌شود، که باعث می‌شود از تغییرات ناخواسته در طراحی جلوگیری کند. بنابراین با استفاده از عناصر تودرتو دیگر نیازی به محاسبه اندازه فونت در رابطه با عنصر والد نیست. برای تعیین اندازه فونت مناسب است.
  • cm، mm، in - ثابت
    • معمولاً برای اندازه‌گیری‌های دقیق در محیط‌های غیر دیجیتال و فیزیکی مانند Print به کار می‌روند. اندازه فونت با تغییر اندازه پنجره مرورگر به صورت دینامیک واکنش نشان نمی‌دهد، بلکه به تنظیمات زوم یا اندازه متن مرورگر، مانند فشار دادن همزمان کلید Ctrl و + در مرورگر، واکنش نشان می‌دهد.
  • vm. vh. viewport... - متغیر
    • واحدهای vw و vh نسبت به عرض و ارتفاع صفحه نمایش تعریف می‌شوند. درواقع درصدی از پنجره مرورگر را نشان می‌دهند و برای طرح‌های واکنش‌گرا کاربرد دارند. 1vw معادل ۱٪ از عرض صفحه نمایش و 1vh معادل ۱٪ از ارتفاع صفحه نمایش است. این واحدها به خصوص برای طراحی‌های تمام‌صفحه بسیار مفیدند.

مثال:

/* با عرض برابر با 50% از عرض پنجره مرورگر */
.box {
    width: 50vw;
    height: 50vh;
    background-color: lightcoral;
}

 

کاربرد واحدها در عناصر وب

  • px (پیکسل): برای اندازه خطوط مرزی و اجزای کوچک ثابت.

    • کاربرد: <button>, <small>, خطوط و حاشیه‌ها.
  • % (درصد): برای تنظیم ابعاد نسبی نسبت به عنصر والد، به ویژه در عرض و ارتفاع.

    • کاربرد: <div>, <img>, <section>, <header>, <footer>.
  • em: برای تنظیم اندازه فونت و فاصله‌های داخلی، با توجه به اندازه فونت والد.

    • کاربرد: <p>, <span>, <ul>, <ol>.
  • rem: برای اندازه فونت اصلی در کل صفحه و مقیاس‌پذیری یکنواخت، بدون تاثیر از والد.

    • کاربرد: <body>, <h1>, <h2>, <h3>, <html>.
  • vw و vh: برای تنظیم ابعاد نسبی کل صفحه نمایش، به خصوص در طراحی‌های تمام صفحه.

    • کاربرد: <section>, <header>, <footer>, عناصر تمام صفحه.
  • pt: برای فونت در خروجی چاپ (به ندرت برای وب).

    • کاربرد: فقط در چاپ، مثل استایل تحت @media print.
  • cm, mm, in: برای موارد خاص Print و اندازه‌گیری دقیق.

    • کاربرد: چاپ و طرح‌های خاص، مثل استایل‌های PDF و کارت ویزیت

 

توجه: در اکثر مرورگرها، اندازه پیش‌فرض فونت ۱۶px است.

۰ نظر ۱۴۰۳/۱۱/۰۷
یوشا آل ایوب

1- مفهوم و تفاوت Concurrency(همزمانی) و Parallel(موازی):

- پردازش Parallel نوعی از Concurrent هستش. درواقع Parallel زیرمجموعه Concurrency هستش.

- نوع Concurrent میتونه با یک پردازنده اعمال بشه (single/multi thread). اما نوع Parallel باید در چند پردازنده اعمال بشه. یعنی یک پردازنده به ازای هر پروسس.

نکته: عمل Multithreading زیرمجموعه Concurrency محسوب می‌شه و می‌تونه با پردازنده‌های تکی هم انجام بشه.

 

2- با استفاده از کلمه کلیدی volatile در متغیرها می تونید thread های برنامه رو وادار کنید تا اطلاعات متغیر رو مستقیماً از حافظه بخونن و نه کش CPU. (این عمل درواقع نوعی thread-safety محسوب میشه)

 

3- یادتون باشه که synchronized و Thread-Safe در .Net یک مفهوم دارن: دسترسی همزمان به کد توسط چند Thread بدون بروز مشکلات. یعنی کد/متد synchronized اجازه دسترسی همزمان چند Thread به کد/متد رو نمیده، پس Thread ها باید نوبتی به کد/متد دسترسی پیدا کنن بنابراین آخرین وضعیت کد/متد در همه Thread ها مشترک هستش.

نکته: این مسئله فقط در مورد برنامه های Multi-Thread صدق میکنه و نه Single-Thread.

نکته 2: در .Net باید از تکنیک‌هایی مانند lock برای Thread-Safe کردن کد استفاده کرد.

۰ نظر ۱۴۰۳/۱۰/۱۱
یوشا آل ایوب

دلایل مختلفی ممکنه وجود داشته باشه که یک تیم توسعه‌دهنده تصمیم بگیره قابلیت API رو از یک پروژه‌ی Laravel حذف کنه... مثلا:

 

- نیاز نداشتن به API و تمرکز روی توسعه‌ی وب‌سایت

- کاهش پیچیدگی و تمیزکاری

- کاهش دردسرهای امنیتی

- بهبود مصرف منابع سرور

 

خلاصه اگه واقعاً API به کار نیاد، حذفش باعث سبک‌تر شدن پروژه، ساده‌تر شدن نگهداری و تمرکز بیشتر روی همون کار اصلی می‌شه.

برای حذف اصولی API و موارد مرتبط از یک پروژه Laravel، باید مراحل زیر رو انجام داد:

 

1- حذف فایل API از Route ها

مسیرهای API معمولاً در فایل routes/api.php تعریف می‌شن. این فایل رو باید پاک کنید.

routes/api.php

 

2- حذف Loader فایل api.php در RouteServiceProvider

مسیر:

app/Providers/RouteServiceProvider.php

کدها:

public function boot()
{
    $this->routes(function () {
        // این قسمت رو حذف یا کامنت کنید
        // Route::middleware('api')
        //     ->prefix('api')
        //     ->group(base_path('routes/api.php'));

        Route::middleware('web')
            ->group(base_path('routes/web.php'));
    });
}

 

3- حذف middleware های مربوط به API در Kernel.php

مسیر:

app/Http/Kernel.php

کدها:

protected $middlewareGroups = [
    'web' => [
        // Middlewareهای وب
    ],

    // این قسمت رو حذف یا کامنت کنید
    // 'api' => [
    //     \Laravel\Sanctum\Http\Middleware\EnsureFrontendRequestsAreStateful::class,
    //     'throttle:api',
    //     \Illuminate\Routing\Middleware\SubstituteBindings::class,
    // ],
];

 

4- درصورت وجود: پاک کردن کنترلرها و منابع API

مسیر:

app/Http/Controllers/API
و
app/Http/Resources

 

5- پاک کردن cache ها

دستور زیر رو بزنید تا cache ها پاکسازی بشن:

php artisan optimize:clear

 

6- حذف دستورات پکیج Sanctum

مسیر:

app\Models\User.php

کدها:

   //use Laravel\Sanctum\HasApiTokens;

   final class User extends BaseUser
   {
      //use HasApiTokens;

اگر از این Trait در مسیرهای دیگه هم استفاده شده، حذفش کنید.

 

7- کانفیگ Path در CORS

مسیر:

config\cors.php

کدها:

'paths' => ['api/*', 'sanctum/csrf-cookie'], // -> 'paths' => [],

 

8- حذف فایل کانفیگ پکیج Sanctum و Passport

مسیر:

config\sanctum.php
و
config\passport.php

 

9- حذف کدهای Sanctum و Passport از داخل فایلهای tests

مسیر:

tests/unit/
و
tests/feature/

 

10- حذف کدها و جدول personal_access_tokens

جدول personal_access_tokens رو از دیتابیس حذف کنید. همچنین:

مسیر:

routes\console.php

کدها:

//DB::table('personal_access_tokens')->truncate();

 

11- نهایتاً حذف پکیج laravel/sanctum و laravel/passport

دستور:

composer remove laravel/sanctum
composer remove laravel/passport

و مجدد دستور زیر رو بزنید تا cache ها پاکسازی بشن:

php artisan optimize:clear
۰ نظر ۱۴۰۳/۰۹/۱۸
یوشا آل ایوب

برخی از مهمترین معیارهای انتخاب زبان برنامه نویسی: Java, .Net, PHP

(برای بزرگنمایی کلیک کنید)

۰ نظر ۱۴۰۳/۰۶/۰۹
یوشا آل ایوب

یکی از مهمترین ویژگی‌های جدید در PHP 8.0، کامپایلر JIT است. JIT می‌تواند با کامپایل کردن و ذخیره‌ کردن کامل یا بخش‌هایی از اسکریپت PHP، به کد ماشین CPU، عملکرد را بسیار بهبود بخشد و به طور مستقیم کد ماشین را اجرا کند، بطوریکه Zend VM و سربار ناشی از عملیات و فرایندهای آنرا دور می‌زند و نادیده می‌گیرد.

JIT ترکیبی از مفسران traditional و کامپایلرهای AoT است. این مدل ترکیبی/Hybrid، مزایا و معایب هر دو مفسر و کامپایلر را به ارمغان می‌آورد.
پیاده‌سازی PHP JIT تنها با تلاش‌های شگفت‌انگیز Dmitry Stogov در چند سال اخیر، ارزش بحث، اجرا و آزمایشات را پیدا کرده است.

این مقاله در مورد benchmark ها، نحوه‌ی کار JIT، امکانات و گزینه‌های پیکربندی در php.ini می باشد.

دانلود مقاله PDF

۰ نظر ۱۴۰۳/۰۳/۱۷
یوشا آل ایوب

پارامترهای پیشنهادی جهت Hardening هسته لینوکس توسط cmdline موقع boot-time و توسط sysctl موقع run-time.
 

  • توسط cmdline موقع boot-time:
vga=normal mds=full rodata=on mitigations=auto,nosmt page_alloc.shuffle=1 init_on_alloc=1 init_on_free=1 hardened_usercopy=1 iommu.strict=1 iommu.passthrough=0 randomize_kstack_offset=1 pti=on iommu=force tsx=off vsyscall=xonly vdso32=0 debugfs=on

نکته: این پارامترهارو باید به برنامه bootloader تون بدید:

  • اگر بوت لودر Grub هستش، داخل فایل /boot/grub/grub.cfg و در جلوی متغیر GRUB_CMDLINE_LINUX_DEFAULT باید قرار بگیرن.
  • اگر بوت لودر eLiLo هستش، داخل فایل /boot/EFI<OS>/elilo.conf و در جلوی متغیر append باید قرار بگیرن.

توضیحات و مستندات Kernel command-line parameters

 

  • توسط برنامه sysctl موقع run-time:
sysctl -w net.core.bpf_jit_harden="2"
sysctl -w kernel.dmesg_restrict="1"
sysctl -w kernel.perf_event_paranoid="3"
sysctl -w kernel.kexec_load_disabled="1"
sysctl -w user.max_user_namespaces="0"
sysctl -w dev.tty.ldisc_autoload="0"
sysctl -w kernel.unprivileged_bpf_disabled="1"
sysctl -w kernel.kptr_restrict="2"
sysctl -w dev.tty.legacy_tiocsti="0"
sysctl -w vm.unprivileged_userfaultfd="0"
sysctl -w fs.protected_symlinks="1"
sysctl -w fs.protected_hardlinks="1"
sysctl -w fs.protected_fifos="2"
sysctl -w fs.protected_regular="2"
sysctl -w fs.suid_dumpable="0"
sysctl -w kernel.yama.ptrace_scope="3"
sysctl -w kernel.randomize_va_space="2"

نکته: برای اعمال این تنظیمات به کاربر root یا دسترسی sudo نیاز دارید.

توضیحات مقادیر موجود در /proc/sys

۰ نظر ۱۴۰۲/۱۲/۱۶
یوشا آل ایوب

کاملترین چک لیستی که در هیچ مرکز خدماتی خودرو و مکانیکی وجود نداره!

 

دانلود فایل PDF

 

هر بار که سرویسی انجام میدید، در ردیف سرویس مربوطه، کادر کیلومتر کنونی یا سال جاری رو تیک میزنید.

۰ نظر ۱۴۰۲/۱۱/۱۷
یوشا آل ایوب

برای بزرگنمایی کلیک کنید

اینفوگراف شاخه های جرم یابی دیجیتال

 

برای بزرگنمایی کلیک کنید

اینفوگراف مراحل انجام جرم یابی دیجیتال

۰ نظر ۱۴۰۲/۰۴/۱۹
یوشا آل ایوب
۰ نظر ۱۴۰۱/۱۲/۱۵
یوشا آل ایوب

تعریف جرمیابی دیجیتال: به مجموعه فرایند جمع آوری، ارزیابی و ارائه مدارک جمع آوری شده از تجهیزات دیجیتال گفته میشود.

این مدارک دیجیتالی از کامپیوترها، تلفن های همراه، دستگاه های اینترنت اشیا و سرورها به دست می آیند. جرمیابی دیجیتال به حل پرونده های پیچیده ای که بر مدارک دستگاه های دیجیتالی تکیه دارند کمک می کند.

این حوزه کاری زیر مجموعه امنیت سایبری می باشد و به فرد متخصصی که در این حوزه کار میکند متخصص جرمیابی دیجیتال و واکنش به حوادث گفته میشود.

(به انگلیسی Digital Forensics and Incident Response (DFIR))

 

برای بزرگنمایی کلیک کنید

۰ نظر ۱۴۰۱/۰۹/۰۸
یوشا آل ایوب