Documentham | داکیومنت هام

console.log("5" + 4); -> 54

console.log("5" - 4); -> 1

یکم که گذشت فهمیدم وقتی جاوااسکریپت بین دوتا مقدار عملگر + رو میبینه جفتش رو به رشته (string) تبدیل میکنه و وقتی عملگر - رو میبینه همه رو به عدد (number) تبدیل میکنه و گفتم اوکی لابد قانونش همینه دیگه. یه مدت همینجوری پیش رفتم که باز یه علامت سوال اومد بالا سرم که اقا اصلا چرا اینجوری باید باشه؟😂 چون سر خیلی چیزای دیگه باز نتایجی میگرفتم که مورد انتظارم نبودن.

در کل پشت هر تراکنشی توی وب پروتکل HTTP در حال اجراست و عملا برای اینکه یه لول سطحتون رو ارتقا بدید خوندن این کتاب توصیه میشه.
حالا چرا؟ چون شما به مفاهیمی مثل مدیریت اتصال TCP، پروکسی ها، کشینگ، ربات‌های وب و فایل‌های robots.txt، احراز هویت Basic و Digest، تراکنش‌های HTTP امن، هدایت مجدد ترافیک، میزبانی چند رسانه ای و... کاملا مسلط میشید.

اول از همه باید بگم که برای ذخیره داده ها توی loaclStorage باید از متد setItem و برای دریافتشون باید از متد getItem استفاده کنیم.

const data = { name: "Mersad", age: 22 };
localStorage.setItem("user", JSON.stringify(data));

اینجا داریم میگیم که میخوام یک آبجکت رو با مشخصات بالا به عنوان یک رشته با مشخصه یا کلید "user" توی localStorage ذخیره کنم.

const localStorageData = localStorage.getItem("user");
const parsedData = JSON.parse(localStorageData);

<script><button>hack</button></script>

// "use strict";
let new = [4, 5, 6, 7];

"use strict";
let new = [4, 5, 6, 7];

@tailwind base;
@tailwind components;
@tailwind utilities;

@layer base {
    @font-face {
        font-family: Yekan;
        src: local(Yekan), url("./Yekan.woff") format("woff");
    }
}

@layer components {
    .btn {
        @apply bg-green-600 text-white text-2xl p-3 rounded-lg font-medium shadow-lg shadow-gray-700 active:bg-green-700 font-yekan;
    }
}

@layer utilities {
  .text-shadow {
    text-shadow: 2px 2px #ff0000;
  }
}

npx tailwindcss -i ./src/css/input.css -o ./src/css/output.css --watch

"scripts": {
    "build": "npx tailwindcss -i ./src/css/input.css -o ./src/css/output.css --watch"
  }

npm run build

npm install -D tailwindcss

npx tailwindcss init

/** @type {import('tailwindcss').Config} */
module.exports = {
  content: [],
  theme: {
    extend: {},
  },
  plugins: [],
}

content: ["./**/*.{html,js}"],

  theme: {
    extend: {},
  },

theme: {
    screens: {
      xs: "475px",
      sm: '640px',
      md: '768px',
      lg: '1024px',
      xl: '1280px',
    },
    fontFamily: {
      "yekan": "Yekan"
    },
    extend: {
      colors: {
        "primary": {
          DEFAULT: "#041aa4",
        }
      },
      spacing: {
        "34": "8.5rem"
      }
    },
  },

plugins: [
    require('@tailwindcss/forms'),
  ],

document.addEventListener("visibilitychange", () => {
  if (document.visibilityState === 'hidden') {
    console.log("کاربر خارج شده");
  } else if (document.visibilityState === 'visible') {
    console.log("کاربر در صفحه است.");
  }
});

const ajaxCall = async function () {
    try {
        const response = await fetch('https://jsonplaceholder.typicode.com/todos/1');
        if (!response.ok && response.status > 300) {
            throw new Error();
        }
        const data = await response.json();
        console.log("شما آنلاین هستید.");

    } catch (error) {
        console.error('مشکلی در عملیات دریافت داده بوجود آمده است:', error.message);
        console.log("شما آفلاین هستید.");
    }
};
setInterval(() => {
    ajaxCall();
}, 500);

https://github.hubspot.com/offline/docs/welcome/

https://www.linkedin.com/help/linkedin/ask/ppq