ઉકેલાયેલ: દસ્તાવેજ તૈયાર જાવાસ્ક્રિપ્ટ વેનીલા

દસ્તાવેજ તૈયાર જાવાસ્ક્રિપ્ટ વેનીલાની મુખ્ય સમસ્યા એ છે કે તે નવીનતમ વેબ ધોરણોનો લાભ લેતી નથી. આનાથી વેબસાઇટ્સ જૂની દેખાઈ શકે છે અને તેને જાળવવાનું મુશ્કેલ બનાવી શકે છે.

$(document).ready(function() {
  // code goes here
});

આ કોડ એક ફંક્શન બનાવવા માટે jQuery નો ઉપયોગ કરે છે જે દસ્તાવેજ તૈયાર થાય ત્યારે ચાલશે. કોઈપણ JavaScript કોડ ચલાવતા પહેલા બધા HTML ઘટકો લોડ થઈ ગયા છે તેની ખાતરી કરવા માટે આનો ઉપયોગ ઘણીવાર થાય છે.

Ckecks

Ckecks JavaScript કોડની શુદ્ધતા ચકાસવા માટેની લાઇબ્રેરી છે. તે ચેકને વ્યક્ત કરવા માટે એક સરળ અને સંક્ષિપ્ત વાક્યરચના પ્રદાન કરે છે, તેમજ કોડ ચેકિંગને સરળ બનાવવા માટે વિવિધ ઉપયોગિતાઓ પ્રદાન કરે છે.

કૉલમ

JavaScript માં, બે પ્રકારના કૉલમ છે: કૉલમ-આધારિત લેઆઉટ અને ગ્રીડ લેઆઉટ. કૉલમ-આધારિત લેઆઉટ પૃષ્ઠને કૉલમમાં વિભાજીત કરવા અને દરેક કૉલમમાં સામગ્રી સોંપવાના વિચાર પર આધારિત છે. બીજી બાજુ, ગ્રીડ લેઆઉટ, પૃષ્ઠ પર સામગ્રી લેઆઉટ કરવા માટે ગ્રીડ સિસ્ટમનો ઉપયોગ કરે છે.

વેબ એપ્લિકેશન્સમાં કૉલમ-આધારિત લેઆઉટ વધુ સામાન્ય છે, જ્યારે પ્રિન્ટ એપ્લિકેશન્સમાં ગ્રીડ લેઆઉટ વધુ સામાન્ય છે. જો કે, વેબ એપ્લીકેશન અને પ્રિન્ટ એપ્લીકેશનમાં બંને પ્રકારના લેઆઉટનો ઉપયોગ કરી શકાય છે.

JavaScript માં કૉલમ-આધારિત લેઆઉટ બનાવવા માટે, તમારે પહેલા ઑબ્જેક્ટ્સની એરે બનાવવાની જરૂર છે જે તમારા પૃષ્ઠ પર કૉલમનું પ્રતિનિધિત્વ કરે છે. એરેમાંના દરેક ઑબ્જેક્ટમાં નીચેના ગુણધર્મો હોવા જોઈએ:

નામ: કૉલમનું નામ.

: કૉલમનું નામ. પહોળાઈ : પિક્સેલમાં કૉલમની પહોળાઈ.

: પિક્સેલ્સમાં કૉલમની પહોળાઈ. ઊંચાઈ : પિક્સેલ્સમાં કૉલમની ઊંચાઈ.

આગળ, તમારે ColumnLayout નું એક ઉદાહરણ બનાવવાની જરૂર છે, જે દરેક કૉલમ માટે જગ્યા ફાળવવાનું અને તેમાં સામગ્રી રેન્ડર કરવાનું સંચાલન કરશે. તમે ColumnLayout કન્સ્ટ્રક્ટરને તમારા કૉલમનું પ્રતિનિધિત્વ કરતી ઑબ્જેક્ટ્સની એરે પસાર કરીને આ કરી શકો છો:

શરતો

JavaScript માં કેટલીક સામાન્ય શરતો છે જેનાથી તમારે વાકેફ રહેવાની જરૂર પડશે.

પ્રથમ if સ્ટેટમેન્ટ છે. આ નિવેદન તમને શરત ચકાસવા માટે પરવાનગી આપે છે અને, જો તે સાચું હોય, તો બ્લોકની અંદર કોડનો અમલ કરો. if સ્ટેટમેન્ટ માટેનું સિન્ટેક્સ નીચે મુજબ છે:

જો (શરત) { // ચલાવવા માટે કોડ }

બીજી શરત કે જેના વિશે તમારે જાગૃત રહેવાની જરૂર છે તે છે જ્યારે સ્ટેટમેન્ટ. આ સ્ટેટમેન્ટ if સ્ટેટમેન્ટની સમાન રીતે કામ કરે છે, પરંતુ જ્યાં સુધી શરત સાચી ન થાય ત્યાં સુધી તે બ્લોકની અંદર કોડને એક્ઝિક્યુટ કરવાનું ચાલુ રાખશે. થોડા સમય માટેનું વાક્યરચના નીચે મુજબ છે:

જ્યારે (શરત) { // ચલાવવા માટે કોડ }