རྡོ་བཟོ་: ཁྱོད་ལུ་ད་ལས་ཕར་དཔེ་མཛོད་དགོཔ་མེད་པའི་དངོས་པོ།

ཁྱོད་ཀྱི་ཡོངས་འབྲེལ་མཐུད་ལམ་གྱི་མགྱོགས་ཚད་ཡང་ཡར་སེང་འགྱོ་སྲིད་ནི་ཨིན་རུང་ མི་ག་ར་ལུ་དེ་སྦེ་མེན། དེ་ལས་ མི་ཆ་མཉམ་ལུ་ ཐབས་འཕྲུལ་གྱི་ནུས་པ་ཡང་ གཅིག་མཚུངས་མེདཔ་ཨིན། འདོན་སྤེལ།: ༢༠༡༠/༠༣/༠༣ རིག་པ།(༡) འདི་ཡང་ གཟའ་ཉི་མའི་ཉིན། ཡོངས་འབྲེལ་ནང་ལུ་ མངོན་གསལ་འབད་ནིའི་ལཱ་འགན་ངན་པ་འདི་གིས་ བཀོག་བཞག་ཚད་སྦོམ་འགྱོ་དོ་ཡོདཔ་མ་ཚད་ ཚོང་རྟགས་ཀྱི་མིང་གཏམ་ལུ་ཡང་ གནོད་པ་བརྐྱབ་ཨིན། ཐབས་འཕྲུལ་ཚུ་གུ་ཨང་རྟགས་ཉུང་སུ་གཡོག་བཀོལ་དོ། ད་རུང་ ཁྱོད་ཀྱིས་ ཁྱོད་རའི་ཚོང་མགྲོན་པ་ཚུ་གི་ཐབས་འཕྲུལ་ཚུ་ནང་ བཏང་མི་ གསང་ཡིག་འདི་ གལ་སྲིད་ སྟེགས་བུ་གུར་ ཇ་བ་ཨིསི་ཀིརིཔ་ བཅུད་དོན་ཉུང་སུ་ཅིག་ལག་ལེན་འཐབ་པ་ཅིན་ མགྱོགས་དྲགས་སྦེ་ འགྱོ་འོང་། དེ་ཡང་ སྔོན་སྒྲིག་གིས་ ལན་གསལ་དང་ འཛུལ་སྤྱོད་འབད་ཚུགསཔ་འོང་། འདི་ཚུ་ག་ར་གིས་ ཚོང་མགྲོན་པ་མངམ་དང་ དགའ་སྤྲོ་འབྱུང་བཅུགཔ་ཨིན། ངའི་མཉམ་རོགས་ཨེ་ལེགསི་རཱ་སེལ་གྱི་ལོ་བསྟར་གྱི་ལཱ་འགན་འདྲ་མཉམ་མེད་པའི་བར་སྟོང་གི་བརྡ་འཕྲིན་ནང་ལུ་ བལྟ་ཞིབ་འབད་དགོ། དེ་ལས་ ཁྱད་པར་འདི་ དུས་ཚོད་དང་འཁྲིལ་ཏེ་ ཡར་སེང་འགྱོ་དོ་ཡོདཔ་ཨིན།

ནང་འཁོད་རྡོ་བཟོའི་བཀོད་སྒྲིག། མགྱོགས་པ་རང་འོང་ནི་ཨིན་མི་ ཡོངས་འབྲེལ་གྱི་སྟེགས་བུའི་ཁྱད་རྣམ་གཅིག་ ང་གིས་ གནམ་མེད་ས་མེད་ སེམས་དགའ་སྟེ་ཡོད་མི་འདི་ CSS Masonry ཨིན།

ང་གིས་ རྡོ་བཟོ་ཟེར་མི་འདི་ག་ཅི་ཨིན་ན་ འགྲེལ་བཤད་རྐྱབ་སྟེ་ འགོ་བཙུགས་གེ། རྡོ་བཟོ་ཟེར་མི་འདི་ག་ཅི་སྨོ? རྡོ་བཟོའི་རིགས་འདི་ ལོ་གཅིག་གི་ཧེ་མ་ Pinterest གིས་ ཡོངས་གྲགས་བཟོ་ཡོད་པའི་ བཀོད་སྒྲིག་ཅིག་ཨིན། འདི་གིས་ ནང་དོན་གྱི་རང་དབང་ཅན་གྱི་ལམ་རིམ་ཚུ་གསར་བསྐྲུན་འབདཝ་ཨིན་ དེ་གི་ནང་འཁོད་ལུ་ རྣམ་གྲངས་ཚུ་ ལམ་འགོ་བཙུགས་པའི་ཉེ་འདབས་ལུ་ ག་དེ་དྲག་དྲག་སྦེ་ བསྡུ་སྒྲིག་འབདཝ་ཨིན།

མི་མང་ཤོས་ཅིག་གིས་ རྡོ་བཟོའི་ལཱ་འདི་ ཡིག་ཆ་དང་པར་སྟོན་ཁང་ཚུ་གི་དོན་ལུ་ གདམ་ཁ་སྦོམ་ཅིག་སྦེ་མཐོངམ་ཨིནམ་ལས་ དེ་གིས་ ངེས་པར་དུ་འབད་ཚུགས། འདི་ཡང་ རྡོ་བཟོ་འདི་ Pinterest ནང་ལུ་མཐོང་མི་ལས་ བསྒྱུར་བཅོས་ཅན་ཅིག་ཨིནམ་ལས་ ཆུ་རུད་བཟུམ་གྱི་ བཀོད་རིས་ཚུ་ལུ་རྐྱངམ་ཅིག་ ཚད་འཛིན་འབད་དེ་མེདཔ་ཨིན། རྡོ་བཟོའི་སྒྲིག་བཀོད་ཅིག་ནང་:

ལམ་ཚུ་ཀེར་ཐིག་ཡང་ན་གྲལ་ཐིག་ཚུ་བཏུབ།

ནང་དོན་གྱི་ལམ་ཕྱོགས་ཚུ་ག་ར་ཚད་གཅིག་སྦེ་དགོཔ་མེད།

