اشتراک‌ها
کتابخانه jquery-form-validation
The jQuery form validation plugin unifies the way to validate HTML forms using JavaScript. It is a simple clientside library that will save you a lot of time when it comes to adding validation on your HTML form inputs or selects!  Demo
کتابخانه jquery-form-validation
اشتراک‌ها
کتابخانه animated_alert
Animated alerts are the jQuery plugin based on css3 animation. Using it you can effectively communicate to users the right information. There are 68 animations, multiple color themes and types of messages and detailed documentation. Also you can develop your own themes, because of the efficient organization of the code. The plugin works in all modern browsers and on all devices. 
کتابخانه animated_alert
اشتراک‌ها
کتابخانه Polyglot-Language-Switcher-2
Polyglot Language Switcher is a JavaScript component which allows you to display a popup with the languages supported by your website.
This component has 3 implementations:
  1. jQuery Plugin
  2. AngularJS Directive
  3. ReactJS Component

Information about its usage and configuration can be found here  Demo

کتابخانه Polyglot-Language-Switcher-2
اشتراک‌ها
کتابخانه alton
Alton is a jQuery-powered scrolling plugin that utilizes custom vertical scrolling effects in order to present and navigate through web content in a unique manner. It utilizes the whole scrolljacking idea, but greatly improves upon the often-poorly-implemented scrolljacking experiences you might be used to.  Demo
کتابخانه alton
اشتراک‌ها
Basket.js: اسکریپت برای کش کردن، script و css ها در localStorage

One of common concerns I faced in web/frontend development is libraries like “Angularjs, Bootstrap, JQuery… etc..” loading time, and how that affect on website performance, when you need to load several libraries to your website/page.. specially with low internet speed connections

Basket.js: اسکریپت برای کش کردن، script و css ها در localStorage
اشتراک‌ها
کتابخانه tabbedcontent
TabbedContent is a lightweight* tabs plugin that uses the HTML5 history API to add your tab navigation to your browser's history.

* 2.6 KB packed, 1.5 KB gzipped

It is compatible with both jQuery and Zepto.js libraries.
It also has an API that will let you switch between tabs externally.

Basic Demo  Bootstrap Demo  Bootstrap + Zepto.js Demo
کتابخانه tabbedcontent
اشتراک‌ها
ویرایش سوم کتاب خود آموز گام به گام جاوا اسکریپت مایکروسافت
ویرایش سوم JavaScript Step by Step بر اساس دو ویرایش قبلی نگارش شده است. با این که معماری اصلی زبان جاوا اسکریپت تغییر آن چنانی نکرده است، استفاده از جاوا اسکریپت هر روزه بیشتر می‌شود و در طی چند سال اخیر اهمیت آن برای توسعه دهندگان بسیار افزایش یافته است. با این اوصاف ساختار و کلیات کتاب پیش رو تغییری نکرده به جز چند تغییر  قابل توجه. بخش Event Handling مورد تاکید بیشتری قرار گرفته است و برای افزایش سرعت توسعه از jQuery استفاده شده است. همچنین در فصل آخر، بخشی برای توسعه برنامه‌های Windows 8 با استفاده از جاوا اسکریپت در نظر گرفته شده است. با این حال، محتویات این کتاب کاملا در انحصار مایکروسافت نیست! 
ویرایش سوم کتاب خود آموز گام به گام جاوا اسکریپت مایکروسافت
اشتراک‌ها
فراخوانی بیشتر از یک بار "window.onload"
با توجه به اینکه بهترین مکان برای load کردن کتابخانه‌های javascript  در انتهای صفحه می‌باشد (از جمله jquery.js )، چنانچه از کدهای jquery در میان صفحات استفاده نماییم، مطمئنا با خطا مواجه خواهیم شد.
راه کار اولیه که به ذهنم رسید قرار دادن کد‌ها در یک تابع جدید مانند کد زیر است :
function myfunc(){
    $('#test')....;
}
و سپس قرار دادن آن تابع در window.onload به صورت زیر
window.onload = myfunc;
اما چنانچه در صفحه بیشتر از یک بار این مقدار دهی صورت گیرد با خطا مواجه می‌شویم

و خلاصه اینکه در لینک برای این مسئله هم راه کار وجود دارد و آن :

window.addEventListener('load', myfunc1, false);
window.addEventListener('load', myfunc2, false);
...




فراخوانی بیشتر از یک بار "window.onload"
نظرات مطالب
اعتبارسنجی مبتنی بر کوکی‌ها در ASP.NET Core 2.0 بدون استفاده از سیستم Identity
- ابتدا باید هدر مورد انتظار را مشخص کنید:
public void ConfigureServices(IServiceCollection services)
{
   services.AddMvc();
   services.AddAntiforgery(options => options.HeaderName = "__RequestVerificationToken"); 
}
- بعد متدی را برای تولید توکن در فایل razor درج کنید:
@inject Microsoft.AspNetCore.Antiforgery.IAntiforgery Xsrf

@functions{
    public string GetAntiXsrfRequestToken()
    {
        return Xsrf.GetAndStoreTokens(Context).RequestToken;
    }
}
- سپس اگر از jQuery استفاده می‌کنید، به صورت زیر این هدر با هر درخواستی به سمت سرور ارسال می‌شود:
<script type="text/javascript">
  $.ajaxPrefilter(function (options, originalOptions, jqXHR) {
      jqXHR.setRequestHeader("__RequestVerificationToken", '@GetAntiXsrfRequestToken()');
  });
</script>
نظرات مطالب
مروری بر کتابخانه ReactJS - قسمت هفتم - ورودی‌های کاربر
خطای 415 از سمت سرور یعنی unsupported media type. مطلب «جایگزین کردن jQuery با JavaScript خالص - قسمت پنجم - درخواست‌های Ajax» را مطالعه کنید تا با معادل‌های قبلی و جدید fetch api و نحوه‌ی صحیح تنظیم و «کار با JSON Encoding» آشنا شوید (headers: {'Content-Type': 'application/json'}). همچنین می‌تواند مشکل CORS و عدم تنظیم آن هم باشد (اگر برنامه‌ی کلاینت روی پورت x و برنامه‌ی سرور روی پورت y اجرا می‌شود و این دو پورت یکی نیستند).