JavaScript

کتابخانه Axios یکی از محبوب ترین کتابخانه های جاوااسکریپت برای ارسال درخواست های HTTP است. یکی از بهترین قابلیت های این کتابخانه امکان استفاده از پروکسی برای ارسال درخواست ها است. اما به صورت پیش فرض اکسیوس از Socks پستیبانی نمی کند برای همین باید از ...

با استفاده از jQuery، می‌توان فایل‌ها را با ارسال درخواست Ajax و متد POST بارگذاری کرد. برای انجام این کار، نیاز است تا از شی FormData استفاده کنید. در مرورگرهای قدیمی روش بارگذاری فایل بوسیله iframe انجام می شد، که زمان زیادی از منسوخ شدن این روش می ...

در جاوا اسکریپت، نمادها و کلمات کلیدی زیادی وجود دارد که هر کدام دارای معنای خاصی هستند. در اینجا برخی از این نمادها و کارکرد آنها به تفصیل شرح داده شده است: کلیدواژه this کلیدواژه this به شی کنونی که در حال کار بر روی آن هستید اشاره دارد. نحوه عملکرد این ...

در HTML5، localStorage و sessionStorage به عنوان روش‌هایی برای ذخیره اطلاعات در مرورگر استفاده می‌شوند. این دو مکانیزم ذخیره‌سازی، مقادیر را به صورت کلید/مقدار ذخیره می‌کنند، اما باید توجه داشت که فقط مقادیر رشته‌ای را می‌توان به طور مستقیم ذخیره کرد. به ...

برای حذف تکرارها از یک آرایه در جاوااسکریپت، چندین روش وجود دارد که هر کدام مزایا و معایب خاص خود را دارند. در ادامه این روش‌ها را بررسی می‌کنیم: 1. استفاده از filter و indexOf: با استفاده از متد filter، می‌توانید آرایه‌ای با مقادیر منحصر به فرد دریافت ...

واگذاری رویداد (Event Delegation) در جاوااسکریپت به معنای استفاده از یک والد مشترک برای پاسخ به رویدادهای UI به جای اضافه کردن شنونده‌های رویداد به هر عنصر فرزند به طور جداگانه است. این تکنیک بر اساس "بهره‌برداری از Event Bubbling" کار می‌کند، که به این ...

آرایه زیر را در نظر بگیرید: myArray = [{'id':'73','foo':'bar'},{'id':'45','foo':'bar'}, ...] فرض کنید که می خواهیم شی با شناسه 45 را در آرایه پیدا کنیم. یکی از روش‌های ساده و سریع استفاده از متد find() است که به شما این امکان را می‌دهد به سادگی شی مورد ...

در ES6، توابع پیکانی (arrow functions) ویژگی‌های خاصی دارند که در برخی شرایط، دستور return به طور ضمنی در نظر گرفته می‌شود. در اصول اولیه، هرگاه بدنه تابع پیکانی یک عبارت باشد و این عبارت در یک بلاک (که با آکولاد مشخص شده) قرار نگرفته باشد، return به طور ...

یکی از بهترین راه حل ها برای پیاده‌سازی تابع وقفه در جاوا اسکریپت، استفاده از Promises است. با استفاده از setTimeout، می‌توان بدون متوقف کردن کل برنامه، یک وقفه ایجاد کرد. این روش به شما این امکان را می‌دهد که کدهایی را بعد از مدت زمان مشخصی اجرا کنید. ...

برای مقایسه تاریخ‌ها در جاوااسکریپت، می‌توان با استفاده از شی Date، تاریخ‌ها را با استفاده از عملگرهای مقایسه مانند >, <, <=, >= بررسی کرد. در اینجا نکات و روش‌های مختلف برای مقایسه تاریخ‌ها توضیح داده شده است. برای شروع، باید تاریخ‌ها را به صورت یک شیء ...

در طراحی رابط کاربری، به‌ویژه برای منوها و دیالوگ‌ها، بسیار متداول است که بخواهیم المان ها را وقتی کاربر، خارج از آن‌ها کلیک می‌کند، پنهان کنیم. برای دستیابی به این هدف می‌توان از jQuery یا JavaScript بهره برد. راه اول هندل کردن رویداد کلیک روی پنجره و ...

در جاوااسکریپت، تابعی مشابه با RegExp.escape که در زبان‌هایی مانند Ruby وجود دارد، به طور پیش‌فرض وجود ندارد. کار این تابع غیر فعال کردن کاراکترهای ویژه عبارات منظم در رشته مذکور است. برای غیر فعال کردن کاراکترهای ویژه در یک رشته و جلوگیری از تداخل آنها ...

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