རྣམ་གྲངས་ཚུ་གིས་ གླུ་གཞས་ལེ་ཤ་ཅིག་ཁྱབ་ཚུགས།

རྣམ་གྲངས་ཚུ་ དམིགས་བསལ་གྱི་ལམ་ཐིག་ཚུ་གུ་བཙུགས་བཏུབ། རང་བཞིན་གྱི་བཀོད་སྒྲིག་ཨཱལ་གོ་རི་དམ་འདི་ དུས་རྒྱུན་དུ་ རྗེས་སུ་འཇུག་མི་དགོ།

འགྲེམ་སྟོན། འདི་ནང་ ང་གིས་ ཀོརོ་མིཡམ་ནང་ སི་ཨེསི་ཨེསི་ རྡོ་བཟོའི་ འོང་ནི་ཨིན་མི་ ལག་ལེན་འཐབ་ཐངས་ལག་ལེན་འཐབ་སྟེ་ བཟོ་ཡོད་པའི་ བརྡ་སྟོན་འཇམ་ཏོང་ཏོ་ དག་པ་ཅིག་ཡོདཔ་ཨིན། པར་འགྲེམས་སྟོན་ཁང་གིས་ རྣམ་གྲངས་ཚུ་གིས་ ༼གནད་དོན་འདི་ནང་ མགོ་མིང་༽ གིས་ གླུ་གཞས་ལེ་ཤ་ཅིག་ ག་དེ་སྦེ་ ཁྱབ་ཚུགསཔ་ཨིན་ན་ སྟོནམ་ཨིན།

གཞན་ཡང་ ཚད་གཞི་སོ་སོའི་ གླུ་གཞས་ཚུ་སྟོན་མི་ པར་རིས་འགྲེམས་སྟོན་ཁང་།

གནས་ཚུལ་ས་ཁོངས་སྒྲིག་བཀོད་ཅིག་ གཞན་མི་ཚུ་ལས་ལྷག་སྟེ་ གཞས་ཚིག་ལ་ལུ་ཅིག་དང་ སྒྲིག་བཀོད་ཀྱི་རྒྱ་ཚད་ཆ་མཉམ་ལུ་ཁྱབ་པའི་རྣམ་གྲངས་ལ་ལོ་ཅིག་ཡོདཔ་ཨིན།

རྣམ་གྲངས་ཚུ་ དམིགས་བསལ་གྱི་ལམ་ཐིག་ཚུ་གུ་བཙུགས་བཏུབ་པའི་སྟོན་མི་ ཀན་བཱན་བང་སྒྲོམ་ཅིག:

དྲན་ཐོ།: དེ།ཧེ་མའི་བརྡ་སྟོན་ཚུ་ ཝེབ་ལག་ལེན་པ་མང་ཤོས་ཅིག་ལུ་ ད་ལྟོ་ཡང་ མ་ཐོབ་པའི་ Chromium གི་ཐོན་རིམ་དང་གཅིག་ཁར་ བཟོ་ཡོདཔ་ཨིན། ཨིན་རུང་ ཝེབ་བཟོ་མི་ཚུ་གིས་ ཧེ་མ་ལས་རང་ ལོ་ངོ་མང་རབས་ཅིག་གི་རིང་ལུ་ དཔེ་མཛོད་ཚུ་ དགའ་སྤྲོ་ཐོག་ལས་ རྡོ་བཟོའི་སྒྲིག་བཀོད་ཚུ་ བཟོ་སྟེ་ཡོདཔ་ཨིན། ད་རེས་ནངས་པ་ རྡོ་བཟོ་ལག་ལེན་འཐབ་མི་ ས་ཁོངས་ཚུ། ད་རེས་ནངས་པ་ ཡོངས་འབྲེལ་ནང་ལུ་ རྡོ་བཟོ་འདི་ ཧ་ཅང་གིས་ ཡོངས་གྲགས་ཡོདཔ་ཨིན། འདི་ནང་ལུ་ ང་གིས་ Pinterest ལས་ལྷག་སྟེ་ དཔེ་དག་པ་ཅིག་མཐོང་ཡི།

དེ་ལས་ དཔེར་ན། གསལ་ཏོག་ཏོ་ཉུང་སུ་ཅིག་ཡོདཔ་ཨིན།

དེ་འབདཝ་ལས་ བཀོད་སྒྲིག་འདི་ཚུ་ག་དེ་སྦེ་བཟོ་ཡི་ག་? Workarounds ང་གིས་ ལག་ལེན་འཐབ་ས་མཐོང་མི་ ཐབས་ཤེས་གཅིག་འདི་ དེ་གི་ཚབ་ལུ་ ཕེལེགསི་བོགསི་སྒྲིག་བཀོད་ལག་ལེན་འཐབ་སྟེ་ དེ་གི་ཁ་ཕྱོགས་འདི་ ཀེར་ཐིག་ལུ་བསྒྱུར་བཅོས་འབད་དེ་ བཀབ་བཞག་ནི་ལུ་ གཞི་སྒྲིག་འབད་ནི་འདི་ཨིན། འདི་བཟུམ་སྦེ་ ཁྱོད་ཀྱིས་ མཐོ་ཚད་སོ་སོ་ཡོད་པའི་རྣམ་གྲངས་ཚུ་ རང་དབང་ཅན་གྱི་ཀེར་ཐིག་སྣ་མང་ནང་ བཙུགས་ཏེ་ རྡོ་བཟོའི་སྒྲིག་བཀོད་ཀྱི་ མཐོང་སྣང་བྱིནམ་ཨིན།

དེ་འབདཝ་ད་ ཐབས་ཤེས་འདི་དང་གཅིག་ཁར་ ཚད་འཛིན་གཉིས་ཡོདཔ་ཨིན།

