آموزش رفتار اتصال در برنامه نویسی اورلیا

4 سال پیش

امتیاز دهید post

آموزش رفتار اتصال در برنامه نویسی اورلیا

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

در این درس، شما می آموزید که چگونه از رفتارها استفاده کنید. شما می توانید رفتار اتصال را به عنوان فیلتری تصور کنید که می تواند داده های اتصال را تغییر داده و در قالب دیگری نمایش دهد.

Throttle

این رفتار برای تعیین اینکه هر چند وقت یک بار به روزرسانی الزام آور انجام شود، استفاده می شود. ما می توانیم از Throttle برای کاهش سرعت به روزرسانی مدل ورودی استفاده کنیم. مثال مربوط به درس آخر را در نظر بگیرید. نرخ پیش فرض 200 میلی ثانیه است. با افزودن & throttle:2000 به ورودی خود، می توانیم آن را به 2 ثانیه تغییر دهیم.

app.js

export class App {  
   constructor() {
      this.myData = 'Enter some text!';
   }
}

export class App {

constructor() {

this.myData = 'Enter some text!';

}

app.html

&lt;template&gt;
   &lt;input id = "name" type = "text" value.bind = "myData &amp; throttle:2000" /&gt;
   &lt;h3&gt;${myData}&lt;/h3&gt;
&lt;/template&gt;

<h3>${myData}</h3>

</template>

Aurelia Binding Behavior Throttle

Debounce

deboun تقریباً همان Throttle است. با این تفاوت که، پس از قطع تایپ کاربر، اتصال به روز خواهد شد. اگر کاربر تایپ خود را به مدت دو ثانیه متوقف کند، مثال زیر صحافی را به روز می کند.

app.js

export class App {  
   constructor() {
      this.myData = 'Enter some text!';
   }
}

export class App {

constructor() {

this.myData = 'Enter some text!';

}

app.html

&lt;template&gt;
   &lt;input id = "name" type = "text" value.bind = "myData &amp; debounce:2000" /&gt;
   &lt;h3&gt;${myData}&lt;/h3&gt;
&lt;/template&gt;

<h3>${myData}</h3>

</template>

oneTime

oneTime کارآمدترین عملکرد رفتاری است. وقتی می دانید داده ها باید فقط یک بار متصل شوند ، همیشه باید از آن استفاده کنید.

app.js

export class App {  
   constructor() {
      this.myData = 'Enter some text!';
   }
}

export class App {

constructor() {

this.myData = 'Enter some text!';

}

app.html

&lt;template&gt;
   &lt;input id = "name" type = "text" value.bind = "myData &amp; oneTime" /&gt;
   &lt;h3&gt;${myData}&lt;/h3&gt;
&lt;/template&gt;

<h3>${myData}</h3>

</template>

مثال فوق متن را به نمای متصل می کند. با این حال ، اگر متن پیش فرض را تغییر دهیم ، هیچ اتفاقی نخواهد افتاد ، زیرا فقط یک بار بسته می شود.

منبع.

لیست جلسات قبل آموزش برنامه نویسی اورلیا

امتیاز دهید post

برچسب ها : آموزش اورلیا آموزش برنامه نویسی موبایل

نویسنده مطلب saber

آموزش رفتار اتصال در برنامه نویسی اورلیا

آموزش رفتار اتصال در برنامه نویسی اورلیا

Throttle

app.js

app.html

Debounce

app.js

app.html

oneTime

app.js

app.html

لیست جلسات قبل آموزش برنامه نویسی اورلیا

دیدگاه شما

بدون دیدگاه

آموزش رفتار اتصال در برنامه نویسی اورلیا

Throttle

app.js

app.html

Debounce

app.js

app.html

oneTime

app.js

app.html

لیست جلسات قبل آموزش برنامه نویسی اورلیا

دیدگاه شما

برای صرف‌نظر کردن از پاسخ‌گویی اینجا را کلیک نمایید.

بدون دیدگاه