فرض کنید تابعی به صورت زیر داریم که درون آن تابعی مانند geocode فراخوانی می شود که یک عملی را به صورت غیر همزمان انجام می دهد و نتیجه را به تابعی که بعنوان ورودی به آن ارسال شده می فرستند: function foo(address){ // ... geocoder.geocode({ 'address': ...

1. استفاده از Async Clipboard API استفاده از Async Clipboard API یکی از به‌روزترین و ساده‌ترین روش‌ها برای کپی کردن به کلیپ‌بورد است و در اکثر نسخه جدید مرورگرها (شامل Chrome 66 به بالا) پشتیبانی می‌شود. navigator.clipboard.writeText("متن ...

برای ایجاد یک آرایه جدید و مستقل از آرایه اصلی، می‌توانید از روش‌های زیر استفاده کنید: 1. استفاده از متد slice تابع let arr1 = ['a', 'b', 'c']; let arr2 = arr1.slice(); این روش یک کپی سطحی از آرایه اصلی ایجاد می‌کند و به متغیر جدید اشاره می‌کند. 2. ...

در زمان کار با URL ها که شامل پارامترهای GET هستند، ممکن است نیاز داشته باشید تا مقادیر آن‌ها را استخراج کنید. به عنوان مثال، در URL زیر: www.test.com/t.html?a=1&b=3&c=m2-m3-m4-m5 شما باید مقدار کامل c را به دست آورید، اما ممکن است با چالش‌هایی مواجه ...

جاوا اسکریپت دو نوع عددی دارد: Number و BigInt. نوع عددی Number، یک عدد شناور ۶۴ بیتی است که بر مبنای استاندارد IEEE 754 ذخیره می‌شود. در این سیستم، بالاترین مقدار صحیح دقیقی که می‌توان از آن استفاده کرد، Number.MAX_SAFE_INTEGER است که برابر با ...

تجزیه یک رشته به یک Date در جاوااسکریپت می‌تواند با چالش‌هایی همراه باشد. فرمت‌های مختلف تاریخ ممکن است باعث ایجاد مشکلاتی در تبدیل شوند، به‌خصوص زمانی که ساعات محلی و زمان UTC مورد استفاده قرار گرفته باشند. اگر رشته ما فرمت استاندار ISO باشد کار راحتی ...

برای گروه‌بندی اشیای یک آرایه و جمع کردن مقادیر آن‌ها، می‌توانید از روش‌های مختلفی استفاده کنید. در اینجا چندین روش ساده و مؤثر ارائه می‌شود که می‌تواند به شما در این فرآیند کمک کند. روش‌های گروه بندی استفاده از تابع reduce یکی از روش‌های متداول، استفاده ...

برای تجزیه یک رشته JSON در جاوا اسکریپت می توانید از متد استاندارد JSON.parse() استفاده کنید که از نسخه ES5 به بعد در اکثر مرورگرها و محیط‌های جاوا اسکریپت، از جمله Node.js، در دسترس است. استفاده از این متد بسیار ساده است: var response = ...

فرض کنید که یک عنصر <select> با چند گزینه به صورت زیر داریم: <form> <select id="ddlViewBy"> <option value="1">test1</option> <option value="2" selected="selected">test2</option> <option value="3">test3</option> </select> </form> برای دریافت مقدار ...

فرض کنید که آرایه از اطلاعات اشیا شامل اطلاعات خانه ها حاوی قیمت خانه و ... را داریم و می خواهیم آرایه را بر اساس قیمت خانه ها به صورت صعودی یا نزولی مرتب کنیم. برای مرتب‌سازی آرایه می‌توانیم از تابع sort در جاوا اسکریپت استفاده کنیم. این تابع به یک تابع ...

در زمان کار با رویدادها در JavaScript، خصوصاً در jQuery، دو روش اصلی برای جلوگیری از انجام رفتار پیش‌ فرض و جلوگیری از پیشرفت رویداد وجود دارد: event.preventDefault() و return false. روش اول: event.preventDefault() این متد به شما این امکان را می‌دهد که ...

در صورتی که بخواهید URL صفحه فعلی را بدون بارگذاری مجدد تغییر دهید، می‌توانید از تعدادی از متدهای موجود در API تاریخچه مرورگر استفاده کنید. این تکنیک به ویژه در سناریوهای SPA (Single Page Application) مفید است، جایی که نیاز دارید URL را به‌روزرسانی کنید ...