ཅ་ཆས་ཚུ་གི་གོ་རིམ་འདི་ རྡོ་བཟོའི་བཀོད་རིས་ངོ་མ་དང་གཅིག་ཁར་ ག་ཅི་འོང་ནི་ཨིན་ན་ལས་ སོ་སོ་ཅིག་ཨིན། ཕེལེགསི་བོགསི་དང་གཅིག་ཁར་ རྣམ་གྲངས་ཚུ་གིས་ ཀེར་ཐིག་དང་པ་འདི་ དང་པ་རང་བཀང་ཞིནམ་ལས་ བཀང་ཚརཝ་ད་ ཤུལ་མམ་གྱི་ཀེར་ཐིག་ལུ་འགྱོ། རྡོ་བཟོའི་ཐོག་ལས་ ཅ་ཆས་ཚུ་ གང་རུང་ཅིག་ནང་ བརྩེགས་བརྩེགས་འབད་འོང་། ༼ཡང་ན་ གནད་དོན་འདི་ནང་ ཀེར་ཐིག་༽ ས་སྟོང་མངམ་ཡོདཔ་ཨིན། དེ་འབདཝ་ད་ དེ་ལས་ གལ་ཆེ་ཤོས་རང་ ཐབས་ཤེས་འདི་གིས་ ཁྱོད་ཀྱིས་ ཕེལེགསི་བོགསི་ དོས་ཆས་ལུ་ མཐོ་ཚད་གཏན་གཏན་ཅིག་ གཞི་སྒྲིག་འབད་དགོཔ་ཨིན། དེ་མེན་པ་ཅིན་ བཀབ་བཞག་མི་ཚུགས།

ཕྱོགས་གསུམ་པའི་རྡོ་བཟོའི་དཔེ་མཛོད་ཚུ། གོང་འཕེལ་ཅན་གྱི་གནས་སྟངས་ཚུ་གི་དོན་ལུ་ གོང་འཕེལ་གཏང་མི་ཚུ་གིས་ དཔེ་མཛོད་ཚུ་ལག་ལེན་འཐབ་སྟེ་ཡོདཔ་ཨིན། འདི་གི་དོན་ལུ་ ཡོངས་གྲགས་ཅན་དང་ ཡོངས་གྲགས་ཅན་གྱི་དཔེ་མཛོད་འདི་ རྡོ་བཟོཔ་ཟེར་སླབ་ཨིནམ་དང་ འདི་ཡང་ བདུན་ཕྲག་རེ་ནང་ ཚར་༢༠༠,༠༠༠ དེ་ཅིག་ ཕབ་ལེན་འབད་ཚུགས་དོ་ཡོདཔ་སྦེ་ཨིན་མས། Squarespace གིས་ཡང་ བཀོད་སྒྲིག་ཆ་ཤས་ཅིག་བྱིནམ་ཨིནམ་ད་ དེ་གིས་ རྡོ་བཟོའི་བཀོད་སྒྲིག་འདི་ གསང་ཡིག་མེད་པའི་ཐབས་ཤེས་གཞན་ཅིག་གི་དོན་ལུ་ བྱིནམ་ཨིནམ་དང་ ས་ཁོངས་མང་ཤོས་ཅིག་གིས་ ལག་ལེན་འཐབ་ཨིན། གདམ་ཁ་འདི་གཉིས་ཆ་ར་གིས་ སྒྲིག་བཀོད་ནང་རྣམ་གྲངས་ཚུ་བཞག་ནི་ལུ་ ཇ་བ་ཨིསི་ཀིརིཔཊི་ཨང་རྟགས་ལག་ལེན་འཐབ་ཨིན། Built-in Masonry ད་ལྟོ་ མེ་སོན་རི་འདི་ བརྡ་འཚོལ་ཚུ་ནང་ ནང་འཁོད་ཀྱི་ སི་ཨེསི་ཨེསི་ཁྱད་རྣམ་ཅིག་སྦེ་ འཐོན་འགོ་བཙུགས་མི་ལུ་ ང་གིས་ སེམས་དགའ་ཡི། དུས་ཚོད་དང་འཁྲིལ་ཏེ་ ཁྱོད་ཀྱིས་ གིརིཌི་ཡང་ན་ ཕེལེགསི་བོགསི་བཟུམ་སྦེ་ མེ་སོན་རི་ལག་ལེན་འཐབ་ཚུགས་ནི་ཨིནམ་ད་ དེ་ཡང་ ཐབས་ཤེས་དང་ ཡང་ན་ ཕྱོགས་གསུམ་པའི་གསང་ཡིག་ཚུ་ མ་དགོ་པར་ ལག་ལེན་འཐབ་ཚུགས། མའི་ཀོརོ་སོཕཊ་ལུ་ཡོད་པའི་ངེ་གི་སྡེ་ཚན་གྱིས་ ཀོརོ་མིཡམ་ཁ་ཕྱེ་ཐོན་ཁུངས་ལས་འགུལ་ནང་ བཟོ་བཀོད་འབད་ཡོད་པའི་ མེ་སོན་རི་རྒྱབ་སྐྱོར་ཚུ་ ལག་ལེན་འཐབ་དོ་ཡོདཔ་ད་ དེ་ཡང་ ཨེཌ་ཇི་དང་ ཀོརོམ་ དེ་ལས་ གཞན་མི་བརྡ་འཚོལ་ཚུ་ལུ་གཞི་བཞག་སྟེ་ཨིན། འདོན་སྤེལ།: ༢༠༡༠/༠༣/༠༣ རིག་པ།(༠) འབྲུག་ལུ་བཙོན་ཁང་ནང་ལུ་ཡོད་མི་ བཙོན་པ་༡༠༠ལྷགཔ་ཅིག་གིས་ ད་རིས་ བཙོན་ཁང་ནང་ལས་ ཐོན་ཡོདཔ་ཨིན་མས། ཁྱད་རྣམ་འདི་ཚད་ལྡན་བཟོ་ནི་གི་ལཱ་འདི་ཡང་ སྤྱིར་བཏང་ཁ་ཕྱོགས་ཀྱི་སྐོར་ལས་ སི་ཨེསི་ཨེསི་ལཱ་འབད་མི་སྡེ་ཚན་གྱི་ནང་འཁོད་ལུ་ གན་ཡིག་བཟོ་སྟེ་ བཀྲམ་སྟོན་དབྱེ་བ་གསརཔ་གི་བཀྲམ་སྟོན་ཡང་ གིརིཌི་-ལེནསི་ཚུ་ གོང་འཕེལ་འགྱོ་དོ་ཡོདཔ་ཨིན། ཁྱོད་ཀྱིས་ རྡོ་བཟོའི་སྐོར་ལས་ ཤེས་འདོད་ཡོད་པ་ཅིན་ ངེ་གི་ CSS རྡོ་བཟོའི་ཐོན་ཁུངས་ཤོག་ལེབ་འདི་བལྟ། དུས་ཚོད་ཀྱི་ནང་ལུ་ རྡོ་བཟོ་འདི་ གིརིཌ་ཡང་ན་ ཕེལེགསི་བོགསི་བཟུམ་སྦེ་ གཞི་རྟེན་ཁྱད་རྣམ་ཅིག་ལུ་འགྱུར་བའི་སྐབས་ ང་བཅས་ཀྱིས་ འཇམ་ཏོང་ཏོ་སྦེ་ལག་ལེན་འཐབ་སྟེ་ ཕན་ཐོགས་འབྱུང་ཚུགས།

