خروجی کد زیر چیه؟ 😁
var i = 0; for (i = 0; i < 10; i++) { continue; } console.log(i);
var i = 0; for (i = 0; i < 10; i++) { continue; } console.log(i);
Anonymous Quiz
9%
1
31%
0
37%
10
23%
9
👍10👎3
💎 مقایسه برابری دو متغیر زمانی
💬 برای مقایسه دو متغیر زمانی (با تایپ آبجکت)، هیچوقت از عملگر == یا === استفاده کنید چون این دو عملگر تنها میتونند رفرنس متغیر های آبجکتی رو درون حافظه، با هم مقایسه میکنند و از آن جا که متغیر های زمانی از نوع آبجکت هستند و دو متغیر متفاوت، دارای دو رفرنس یا آدرس حافظه متفاوت است پس همیشه پاسخ مقایسه شما false خواهد بود (مگر اینکه متغیر اول درون متغیر دوم ریخته باشید یا اصطلاحاً Shallow Copy کرده باشید).
💡 به همین جهت برای مقایسه دو متغیر زمانی همیشه از متد های valueOf و یا getTime استفاده کنید این دو متد، متغیر زمانی مورد نظر را به میلی ثانیه و از نوع عدد تبدیل میکند آنگاست که مقایسه کاملاً صحیح صورت میگیره.
#زمان
🌐 @pieceJS
💬 برای مقایسه دو متغیر زمانی (با تایپ آبجکت)، هیچوقت از عملگر == یا === استفاده کنید چون این دو عملگر تنها میتونند رفرنس متغیر های آبجکتی رو درون حافظه، با هم مقایسه میکنند و از آن جا که متغیر های زمانی از نوع آبجکت هستند و دو متغیر متفاوت، دارای دو رفرنس یا آدرس حافظه متفاوت است پس همیشه پاسخ مقایسه شما false خواهد بود (مگر اینکه متغیر اول درون متغیر دوم ریخته باشید یا اصطلاحاً Shallow Copy کرده باشید).
💡 به همین جهت برای مقایسه دو متغیر زمانی همیشه از متد های valueOf و یا getTime استفاده کنید این دو متد، متغیر زمانی مورد نظر را به میلی ثانیه و از نوع عدد تبدیل میکند آنگاست که مقایسه کاملاً صحیح صورت میگیره.
#زمان
🌐 @pieceJS
👍10
💎 استفاده از توکن های % در کنسول دات لاگ
💬 شما میتونید کاملآً مانند زبان سی از توکن های درصدی برای فرمت بندی رشته در دستور console.log استفاده کنید.
✅ نکته: درصد c به نظرم توکن جذابیه که با استفاده از اون میتونید برای لاگ مورد نظر استایل css بنویسید 😃👌🏻
🌐 @pieceJS
💬 شما میتونید کاملآً مانند زبان سی از توکن های درصدی برای فرمت بندی رشته در دستور console.log استفاده کنید.
✅ نکته: درصد c به نظرم توکن جذابیه که با استفاده از اون میتونید برای لاگ مورد نظر استایل css بنویسید 😃👌🏻
🌐 @pieceJS
👍11
Forwarded from تیکه پاره های جاوا
سلام رفقا
یه مدت نبودیم ولی با یه خبر خیلی خوب برگشتیم!
🟡 برا بچه هایی که کتاب های زبان مرجع و به زبان اصلی مطالعه میکنید، مطمئنم شده که بخواید کتابش رو خریداری کنید اما خب... کتاب اصلی به ارز خودمون خیلی گرون میوفته
خواستم بگم الان یه موقعیتی فراهم شده که میتونیم PDF هاتون رو به کتاب تبدیل کنیم :)
🌱 مورد اول اینکه محدودیت کتاب نداریم
🌱 مورد دوم از لحاظ قیمت خیلی خیلی بصرفه تر از بازار در نظر گرفتیم :)
⭕️ فرصت ثبت سفارش تا 1 مهر
با توجه به اینکه حجم کتاب ها متفاوت هستش، جهت اطلاع از قیمت اسم کتاب رو برام ارسال کنید:
🆔@MRVJ475
یه مدت نبودیم ولی با یه خبر خیلی خوب برگشتیم!
🟡 برا بچه هایی که کتاب های زبان مرجع و به زبان اصلی مطالعه میکنید، مطمئنم شده که بخواید کتابش رو خریداری کنید اما خب... کتاب اصلی به ارز خودمون خیلی گرون میوفته
خواستم بگم الان یه موقعیتی فراهم شده که میتونیم PDF هاتون رو به کتاب تبدیل کنیم :)
🌱 مورد اول اینکه محدودیت کتاب نداریم
🌱 مورد دوم از لحاظ قیمت خیلی خیلی بصرفه تر از بازار در نظر گرفتیم :)
⭕️ فرصت ثبت سفارش تا 1 مهر
با توجه به اینکه حجم کتاب ها متفاوت هستش، جهت اطلاع از قیمت اسم کتاب رو برام ارسال کنید:
🆔@MRVJ475
👍6
💎 فعال کردن تب Commit درون نرم افزار های JetBrains
برای فعال کردن تب Commit در نرم افزار های شرکت جت برینز، میتونید از طریق آدرس زیر اقدام کنید:
File > Settings > Version Control > Commit
و گزینه ی Use non-modal commit interface را فعال کنید.
پ.ن: دو روز بود تبش حذف شده بود اعتراف میکنم که الان درک میکنم این فیچر چقدر تو وقتم صرفه جویی میکنه 🥲
#مثبت_برنامه_نویس
🌐 @pieceJS
برای فعال کردن تب Commit در نرم افزار های شرکت جت برینز، میتونید از طریق آدرس زیر اقدام کنید:
File > Settings > Version Control > Commit
و گزینه ی Use non-modal commit interface را فعال کنید.
پ.ن: دو روز بود تبش حذف شده بود اعتراف میکنم که الان درک میکنم این فیچر چقدر تو وقتم صرفه جویی میکنه 🥲
#مثبت_برنامه_نویس
🌐 @pieceJS
👍7
💎 دو نکته کلیدی در مورد Root Layout ها در NextJs
☝️جهت تعریف Root Layout مجزا برای هر دسته بندی یا URL باید روت لایوت صفحه اصلی پروژه را حذف کنید و در هر صفحه یا دسته بندی یک روت لایوت مجزا تعریف کنید.
✌️ نکته مهم اینکه در صورتی که برای هر صفحه یک روت لایوت تعریف کردید، پیمایش بین صفحه ها با Full reload همراه خواهد بود.
#نکست_جی_اس
🌐 @pieceJS
☝️جهت تعریف Root Layout مجزا برای هر دسته بندی یا URL باید روت لایوت صفحه اصلی پروژه را حذف کنید و در هر صفحه یا دسته بندی یک روت لایوت مجزا تعریف کنید.
✌️ نکته مهم اینکه در صورتی که برای هر صفحه یک روت لایوت تعریف کردید، پیمایش بین صفحه ها با Full reload همراه خواهد بود.
#نکست_جی_اس
🌐 @pieceJS
👍6
💎 زکات دانش نشر آن است (امام علی ع)
از تمامی اعضای کانال که قطعاً دانشی فراتر از بنده دارند دعوت میکنم اگر به نکته مهمی در هر قسمت از برنامه نویسی جاوااسکریپت و فریم ورک های آن بخوردند یا اینکه چالشی داشتند که اکنون به پاسخ رسیده اند در کامنت های این پست به اشتراک بگذارند تا سایر دوستان هم از آن بهره مند بشوند.
راستی نکات برگزیده یا خیلی کاربری و مهم رو داخل کانال پست میکنم و در صورتی که احتیاج به تحقیق بیشتر باشه حتماً این حقیر انجام وظیفه میکنم.
🌐 @pieceJS
از تمامی اعضای کانال که قطعاً دانشی فراتر از بنده دارند دعوت میکنم اگر به نکته مهمی در هر قسمت از برنامه نویسی جاوااسکریپت و فریم ورک های آن بخوردند یا اینکه چالشی داشتند که اکنون به پاسخ رسیده اند در کامنت های این پست به اشتراک بگذارند تا سایر دوستان هم از آن بهره مند بشوند.
راستی نکات برگزیده یا خیلی کاربری و مهم رو داخل کانال پست میکنم و در صورتی که احتیاج به تحقیق بیشتر باشه حتماً این حقیر انجام وظیفه میکنم.
🌐 @pieceJS
👍19👎1
تیکه پاره های جاوا اسکریپت pinned «💎 زکات دانش نشر آن است (امام علی ع) از تمامی اعضای کانال که قطعاً دانشی فراتر از بنده دارند دعوت میکنم اگر به نکته مهمی در هر قسمت از برنامه نویسی جاوااسکریپت و فریم ورک های آن بخوردند یا اینکه چالشی داشتند که اکنون به پاسخ رسیده اند در کامنت های این پست…»
💎 در مورد عبارت instanceof در جاوا اسکریپت
عبارت instanceof عبارتیست برای بررسی تست زنجیره prototype یک ابجکت استفاده قرار میگیرد یعنی بررسی می کند که آیا prototype یک آبجکت، از constructor مورد نظر نمونه گیری شده است یا خیر... (چی گفتم!!! 🤯)
مثلا کد زیر رو در نظر بگیرید
سینتکس کلیش هم به صورت زیر هست
#cunstructor #object #جاوااسکریپت
🌐 @pieceJS
عبارت instanceof عبارتیست برای بررسی تست زنجیره prototype یک ابجکت استفاده قرار میگیرد یعنی بررسی می کند که آیا prototype یک آبجکت، از constructor مورد نظر نمونه گیری شده است یا خیر... (چی گفتم!!! 🤯)
مثلا کد زیر رو در نظر بگیرید
function Car(make, model, year) {
this.make = make;
this.model = model;
this.year = year;
}
const auto = new Car('Honda', 'Accord', 1998);
console.log(Car instanceof auto);
// خروجی : true
console.log(auto instanceof Object);
// خروجی: true
چون ابجکت auto از نمونه ای از کانستراکتور Car هست خروجی لاگ اول true خواهد بود و از طرفی هر آبجکت نمونه ای از کلاس Object هم هست برای همین خروجی لاگ دوم هم true هست.سینتکس کلیش هم به صورت زیر هست
object instanceof constructor
#cunstructor #object #جاوااسکریپت
🌐 @pieceJS
👍4
💎 ارور پسورد هنگام استفاده از متد hash در پکیج bcrypt.js
گاهاً زمانی که از پکیج Bcrypt.JS استفاده میکنید و قصد هش کردن پسورد با استفاده از متد hash دارید ممکن است که با یکی از خطا های زیر رو برو بشید
و این درحالیست که شما برای پارامتر پسورد هم مقداردهی کرده اید!!!
اگر به این خطا برخوردید حدسم اینه که شما هم مثل من مقدار پسورد رو به صورت عددی 123456 وارد میکنید و پروژه نمیتونه عدد رو تشخیص بده و خطا دریافت میکنید
💡 راه حلش هم اینه که این مقدار رو به صورت رشته "123456" ارسال کنید.
💭 توجه: این نکته صرفا زمانی که دارید از postman استفاده میکنید ممکنه مورد استفاده تان قرار بگیرد.
#جاوااسکریپت #postman
🌐 @pieceJS
گاهاً زمانی که از پکیج Bcrypt.JS استفاده میکنید و قصد هش کردن پسورد با استفاده از متد hash دارید ممکن است که با یکی از خطا های زیر رو برو بشید
User validation failed: password: Password is required
یا خطای
Illegal arguments: number, number
و این درحالیست که شما برای پارامتر پسورد هم مقداردهی کرده اید!!!
اگر به این خطا برخوردید حدسم اینه که شما هم مثل من مقدار پسورد رو به صورت عددی 123456 وارد میکنید و پروژه نمیتونه عدد رو تشخیص بده و خطا دریافت میکنید
💡 راه حلش هم اینه که این مقدار رو به صورت رشته "123456" ارسال کنید.
💭 توجه: این نکته صرفا زمانی که دارید از postman استفاده میکنید ممکنه مورد استفاده تان قرار بگیرد.
#جاوااسکریپت #postman
🌐 @pieceJS
👍6
💎 جایگزینی برای postman در PHPStorm
اگر شما هم از postman برای تست api هاتون استفاده میکنید و برای توسعه پروژه هاتون phpstorm انتخاب کرده اید پیشنهاد میکنم بجای استفاده از postman، پلاگین RestfulBox رو روی نرم افزارتون نصب کنید و سریع تر api هاتون رو تست کنید. تقریباً امکانات ضروری postman رو هم داره 😁👌🏻
💡 راهنمای نصب:
File > Settings > Plugins
عبارت RestfulBox رو سرچ و نصب کنید
#مثبت_برنامه_نویس #phpstorm
🌐 @pieceJS
اگر شما هم از postman برای تست api هاتون استفاده میکنید و برای توسعه پروژه هاتون phpstorm انتخاب کرده اید پیشنهاد میکنم بجای استفاده از postman، پلاگین RestfulBox رو روی نرم افزارتون نصب کنید و سریع تر api هاتون رو تست کنید. تقریباً امکانات ضروری postman رو هم داره 😁👌🏻
💡 راهنمای نصب:
File > Settings > Plugins
عبارت RestfulBox رو سرچ و نصب کنید
#مثبت_برنامه_نویس #phpstorm
🌐 @pieceJS
👍6
Forwarded from تیکه پاره های جاوا اسکریپت
💎 ارور replaceAll is not a function !!!
با اینکه بیش از 1 سال است از آپدیت ES2021 میگذره اما هنوز برخی از همکاران به این ارور برخورد می کنند و دلیل آن هم عدم پشتیبانی بعضی از ورژن های یسری از مروگر ها از ES2021 یا حداقل عدم پشتیبانی کامل آن ها از آپدیت ES2021 است
🔸 به منظور حل این مشکل می تونید همچنان از متد String.prototype.replace استفاده کنید و از آنجایی که این متد فقط یک بار replace انجام میده (در واقع کل محتوا رو replace نمی کنه) میتونید از regex برای حل این مسئله استفاده کنید.
#جاوا_اسکریپت #رجکس #ES2021
🌐 @pieceJS
با اینکه بیش از 1 سال است از آپدیت ES2021 میگذره اما هنوز برخی از همکاران به این ارور برخورد می کنند و دلیل آن هم عدم پشتیبانی بعضی از ورژن های یسری از مروگر ها از ES2021 یا حداقل عدم پشتیبانی کامل آن ها از آپدیت ES2021 است
🔸 به منظور حل این مشکل می تونید همچنان از متد String.prototype.replace استفاده کنید و از آنجایی که این متد فقط یک بار replace انجام میده (در واقع کل محتوا رو replace نمی کنه) میتونید از regex برای حل این مسئله استفاده کنید.
#جاوا_اسکریپت #رجکس #ES2021
🌐 @pieceJS
👍7
سلام و شب بخیر
دوستان گلم معذرت میخوام مدتی درگیر پروژه ای بودیم (که بهتون میگم داستانشو) و به شخصه نتونستم کانال رو زیاد بروز کنم 🥹
سعی میکنم با این خبر یخورده کم کاریمو توجیه کنم 😁🥲
خبر هم اینکه خط چاپ کتاب های زبان اصلی رو راه انداختیم 😍
از امروز هر کتاب زبان اصلی ای که خواستید رو میتونیم براتون چاپ کنیم نمونه چاپ ها هم در ادامه میزارم که کیفیت چاپ رو ببینید 😉
قیمت هامون بسیار پایین در عوضش کیفیت کار واقعاً عالیه. 😍👌🏻
💡 برای ثبت سفارش، اسم کتاب مدنظرتون رو برامون پی وی کنید:
@MRVJ475
نکته مهم دیگه اینکه هیچ محدودیتی نداریم حتی اگر یک جلد بخواید سفارش بدید
دوستان گلم معذرت میخوام مدتی درگیر پروژه ای بودیم (که بهتون میگم داستانشو) و به شخصه نتونستم کانال رو زیاد بروز کنم 🥹
سعی میکنم با این خبر یخورده کم کاریمو توجیه کنم 😁🥲
خبر هم اینکه خط چاپ کتاب های زبان اصلی رو راه انداختیم 😍
از امروز هر کتاب زبان اصلی ای که خواستید رو میتونیم براتون چاپ کنیم نمونه چاپ ها هم در ادامه میزارم که کیفیت چاپ رو ببینید 😉
قیمت هامون بسیار پایین در عوضش کیفیت کار واقعاً عالیه. 😍👌🏻
💡 برای ثبت سفارش، اسم کتاب مدنظرتون رو برامون پی وی کنید:
@MRVJ475
نکته مهم دیگه اینکه هیچ محدودیتی نداریم حتی اگر یک جلد بخواید سفارش بدید
👍9
Media is too big
VIEW IN TELEGRAM
#نمونه_چاپ
🔶 اینم فیلمی از نمونه کاری که دیروز زدیم
مجموعه کتاب های CEH و چند تا کتاب تخصصی دیگه با چاپ رنگی 😍
💡 برای ثبت سفارش، اسم کتاب مدنظرتون رو برامون پی وی کنید:
@MRVJ475
🔶 اینم فیلمی از نمونه کاری که دیروز زدیم
مجموعه کتاب های CEH و چند تا کتاب تخصصی دیگه با چاپ رنگی 😍
💡 برای ثبت سفارش، اسم کتاب مدنظرتون رو برامون پی وی کنید:
@MRVJ475
👍7
💎 معرفی وبسایت Placeholder
اگر در حال طراحی یه صفحه HTML هستید و در بخش های مختلف آن نیاز به عکس دارید میتونید علل الحساب از وبسایت placeholder.com این تصاویر رو به صورت Placeholder قرار بدید تا اینکه بعداً عکس مناسب اون بخش رو پیدا و جایگذاری کنید. 😃
💡 یه ویژگی بی نظیری که این وبسایت داره شما میتونید هر Placeholderای رو با هر سایزی که میخواید تولید و استفاده کنید و نحوه استفادهش به صورت زیر هست:
https://via.placeholder.com/500x600
در آدرس بالا جای 500x600 هر سایزی رو که بنویسید تصویری در همان سایز براتون تولید میکنه. معرکست... نیست؟ 🥲
💭 پ.ن: اگر بجای 500x600 فقط یک عدد بنویسید مثلاً بنویسید 200، این فرض گرفته میشه که شما یه عکس 200 در 200 میخواستید.
#مثبت_برنامه_نویس #معرفی_سایت
🌐 @pieceJS
اگر در حال طراحی یه صفحه HTML هستید و در بخش های مختلف آن نیاز به عکس دارید میتونید علل الحساب از وبسایت placeholder.com این تصاویر رو به صورت Placeholder قرار بدید تا اینکه بعداً عکس مناسب اون بخش رو پیدا و جایگذاری کنید. 😃
💡 یه ویژگی بی نظیری که این وبسایت داره شما میتونید هر Placeholderای رو با هر سایزی که میخواید تولید و استفاده کنید و نحوه استفادهش به صورت زیر هست:
https://via.placeholder.com/500x600
در آدرس بالا جای 500x600 هر سایزی رو که بنویسید تصویری در همان سایز براتون تولید میکنه. معرکست... نیست؟ 🥲
💭 پ.ن: اگر بجای 500x600 فقط یک عدد بنویسید مثلاً بنویسید 200، این فرض گرفته میشه که شما یه عکس 200 در 200 میخواستید.
#مثبت_برنامه_نویس #معرفی_سایت
🌐 @pieceJS
👍11
#نمونه_چاپ
و اینم سه تا از کتابای امروزمون 😍
💡 برای ثبت سفارش، اسم کتاب مدنظرتون رو برامون پی وی کنید:
@MRVJ475
پ.ن: وسوسه شدم Advanced React رو برای خودمم بزنم 😁🥲
و اینم سه تا از کتابای امروزمون 😍
💡 برای ثبت سفارش، اسم کتاب مدنظرتون رو برامون پی وی کنید:
@MRVJ475
پ.ن: وسوسه شدم Advanced React رو برای خودمم بزنم 😁🥲
👍6
This media is not supported in your browser
VIEW IN TELEGRAM
#نمونه_چاپ
🔶 و اینم فیلم دو سه تا از کتاب های دیروز که عکسشون هم پیش از این گذاشتم کانال 😍
💡 برای ثبت سفارش، اسم کتاب مدنظرتون رو برامون پی وی کنید:
@MRVJ475
🔶 و اینم فیلم دو سه تا از کتاب های دیروز که عکسشون هم پیش از این گذاشتم کانال 😍
💡 برای ثبت سفارش، اسم کتاب مدنظرتون رو برامون پی وی کنید:
@MRVJ475
👍7
Forwarded from کتابفروشی آی تی هلو
#معرفی_کتاب
#دیزاین_پترن
#برنامه_نویسی
احتمالا تا الان چند باری اصطلاح دیزاین پترن به گوشتون خورده باشه. همونطور که میدونید دیزاین پترن ها مجموعه ای از الگو ها و تکنیک های توسعه ان که برای حل یکسری مسائل رایج در طراحی نرم افزار به کار گرفته میشن.
اما یکی از بهترین کتاب هایی که در یادگیری الگو های طراحی بشدت میتونه موثر باشه کتاب Dive Into DESIGN PATTERNS هستش.
توی کتاب 22 تا از معروف ترین الگو های طراحی بررسی شده + 8 اصل مهم که الگو ها بر پایه ی اونها نوشته شدن.
وجه تمایزش هم با مابقی کتاب ها، شیوه ی آموزشش هست. به اینصورت که برای هر الگوی طراحی چندین مورد بررسی شده:
⭕️ قیمت توی مارکت ها مابین 250 تا 300
✅ ولی با 190ت میتونین ازمون دریافت کنین😍
برای سفارش: @MRVJ475
#دیزاین_پترن
#برنامه_نویسی
احتمالا تا الان چند باری اصطلاح دیزاین پترن به گوشتون خورده باشه. همونطور که میدونید دیزاین پترن ها مجموعه ای از الگو ها و تکنیک های توسعه ان که برای حل یکسری مسائل رایج در طراحی نرم افزار به کار گرفته میشن.
اما یکی از بهترین کتاب هایی که در یادگیری الگو های طراحی بشدت میتونه موثر باشه کتاب Dive Into DESIGN PATTERNS هستش.
توی کتاب 22 تا از معروف ترین الگو های طراحی بررسی شده + 8 اصل مهم که الگو ها بر پایه ی اونها نوشته شدن.
وجه تمایزش هم با مابقی کتاب ها، شیوه ی آموزشش هست. به اینصورت که برای هر الگوی طراحی چندین مورد بررسی شده:
کجا مشکل به وجود میاد؟
الگوی راه حل چیه؟
ساختار الگو به چه صورته؟
چه زمانی از الگو استفاد کنیم؟
توی دنیای حقیقی مشکل به چه صورت ظاهر میشه؟
مزایا و معایب استفاده از این الگو...
⭕️ قیمت توی مارکت ها مابین 250 تا 300
✅ ولی با 190ت میتونین ازمون دریافت کنین😍
برای سفارش: @MRVJ475
👍4
💎 معرفی ریپازیتوری ای حاوی الگوریتم های معرکه
#معرفی_سایت
#پیشنهاد
بازم یه ریپازیتوری خیییلی کاربردی که اکثر الگوریتم های معروف رو به زبون های مختلف بازنویسی کردن( الی الخصوص جاوا / جاوا اسکریپت / سی و... ). پیشنهاد میکنم حتما بهش سر بزنین :) هر الگوریتمی بخواین اینجا هست
🔗 لینک
🌐 @pieceJS
#معرفی_سایت
#پیشنهاد
بازم یه ریپازیتوری خیییلی کاربردی که اکثر الگوریتم های معروف رو به زبون های مختلف بازنویسی کردن( الی الخصوص جاوا / جاوا اسکریپت / سی و... ). پیشنهاد میکنم حتما بهش سر بزنین :) هر الگوریتمی بخواین اینجا هست
🔗 لینک
🌐 @pieceJS
👍7