ஜேக் மற்றும் குழு இந்த உலாவி சொந்த பிஞ்ச்-ஜூம் இயக்கவியல் (எந்த மொபைல் காட்சியும் பெரிதாக்குதல்) வெளியே HTML எந்த தொகுப்பு மீது பெஞ்ச் மேலாதிக்கம் நிர்வாகி இந்த மாறாக அற்புதமான தனிபயன் உறுப்பு கட்டப்பட்டது. நாம் குரோம் தேவ் உச்சிமாநாட்டில் (… 'Chrome தேவ் உச்சி மாநாட்டில் வெளியிடப்பட்டது' என்று நாம் வெளியிடும் மற்றும் வெளியிட்டுள்ள squoosh பயன்பாட்டிற்கு தேவைப்படும் மைய கூறுகளில் ஒன்றாகும், இது ஜாக் டெவலப்பர் தினத்தில் எல்லோருக்கும் காண்பிக்கப்பட்டது அணி மற்றவர்கள் தடை கீழ் இருந்த போதிலும்;) …)
install:
npm install --save-dev pinch-zoom-element
<pinch-zoom> <h1>Hello!</h1> </pinch-zoom>
நான் என் வலைப்பதிவில் சேர்த்துவிட்டேன் (சில நிமிடங்களை மட்டுமே எடுத்துக் கொண்டேன்), என் ' life ' பிரிவில் நான் எடுத்த புகைப்படங்களைப் பகிர்ந்து கொள்ளலாம். நீங்கள் தொடு-செயல்படுத்தப்பட்ட சாதனத்தில் இருந்தால், நீங்கள் இயங்கும் பல விரல் உள்ளீடுகளை கையாளக்கூடிய டிராக்-பேட்டைப் பயன்படுத்தினால், உறுப்பு மீது விரைவாக பிஞ்ச்-ஜூம் செய்யலாம்.
பயனர் உறுப்பு கூறுகளை உருவாக்குவதற்கான ஒரு மாதிரியாக இணைய கூறுகளை நான் ஏன் விரும்புகிறேன் என்பதற்கு இது ஒரு சிறந்த எடுத்துக்காட்டு. pinch-zoom
உறுப்பு வெறும் 3kb கீழ் கம்பி (uncompressed) மற்றும் குறைந்தபட்ச சார்புகளை கட்டியமைக்க மற்றும் அது மிகவும் கடினமாக பயன்படுத்த எந்த தனிபயன் பயன்பாடு-நிலை தர்க்கம் கட்டி இல்லாமல், விதிவிலக்காக ஒரு வேலை செய்கிறது (நான் UI தர்க்கம் சில எண்ணங்கள் குரூப் பயன்பாட்டில் இருந்து என் கற்றல் அடிப்படையில் நான் பகிர்ந்து கொள்வேன் என்று பயன்பாட்டு தர்க்கம் கூறுகள் எதிராக).
இந்த போன்ற உறுப்புகள் மேலும் விழிப்புணர்வு மற்றும் பயன்பாடு கிடைக்கும் பார்க்க விரும்புகிறேன், உதாரணமாக நான் இந்த உறுப்பு நீங்கள் பல வர்த்தக தளங்களில் பார்க்க அந்த படத்தை ஜூம் செயல்பாடு பதிலாக அல்லது தரப்படுத்த முடியும் என்று எப்போதும் டெவலப்பர்கள் இருந்து அந்த வலி எடுத்து.