Better performance, Better responsiveness, ལག་ལེན་འཐབ་བདེ་ཏོག་ཏོ་དང་ གསང་ཡིག་འཇམ་ཏོང་ཏོ།

འདི་ཚུ་ ལེགས་ཤོམ་སྦེ་བལྟ་གེ། Better Performance ཁྱོད་རའི་ རྡོ་བཟོ་བཟུམ་གྱི་ བཀོད་སྒྲིག་ལམ་ལུགས་བཟོ་ནི་དང་ ཡང་ན་ དེ་གི་ཚབ་ལུ་ ཕྱོགས་གསུམ་པའི་དཔེ་མཛོད་ལག་ལེན་འཐབ་མི་འདི་གིས་ ཁྱོད་ཀྱིས་ གསལ་གཞི་གུ་ཅ་ཆས་ཚུ་བཙུགས་ནིའི་དོན་ལུ་ ཇ་བ་ཨིསི་ཀིརིཔཊི་ཨང་རྟགས་འདི་ གཡོག་བཀོལ་དགོཔ་ཨིན། འདི་གིས་ཡང་ གསང་ཡིག་འདི་གིས་ བཀག་ཆ་འབད་ནི་ཨིན་ཟེར་སླབ་ཨིན། ངོ་མ་འབད་བ་ཅིན་ ཇ་བ་ཨིསི་ཀིརིཔཊི་གསང་ཡིག་འདི་ གཡོག་བཀོལ་མ་ཚུགས་ཚུན་ཚོད་ ག་ནི་ཡང་ མཐོང་མི་ཚུགས་ནི་ཨིནམ་མ་ཚད་ ཡང་ན་ དངོས་པོ་ཚུ་ ས་གནས་ངེས་བདེན་ནང་ ཡང་ན་ ཚད་ངེས་བདེན་ནང་ མི་འོང་། འདོན་སྤེལ།: ༢༠༡༡/༠༤/༢༠ རིག་པ།(༡) འབྲུག་རྒྱང་བསྒྲགས་ལས་ཁུངས་ཀྱིས་ འབྲུག་རྒྱང་བསྒྲགས་ལས་ཁུངས་ལུ་ འབྲུག་རྒྱང་བསྒྲགས་ལས་ཁུངས་ཀྱི་ འགོ་དཔོན་ཚུ་ལུ་ བརྡ་འཕྲིན་བཏང་ཡོདཔ་ཨིན། ང་གིས་ མེ་སོན་རི་ཇེ་ཨེསི་དཔེ་མཛོད་འདི་ བཀོད་སྒྲིག་འཇམ་ཏོང་ཏོ་ཅིག་དང་ ཌེབ་ཊུལསི་ནང་ ༤ཇི་མཐུད་ལམ་མགྱོགས་དྲགས་ཅིག་ བརྡ་སྟོན་འབད་དེ་ བརྟག་དཔྱད་འབད་ཡི། དཔེ་མཛོད་འདི་ གནམ་མེད་ས་མེད་སྦོམ་མེད་ (24KB, 7.8KB gzipped) དེ་འབདཝ་ད་ ངེ་གི་བརྟག་དཔྱད་གནས་སྟངས་ནང་ མངོན་གསལ་འབད་ནི་ལུ་ 600ms འགོར་ཡི། འདི་ནང་ལུ་ རྡོ་བཟོའི་དཔེ་མཛོད་ཀྱི་དོན་ལུ་ 600ms མངོན་གསལ་གྱི་དུས་ཚོད་རིངམོ་སྦེ་སྟོན་མི་ ལཱ་འགན་སྒྲ་བཟུང་ཅིག་ཨིནམ་དང་ དེ་སྦེ་འབད་བའི་སྐབས་ལུ་ གཞན་མི་ལས་རིམ་ག་ནི་ཡང་མ་བྱུང་པས།

