Tag Achiv yo: Kachèt

Pòv la nan JavaScript

[TL;Doktè vèsyon pipiti de youn: sèvi ak lekòl pou stocker rezilta yo de async apèl; rendu rezilta yo de apèl async sot pase imedyatman Et puis valider yo apwè paj-chay.]

Mwen te gen t ap travay sou sit intranet SharePoint pou kliyan an yon fonctionnalités sa, pami lòt bagay, yon stylisé akote navigasyon ki opsyon kat sont gérés via regilye lis koutim granmoun.  Lide an se kliyan a obtient pou kontwole kat sit "yo" san ki afekte ou global navigasyon ki te mete pou l' te touche.

(se yon bagay très sibvèsif sou yo pandan l ajoute yon CEWP ki points pou yon fichier HTML sa charge kèk CSS Et JS fondamentalement ye prèske tout sou konpòtman sit yon... Men se pou yon lòt pòs)

Kòd la pou pote lestonmak li bèl sa a:

Ici Sur blese a se sa chak fwa yon moun hits yonn nan paj sit la, browser web utilisateur sa rive pou jwenn atik nan lis la.  Yon fwa ke dev nèt sou tout pwen Et pou fè tès ki éprouvée sa ki gen pou rete estab Et nèt sou tout pwen, apèl sa a pa nesesè plis pase 99% nan tan depi kat la raman chanje.  Li genyen tou yon bizarre Sur UI ki komen nan mond new brave sa a de hyper-ajaxy web pozisyon – paj la renders Et se sèlman lè sa fè kat a rendu.  Li instable Et trouble nan vi mwen.  Et instable. Se konsa, la. 

Mwen modifye lojik a thusly:

  • Chèche pou yon bonbon nan browser ki genyen kat la, menm jan mwen dènye li li
    • Si te jwenn, rendu li imedyatman.  Pa tann pou paj pou m fini chaje.  (Ou bezwen pou asire w ou HTML èstratejikman mete isit la, Men li pa di pou fèt).
  • Paj pou fini chaje ak fè yon async ki te rele pou chaje moute kat atik nan yon lis ki te itilize RÈS ou lists.asmx ou tou sa se pou tann
  • Konpare sa mwen gen kont bonbon a
    • Si l' alimè, Rete
    • San sa, w ap itilize jQuery, dynamique peple Ann, si <li>la nan yon <ul>
  • Sèvi ak CSS pou yo fè tout la mise
  • Avantaj!

Anpil nan nou ap vin di, "alo! se pa vrèman en kap pase isit la depi lè ou ap lecture kat sa a? chak fwa moun ki pa marye.”  Ou gen rezon – mwen pral pa bay sèvè a nenpòt kalite saut.  Men, paske apèl se async Et rive aprè paj la an premye HTML chaj entièrement renders, "santi l" plis aux pou moun kap itilize li an.  Kat la renders très kantite paj enspirasyon.  Si kat a rive pou chanje a, moun kap itilize li an soumis pou yon instable re-trase de kat la, Men se sèlman sa yon sèl fwa.

Genyen kèk fason pou fè sa a la pi efikas kont e ede sèvè la an menm tan:

  • Mete yo nan yon regleman sa a "bonbon cache" valab pou yon minimòm 24 Lè ou gen kèk lòt délai. Osi lontan ke pa gen okenn a bonbon, sèvi ak kat snapshot bonbon a Et la sèvè a te fwape pa janm.

Pi rekòt kafe/zaboka ki se tout sa ki vin chonje m kounye a :). 

Si yon moun gen okenn lide pran pòz isit la mwen ta renmen konnen yo.

Et, enfin-teknik sa ka sèvi pou lòt bagay.  Paj kliyan sa a gen yon bann bagay pa par done sou plizyè paj, anpil nan yo chanje relativement raman (tankou yon fwa pa semèn ou yon fwa pa mwa).  Si ou cible espesifik zòn de fonctionnalités, ou kapab bay yon plis aux UI en contenu de bonbon lokal nan magazen an ak rendu imedyatman.  Ou santi l lwa pou moun kap itilize li an menm si w ap pa enregistrement sèvè a cycles tout.  ou kapab mete sou kote cycles sèvè yo pa deside sou kèk kondisyon Et déclenche pou annuler kache bonbon lokal sa a.  La tout bagay artsy Et vrèman ki amizan :). 

</fen>

undefinedVous pou m' blog.

Swiv mwen sou Twitter nan http://www.twitter.com/pagalvin