དེ་མ་ཚད་ འགོ་ཐོག་མངོན་གསལ་དུས་ཚོད་ཀྱི་ཤུལ་ལས་ ཕབ་ལེན་འབད་ཡོད་པའི་ཡིག་ཚུགས་འདི་ དེ་ལས་ དབྱེ་དཔྱད་འབད་དགོཔ་དང་ ཕྱོགས་སྒྲིག་འབད་དགོཔ་ དེ་ལས་ གཡོག་བཀོལ་དགོཔ་ཨིན། དེ་ཚུ་ག་ར་ ཧེ་མ་བཀོད་དོ་བཟུམ་སྦེ་ ཤོག་ལེབ་འདི་གི་ བཀྲམ་སྟོན་འདི་ བཀག་ཆ་འབད་དེ་ཡོདཔ་ཨིན། བརྡ་འཚོལ་ནང་ལུ་ བཟོ་བཀོད་འབད་ཡོད་པའི་ རྡོ་བཟོའི་ལག་ལེན་འཐབ་ཐངས་དང་གཅིག་ཁར་ ང་བཅས་ལུ་ མངོན་གསལ་འབད་ནི་དང་ གཡོག་བཀོལ་ནིའི་དོན་ལུ་ ཡིག་ཆ་ཅིག་མི་འོང་། བརྡ་འཚོལ་འཕྲུལ་ཆས་འདི་གིས་ འགོ་ཐོག་ཤོག་ལེབ་བཀྲམ་སྟོན་གྱི་གོ་རིམ་སྐབས་ལུ་རྐྱངམ་ཅིག་འབད་འོང་། Better Responsiveness ཤོག་ལེབ་ཅིག་འགོ་དང་པ་མངོན་གསལ་འབད་བའི་སྐབས་དང་ཅོག་འཐདཔ་སྦེ་ བརྡ་འཚོལ་སྒོ་སྒྲིག་འདི་ཚད་བསྐྱར་བཟོ་འབད་མི་འདི་གིས་ ཤོག་ལེབ་དེ་ནང་ལུ་སྒྲིག་བཀོད་འདི་ལོག་སྟེ་བཀྲམ་སྟོན་འབདཝ་ཨིན། འདི་བསྒང་ ཤོག་ལེབ་འདི་ Masonry JS དཔེ་མཛོད་ལག་ལེན་འཐབ་པ་ཅིན་ ཡིག་ཆ་འདི་ ལོག་སྟེ་མངོན་གསལ་འབད་དགོཔ་མེདཔ་ཨིན།ན་ལུ། ཨིན་རུང་ རྣམ་གྲངས་ཚུ་ ས་གནས་འོས་འབབ་ཅན་ཚུ་ནང་ སྤོ་བཤུད་འབད་མི་ གསང་ཡིག་འདི་ གཡོག་བཀོལ་དགོཔ་ཨིན། ད་ལྟོ་འདི་ དམིགས་བསལ་གྱི་དཔེ་མཛོད་འདི་ ཤོག་ལེབ་འདི་མངོན་གསལ་འབད་བའི་སྐབས་ འདི་འབད་ནི་ལུ་ ཧ་ཅང་གིས་མགྱོགས་དྲགས་སྦེ་མཐོངམ་ཨིན། ཨིན་རུང་ སྒོ་སྒྲིག་ཚད་བསྐྱར་བཟོ་འབད་བའི་སྐབས་ རྣམ་གྲངས་ཚུ་ ས་གནས་སོ་སོ་ཅིག་ནང་ སྤོ་བཤུད་འབད་དགོཔ་ད་ བསྒུལ་བཟོ་འབདཝ་ཨིནམ་དང་ འདི་གིས་ ཁྱད་པར་སྦོམ་བཟོཝ་ཨིན། ང་བཅས་གོང་འཕེལ་གཏང་མི་ཚུ་གིས་བཟུམ་སྦེ་ ལག་ལེན་པ་ཚུ་གིས་ ཁོང་རའི་བརྡ་འཚོལ་སྒོ་སྒྲིག་ཚུ་ཚད་བསྐྱར་བཟོ་འབད་ནི་ལུ་ དུས་ཚོད་མི་བཏང་། འདི་ཡང་ ཤོག་ལེབ་འདི་ ཚད་གསརཔ་ལུ་ མཐུན་སྒྲིག་འབད་ནི་ལུ་ དུས་ཚོད་འགོརཝ་ཨིན་མས། ལག་ལེན་འཐབ་བདེ་ཏོག་ཏོ་དང་ གསང་ཨང་འཇམ་ཏོང་ཏོ་ཡོདཔ། ཝེབ་ཁྱད་རྣམ་ལག་ལེན་འཐབ་ནི་ལུ་ ག་དེ་སྦེ་འཇམ་ཏོང་ཏོ་ཨིན་ན་དང་ གསང་ཡིག་འདི་ ག་དེ་སྦེ་འཇམ་ཏོང་ཏོ་སྦེ་མཐོངམ་ཨིན་ན་ ཁྱོད་རའི་སྡེ་ཚན་ལུ་ ཁྱད་པར་སྦོམ་བཟོ་ཚུགས་པའི་ ཁག་ཆེ་བའི་གནད་དོན་ཚུ་ཨིན། མཐའ་མཇུག་ལག་ལེན་པའི་ཉམས་མྱོང་བཟུམ་སྦེ་ ཁག་ཆེཝ་ཅིག་མེན་རུང་ གོང་འཕེལ་གཏང་མི་གི་ཉམས་མྱོང་གིས་ རྒྱུན་སྐྱོང་འཐབ་ཚུགས་མི་ལུ་ ཕན་གནོད་ཡོདཔ་ཨིན། ནང་འཁོད་ཝེབ་ཁྱད་རྣམ་ལག་ལེན་འཐབ་མི་འདི་གིས་ གདོང་ཁར་ཁག་ཆེ་བའི་ཁེ་ཕན་ཚུ་འོངམ་ཨིན།

གོང་འཕེལ་གཏང་མི་ཚུ་གིས་ HTML དང་ CSS དེ་ལས་ JS ཚུ་ ཧེ་མ་ལས་རང་ ཤེས་མི་ཚུ་གིས་ ཁྱད་རྣམ་འདི་ འཇམ་ཏོང་ཏོ་སྦེ་ ལག་ལེན་འཐབ་ཚུགས་ནི་ཨིནམ་ད་ འདི་ཡང་ ལེགས་ཤོམ་སྦེ་ མཉམ་བསྡོམས་འབད་དེ་ ཡོངས་འབྲེལ་གྱི་ གཞི་རྟེན་གཞན་ཚུ་དང་ མཐུན་སྒྲིག་འབད་ཚུགསཔ་སྦེ་ བཟོ་བཀོད་འབད་དེ་ཡོདཔ་ལས་ཨིན་མས། ཁྱད་རྣམ་འདི་ག་དེ་སྦེ་ལག་ལེན་འཐབ་ཨིན་ན་ བསྒྱུར་བཅོས་ཚུ་ འགོ་བཙུགས་པའི་སྐབས་ལུ་ བརྡལ་བཤིག་གཏང་ནི་གི་ཉེན་ཁ་མེདཔ་ཨིན། ཁྱད་རྣམ་འདི་ ཉམས་ཆག་ཤོར་ནི་དང་ ཡང་ན་ རྒྱུན་སྐྱོང་མ་འཐབ་པའི་ཉེན་ཁ་ ཧ་ལམ་ཀླད་ཀོར་ཡོདཔ་ཨིན།

ནང་འཁོད་རྡོ་བཟོ་གི་ཐད་ཁར་ བཀོད་རིས་གནའ་དུས་ཅིག་འབདཝ་ལས་ ཁྱོད་ཀྱིས་ གིརིཌི་ཡང་ན་ ཕེལེགསི་བོགསི་བཟུམ་སྦེ་ སི་ཨེསི་ཨེསི་ལས་ ལག་ལེན་འཐབ་ཨིན་ ཇེ་ཨེསི་འབྲེལ་གཏོགས་མེདཔ་ཨིན། དེ་མ་ཚད་ གཞན་མི་སྒྲིག་བཀོད་དང་འབྲེལ་བའི་སི་ཨེསི་ཨེསི་རྒྱུ་དངོས་ཚུ་ཡང་ བར་སྟོང་བཟུམ་ཚུ་ ཁྱོད་ཀྱིས་རེ་བ་བསྐྱེད་དོ་བཟུམ་སྦེ་ལཱ་འབདཝ་ཨིན། ཤེས་དགོ་པའི་ཐབས་ཤེས་དང་ ཐབས་ཤེས་ཚུ་མེདཔ་ལས་ ཁྱོད་ཀྱིས་ལྷབ་མི་དངོས་པོ་ཚུ་ ཨེམ་ཌི་ཨེན་ནང་ ཡིག་ཐོག་ལུ་བཀོད་དེ་ཡོདཔ་ཨིན། Masonry JS lib གི་དོན་ལུ་ འགོ་བཙུགས་ནི་འདི་ དུམ་གྲ་ཅིག་མགུ་རྙོག་དྲགས་ཨིན་: དེ་ལུ་ ཀེར་ཐིག་དང་བར་སྟོང་ཚད་ཚུ་གཞི་སྒྲིག་འབད་ནི་ལུ་ གསང་བའི་ཨེཆ་ཊི་ཨེམ་ཨེལ་ཆ་ཤས་ཚུ་དང་གཅིག་ཁར་ དམིགས་བསལ་གྱི་ཚིག་སྦྱོར་དང་གཅིག་ཁར་ གནད་སྡུད་ཁྱད་ཆོས་དགོཔ་ཨིན། དེ་མ་ཚད་ ཁྱོད་ཀྱིས་ ཀེར་ཐིག་ཚུ་ ཁྱབ་སྤེལ་འབད་དགོ་པ་ཅིན་ དཀའ་ངལ་ཚུ་ བཀག་ཐབས་ལུ་ ཁྱོད་ཀྱིས་ བར་སྟོང་ཚད་འདི་ ཁྱོད་ར་གིས་ བཙུགས་དགོཔ་ཨིན།

རྡོ་བཟོ། །

འདི་ནང་ལུ་ རྡོ་བཟོའི་ལག་ལེན་འདི་ ག་དེ་སྦེ་མཐོངམ་ཨིན་ན་ ག་བསྡུར་འབད་གེ། །

འཇམ་ཏོང་ཏོ་དང་ མང་སུ་ཅིག་བསྡུ་སྒྲིག་འབད་མི་ གསང་ཡིག་འདི་གིས་ བར་སྟོང་བཟུམ་གྱི་དངོས་པོ་ཚུ་ལག་ལེན་འཐབ་ཚུགསཔ་ཨིནམ་དང་ གིརིཌི་ནང་ལུ་བཟུམ་སྦེ་ ཁྱབ་ཚད་༢ དང་ཅིག་ཁར་ ཁྱབ་ཚད་ཀྱི་ལམ་ཐིག་ཚུ་ ག་སྟེ་ལུ་འབདཝ་ཨིན་ན་ དེ་ལས་ བར་སྟོང་གི་ཚད་ཚུ་ཚུད་དེ་ཡོད་མི་ རྒྱ་ཚད་གཡསཔ་འདི་ རྩིས་རྐྱབ་དགོཔ་མེདཔ་ཨིན། ག་ཅི་ཡོདཔ་ཨིན་ན་དང་ ནམ་ཐོབ་ཚུགསཔ་ཨིན་ན་ ག་དེ་སྦེ་ཤེས་ཚུགསཔ་སྨོ? སྤྱིར་བཏང་ལུ་ དྲི་བ་འདི་ ཁྱོད་ཀྱིས་ JS དཔེ་མཛོད་ནང་ལུ་ བཟོ་བཀོད་འབད་ཡོད་པའི་ Masonry ལག་ལེན་འཐབ་དགོཔ་ཨིན་ན་མེན་ན་མེན་པར་ ནམ་ལག་ལེན་འཐབ་དགོཔ་ཨིན་ན་མེན་ན། མེ་སོན་རི་ཇེ་ཨེསི་དཔེ་མཛོད་འདི་ ཡ་མཚན་ཅན་ཅིག་ཨིནམ་ལས་ ལོ་ངོ་ལེ་ཤ་ཅིག་གི་རིང་ལུ་ ཝེབ་ས་ཁོངས་ནང་ ས་སྟོང་བཀང་སྟེ་ཡོདཔ་མ་ཚད་ གོང་འཕེལ་གཏང་མི་དང་ ལག་ལེན་འཐབ་མི་ལེ་ཤ་ཅིག་ལུ་ དགའ་སྤྲོ་བྱུང་ཡོདཔ་ཨིན། འདི་ཡང་ ཁྱོད་ཀྱིས་ བཟོ་བཀོད་འབད་ཡོད་པའི་ རྡོ་བཟོའི་ལག་ལེན་དང་ ག་བསྡུར་འབད་བ་ཅིན་ སྐྱོན་དག་པ་ཅིག་ཡོདཔ་ཨིན་རུང་ ལག་ལེན་འཐབ་མི་འདི་ གྲ་སྒྲིག་མེད་པ་ཅིན་ དེ་ཚུ་ ཁག་ཆེཝ་མེན། འདི་ཡང་ ང་གིས་ བརྡ་འཚོལ་ཚོང་པ་ཅིག་ནང་ལཱ་འབདཝ་ལས་ ཡོངས་འབྲེལ་གྱི་སྟེགས་བུ་གསརཔ་འདི་ཚུ་ ཐོ་བཀོད་འབད་ནི་ལུ་ འཇམ་ཏོང་ཏོ་ཡོདཔ་ལས་ ང་གིས་ ག་ཅི་འོང་ནི་ཨིན་ན་ ཤེས་ཚུགསཔ་ཨིན། དེ་འབདཝ་ད་ གོང་འཕེལ་གཏང་མི་ཚུ་གིས་ འཕྲལ་འཕྲལ་རང་ བརྗེ་སོར་འབད་དེ་ བརྟག་ཞིབ་གི་ཤུལ་ལས་ བརྟག་ཞིབ་འབདཝ་ད་ དངོས་པོ་གསརཔ་ཚུ་ བལྟ་བརྟོག་འབད་ནི་འདི་ ལཱ་ཁག་བཏངམ་ཨིན། བརྡ་དོན་ཐོབ་སྟེ་སྡོད་ནི་འདི་ལཱ་ཁག་ཡོདཔ་ལས་ ལས་སྡེ་ཚུ་གིས་ ག་དེ་སྦེ་རང་འབད་རུང་ ལྷབ་སྦྱང་ལུ་གཙོ་རིམ་བཟུང་མི་བཏུབ། འདི་ལུ་ཕན་ཐབས་འབད་ནིའི་དོན་ལུ་ ཁྱོད་ལུ་དགོ་པའི་བརྡ་དོན་ཚུ་ མགྱོགས་པ་རང་ཐོབ་ཚུགས་ནིའི་དོན་ལུ་ འཇམ་ཏོང་ཏོ་དང་ ཆུང་ཀུ་སྦེ་ དུས་མཐུན་བཟོ་མི་ ཐོན་ཁུངས་དག་པ་ཅིག་ འདི་ནང་ཡོདཔ་ཨིན།

ཝེབ་སྟེགས་བུ་འདི་གིས་ འཚོལ་ཞིབ་ས་ཁོངས་ཁྱད་རྣམ་ཚུ་ཡོདཔ་ཨིན། ཁྱོད་ཀྱིས་ དེ་གི་གསར་བཏོན་དྲན་ཐོའི་ཤོག་ལེབ་ལུ་སྤྲོ་བ་བསྐྱེད་འོང་། དེ་ལས་ ཁྱོད་ཀྱིས་ RSS ལུ་དགའ་བ་ཅིན་ གསར་བཏོན་དྲན་ཐོའི་འཚོ་བཅུད་དང་ དེ་བཟུམ་སྦེ་ གཞི་རྟེན་གསརཔ་ཐོབ་ཚུགས་མི་དང་ ཁྱབ་ཆེཝ་སྦེ་ཐོབ་ཚུགས་མི་འཚོ་བཅུད་ཚུ་བལྟ།

ཡོངས་འབྲེལ་འདི།སྡིངས་ཆ་གནས་ཚད་ ཌེཤ་བོརཌི། ཁྱོད་ཀྱིས་ དེ་གི་གཞི་རྟེན་ལོ་ཤོག་ལེབ་མ་འདྲཝ་ཚུ་ལུ་དགའ་འོང་།

Chrome གཞི་རྟེན་གནས་ཚད་’ ལམ་སྟོན་ཤོག་ལེབ།

ཁྱོད་ལུ་དུས་ཚོད་ཨ་ཙི་ཅིག་ཡོད་པ་ཅིན་ ཁྱོད་ཀྱིས་ བརྡ་འཚོལ་ཚོང་པ་ཚུ་གི་ གསར་བཏོན་དྲན་ཐོ་ཚུ་ལུ་ཡང་ སྤྲོ་བ་བསྐྱེད་འོང་།

ཀོརོམ། མཐའ་མཚམས། ཕ་ཡར་ཕོགས། ས་ཕ་རི།

ཐོན་ཁུངས་མངམ་གྱི་དོན་ལུ་ ངེ་གི་ཝེབ་སྟེགས་བུ་གི་མགོ་སྐོར་ཤོག་ལེབ་འདི་བལྟ། ངའི་དོན་དག་ད་དུང་ལག་བསྟར་མ་བྱས། དེ་དཀའ་ངལ་གྱི་ཕྱོགས་གཞན་ཅིག་ཨིན། ཁྱོད་ཀྱིས་དུས་ཚོད་དང་ནུས་ཤུགས་ དེ་ལས་ བལྟ་བརྟོག་འབད་ནི་གི་ཐབས་ལམ་ཚུ་ འཚོལ་རུང་ ཁྱོད་རའི་སྐད་འདི་ གོ་སྟེ་ ཁྱོད་རའི་དགའ་མཐུན་གྱི་ཁྱད་རྣམ་ཚུ་ ལག་ལེན་འཐབ་ནི་ལུ་ སེམས་ཕམ་ཡོདཔ་ཨིན། ཁྱོད་ཀྱིས་ དམིགས་བསལ་གྱི་འཛོལ་བ་ཅིག་ བསལ་ཐབས་ལུ་ ལོ་ངོ་མང་རབས་ཅིག་ བསྒུག་སྡོད་ཡོདཔ་འོང་ ཡང་ན་ ད་ལྟོ་ཡང་ མ་ཐོབ་པའི་ བརྡ་འཚོལ་ནང་ དམིགས་བསལ་གྱི་ཁྱད་རྣམ་ཅིག་ བཏང་དགོཔ་འོང་། ང་གིས་སླབ་ནི་འདི་ བརྡ་འཚོལ་ཚོང་པ་ཚུ་གིས་ཉན་འོང་། ང་བཅས་རང་ དུས་རྒྱུན་དུ་ གོང་འཕེལ་གཏང་མི་ཚུ་གི་བརྡ་མཚོན་དང་ བསམ་འཆར་ཚུ་གི་སྐོར་ལས་ གྲོས་བསྟུན་འབད་མི་ ལས་སྡེ་མ་འདྲཝ་གི་སྡེ་ཚན་ལེ་ཤ་ཅིག་གི་ཆ་ཤས་ཅིག་ཨིན། ང་བཅས་ཀྱིས་ བརྡ་འཚོལ་ཚོང་པ་རེ་རེ་ནང་ ནང་འཁོད་དང་ ཕྱི་ཁའི་/མི་མང་གི་ གྲོས་འཛོམས་ ཁ་ཕྱེ་ཡོད་པའི་ཐོན་ཁུངས་ལས་འགུལ་ བློ་རིག་དང་ ཞིབ་འཇུག་ཚུ་ བསམ་འཆར་གྱི་ཐོན་ཁུངས་མ་འདྲཝ་ལེ་ཤ་ཅིག་ བལྟཝ་ཨིན། དེ་ལས་ ང་བཅས་ཀྱིས་ གོང་འཕེལ་གཏང་མི་ཚུ་ལུ་ ཁོང་རའི་དམིགས་བསལ་དགོས་མཁོ་དང་ གནད་དོན་ཚུ་ བརྗེ་སོར་འབད་ནི་གི་དོན་ལུ་ ཐབས་ལམ་ལེགས་ཤོམ་བཟོ་ནི་གི་ དཔའ་བཅམ་དོ་ཡོདཔ་ཨིན། དེ་འབདཝ་ལས་ ཁྱོད་ཀྱིས་འབད་ཚུགས་པ་ཅིན་ བརྡ་འཚོལ་ཚོང་པ་ཚུ་ལས་ མང་སུ་ཅིག་ དགོ་འདོད་བསྐྱེད་དེ་ ཁྱོད་ལུ་དགོ་པའི་ཁྱད་རྣམ་ཚུ་ ལག་ལེན་འཐབ་དགོ་པའི་ གནོན་ཤུགས་བྱིན་གནང་། འདོན་སྤེལ།: ༢༠༡༠/༠༣/༠༣ རིག་པ།(༡) འདི་ཡང་ གཟའ་ཉི་མའི་ཉིན། ཁྱོད་རའི་(ཡང་ན་ ཁྱོད་རའི་ལས་སྡེ་གི་)སྐད་འདི་ གོ་ཚུགས་པའི་ཐབས་ལམ་དག་པ་ཅིག་ འདི་ནང་ཡོདཔ་ཨིན། ལོ་བསྟར་གྱི་ JS གི་གནས་སྟངས་དང་ CSS གི་གནས་སྟངས་ དེ་ལས་ HTML གི་གནས་སྟངས་ཚུ་ བརྟག་ཞིབ་འབད། བརྡ་འཚོལ་ཚོང་པ་ཚུ་གིས་ ཁོང་རའི་ལཱ་ལུ་གཙོ་རིམ་ག་དེ་སྦེ་བཟོཝ་ཨིན་ན་ དེ་ཚུ་གིས་ འགན་ཁུར་སྦོམ་འབགཔ་ཨིན། ཁྱོད་ལུ་ བརྡ་འཚོལ་ཚུ་ནང་ལུ་ རྟག་བརྟན་སྦེ་ ལག་ལེན་འཐབ་དགོ་པའི་ དམིགས་བསལ་ཚད་ལྡན་གཞི་བཞག་པའི་ ཨེ་པི་ཨའི་དགོ་པ་ཅིན་ ཤུལ་མམ་གྱི་ ཨིན་ཊར་ཨོཔ་ལས་འགུལ་བསྐྱར་ལོག་ནང་ གྲོས་འཆར་ཅིག་ བཙུགས་ནི་ལུ་ བསམ་ཞིབ་འབད། འདི་ལུ་དུས་ཚོད་མངམ་དགོཔ་ཨིན་རུང་ Shopify དང་ RUMvision གིས་ Interop 2026 གི་དོན་ལུ་ ཁོང་རའི་འདོད་པའི་ཐོ་ཡིག་ཚུ་ ག་དེ་སྦེ་བརྗེ་སོར་འབད་ཡི་ག་ བསམ་ཞིབ་འབད། བརྡ་འཚོལ་ཚོང་པ་ཚུ་ལུ་ ཤན་ཞུགས་འབད་ནི་ལུ་ ཕན་ཐོགས་ཅན་གྱི་འབྲེལ་ལམ་ཚུ་གི་དོན་ལུ་ ངེ་གི་ཝེབ་ས་སྒོ་གི་མགོ་སྐོར་ཤོག་ལེབ་འདི་བལྟ། མཇུག་སྡོམ། མཇུག་བསྡུ་ནིའི་དོན་ལུ་ རྩོམ་ཡིག་འདི་གིས་ ཁྱོད་ལུ་ མནོ་བསམ་གཏང་དགོ་པའི་ གནད་དོན་དག་པ་ཅིག་ བཞག་སྟེ་ཡོདཔ་སྦེ་ རེ་བ་བསྐྱེདཔ་ཨིན།

རྡོ་བཟོ་དང་ གཞན་འོང་ནི་ཨིན་མི་ ཡོངས་འབྲེལ་གྱི་ཁྱད་རྣམ་ཚུ་གི་དོན་ལུ་ སེམས་དགའ། ཁྱོད་ཀྱིས་ལག་ལེན་འཐབ་འགོ་བཙུགས་དགོ་མནོ་མི་ ཝེབ་ཁྱད་རྣམ་དག་པ་ཅིག་། ཁྱོད་ཀྱིས་ ནང་འཁོད་ཁྱད་རྣམ་ཚུ་ལུ་ཕན་ཐོགས་པའི་ སྲོལ་སྒྲིག་ཡང་ན་ ཕྱོགས་༣ པའི་གསང་ཡིག་དག་པ་ཅིག་ བཏོན་གཏང་ཚུགས། ག་ཅི་འོང་དོ་ཡོདཔ་ཨིན་ན་ བལྟ་བརྟོག་འབད་ནི་དང་ བརྡ་འཚོལ་ཚོང་པ་ཚུ་ལུ་ ཤན་ཞུགས་འབད་ནི་གི་ཐབས་ལམ་དག་པ་ཅིག་ཨིན།

གལ་ཆེ་ཤོས་འདི་ ང་གིས་ ཁྱོད་ལུ་ ཡོངས་འབྲེལ་གྱི་ ས་སྒོ་འདི་ འོས་འབབ་ཅན་སྦེ་ ལག་ལེན་འཐབ་པའི་ཁེ་ཕན་ཚུ་ ཡིད་ཆེས་བསྐྱེད་ཚུགས་པའི་རེ་བ་ཡོད།