ਲਾਰਵੇਲ ਵਿੱਚ ਬਲੇਡ ਦ੍ਰਿਸ਼ਾਂ ਵਿੱਚ ਮੁੜ ਵਰਤੋਂ ਯੋਗ JavaScript ਫੰਕਸ਼ਨਾਂ ਦਾ ਪ੍ਰਬੰਧਨ ਕਰਨਾ

ਲਾਰਵੇਲ ਵਿੱਚ ਬਲੇਡ ਦ੍ਰਿਸ਼ਾਂ ਵਿੱਚ ਮੁੜ ਵਰਤੋਂ ਯੋਗ JavaScript ਫੰਕਸ਼ਨਾਂ ਦਾ ਪ੍ਰਬੰਧਨ ਕਰਨਾ
ਲਾਰਵੇਲ ਵਿੱਚ ਬਲੇਡ ਦ੍ਰਿਸ਼ਾਂ ਵਿੱਚ ਮੁੜ ਵਰਤੋਂ ਯੋਗ JavaScript ਫੰਕਸ਼ਨਾਂ ਦਾ ਪ੍ਰਬੰਧਨ ਕਰਨਾ

Laravel ਪ੍ਰੋਜੈਕਟਾਂ ਵਿੱਚ JavaScript ਕੋਡ ਸੰਗਠਨ ਨੂੰ ਅਨੁਕੂਲਿਤ ਕਰਨਾ

ਨਾਲ ਕੰਮ ਕਰਦੇ ਸਮੇਂ ਲਾਰਵੇਲ ਵਿੱਚ ਬਲੇਡ ਦ੍ਰਿਸ਼, ਡਿਵੈਲਪਰਾਂ ਨੂੰ ਅਕਸਰ ਅਜਿਹੀਆਂ ਸਥਿਤੀਆਂ ਦਾ ਸਾਹਮਣਾ ਕਰਨਾ ਪੈਂਦਾ ਹੈ ਜਿੱਥੇ ਉਹੀ ਹੁੰਦਾ ਹੈ JavaScript ਫੰਕਸ਼ਨ ਕਈ ਦ੍ਰਿਸ਼ਾਂ ਵਿੱਚ ਵਰਤੇ ਜਾਂਦੇ ਹਨ। ਇਹ ਬੇਲੋੜੇ ਕੋਡ ਦੀ ਅਗਵਾਈ ਕਰ ਸਕਦਾ ਹੈ, ਜਿਸ ਨਾਲ ਪੰਨਿਆਂ ਵਿੱਚ ਲਗਾਤਾਰ ਫੰਕਸ਼ਨਾਂ ਨੂੰ ਬਣਾਈ ਰੱਖਣਾ ਅਤੇ ਅਪਡੇਟ ਕਰਨਾ ਚੁਣੌਤੀਪੂਰਨ ਹੋ ਸਕਦਾ ਹੈ। ਤੁਸੀਂ ਜਿੰਨੇ ਜ਼ਿਆਦਾ ਵਿਯੂਜ਼ ਦਾ ਪ੍ਰਬੰਧਨ ਕਰਦੇ ਹੋ, ਕੋਡ ਦਾ ਇੱਕ ਹਿੱਸਾ ਬਦਲਣ 'ਤੇ ਅਸੰਗਤਤਾਵਾਂ ਨੂੰ ਪੇਸ਼ ਕਰਨ ਦਾ ਖਤਰਾ ਓਨਾ ਹੀ ਜ਼ਿਆਦਾ ਹੁੰਦਾ ਹੈ।

ਇੱਕ ਆਮ ਦ੍ਰਿਸ਼ ਦੇ ਅੰਦਰ JavaScript ਕੋਡ ਹੈ admin.view ਅਤੇ ਉਸੇ ਤਰਕ ਨੂੰ ਵਿੱਚ ਡੁਪਲੀਕੇਟ ਕੀਤਾ ਗਿਆ ਹੈ index.view. ਕਿਸੇ ਵੀ ਅੱਪਡੇਟ ਲਈ ਦੋਨਾਂ ਦ੍ਰਿਸ਼ਾਂ ਵਿੱਚ ਦਸਤੀ ਤਬਦੀਲੀਆਂ ਦੀ ਲੋੜ ਹੁੰਦੀ ਹੈ, ਜੋ ਕਿ ਜਲਦੀ ਥਕਾਵਟ ਅਤੇ ਤਰੁਟੀ-ਸੰਭਾਵੀ ਬਣ ਸਕਦੇ ਹਨ। ਇੱਕ ਡਿਵੈਲਪਰ ਹੋਣ ਦੇ ਨਾਤੇ, ਖਾਸ ਤੌਰ 'ਤੇ ਜੇਕਰ ਤੁਸੀਂ Laravel ਲਈ ਨਵੇਂ ਹੋ, ਤਾਂ ਅਜਿਹੇ ਰਿਡੰਡੈਂਸੀ ਨੂੰ ਸੰਭਾਲਣ ਦਾ ਇੱਕ ਕੁਸ਼ਲ ਤਰੀਕਾ ਲੱਭਣਾ ਤੁਹਾਡੇ ਪ੍ਰੋਜੈਕਟ ਨੂੰ ਸਾਫ਼ ਅਤੇ ਪ੍ਰਬੰਧਨਯੋਗ ਰੱਖਣ ਲਈ ਜ਼ਰੂਰੀ ਹੈ।

ਹਾਲਾਂਕਿ ਲਾਰਵੇਲ ਸਕ੍ਰਿਪਟਾਂ ਨੂੰ ਬੰਡਲ ਕਰਨ ਦਾ ਇੱਕ ਸੁਵਿਧਾਜਨਕ ਤਰੀਕਾ ਪ੍ਰਦਾਨ ਕਰਦਾ ਹੈ app.js, ਮਲਟੀਪਲ ਵਿਯੂਜ਼ ਵਿੱਚ ਇਸ ਤੋਂ ਸਾਂਝੇ ਫੰਕਸ਼ਨਾਂ ਤੱਕ ਸਿੱਧੇ ਤੌਰ 'ਤੇ ਪਹੁੰਚਣਾ ਅਤੇ ਵਿਵਸਥਿਤ ਕਰਨਾ ਹਮੇਸ਼ਾ ਸਿੱਧਾ ਨਹੀਂ ਹੁੰਦਾ ਹੈ। Laravel ਦੇ ਫਰੇਮਵਰਕ ਦੇ ਅੰਦਰ JavaScript ਨੂੰ ਸਹੀ ਢੰਗ ਨਾਲ ਢਾਂਚਾ ਬਣਾਉਣ ਦੀ ਕੋਸ਼ਿਸ਼ ਕਰਦੇ ਸਮੇਂ ਸ਼ੁਰੂਆਤ ਕਰਨ ਵਾਲੇ ਅਕਸਰ ਸਮੱਸਿਆਵਾਂ ਦਾ ਸਾਹਮਣਾ ਕਰਦੇ ਹਨ, ਜਿਸ ਨਾਲ ਸਹੀ ਅਭਿਆਸਾਂ ਬਾਰੇ ਸਵਾਲ ਪੈਦਾ ਹੁੰਦੇ ਹਨ।

ਇਸ ਲੇਖ ਵਿੱਚ, ਅਸੀਂ ਤੁਹਾਨੂੰ ਲਾਰਵੇਲ ਵਿੱਚ JavaScript ਰਿਡੰਡੈਂਸੀ ਦਾ ਪ੍ਰਬੰਧਨ ਕਰਨ ਦੇ ਸਭ ਤੋਂ ਵਧੀਆ ਤਰੀਕੇ ਬਾਰੇ ਦੱਸਾਂਗੇ। ਤੁਸੀਂ ਸਿੱਖੋਗੇ ਕਿ ਆਪਣੇ ਸਾਂਝੇ ਫੰਕਸ਼ਨਾਂ ਨੂੰ ਕੇਂਦਰੀਕ੍ਰਿਤ ਸਥਾਨ ਵਿੱਚ ਕਿਵੇਂ ਲਿਜਾਣਾ ਹੈ ਅਤੇ ਉਹਨਾਂ ਨੂੰ ਆਪਣੇ ਬਲੇਡ ਦ੍ਰਿਸ਼ਾਂ ਵਿੱਚ ਕੁਸ਼ਲਤਾ ਨਾਲ ਲੋਡ ਕਰਨਾ ਹੈ। ਇਹਨਾਂ ਹੱਲਾਂ ਨੂੰ ਭਰੋਸੇ ਨਾਲ ਲਾਗੂ ਕਰਨ ਵਿੱਚ ਤੁਹਾਡੀ ਮਦਦ ਕਰਨ ਲਈ ਅਸੀਂ ਰਾਹ ਵਿੱਚ ਅਮਲੀ ਉਦਾਹਰਣਾਂ ਪ੍ਰਦਾਨ ਕਰਾਂਗੇ।

ਹੁਕਮ ਵਰਤੋਂ ਦੀ ਉਦਾਹਰਨ
window.functionName ਕਈ ਬਲੇਡ ਦ੍ਰਿਸ਼ਾਂ ਵਿੱਚ ਪਹੁੰਚਯੋਗ ਗਲੋਬਲ ਫੰਕਸ਼ਨਾਂ ਨੂੰ ਪਰਿਭਾਸ਼ਿਤ ਕਰਨ ਲਈ ਵਰਤਿਆ ਜਾਂਦਾ ਹੈ। ਵਿੰਡੋ ਆਬਜੈਕਟ ਨਾਲ ਫੰਕਸ਼ਨਾਂ ਨੂੰ ਜੋੜ ਕੇ, ਉਹ ਬ੍ਰਾਊਜ਼ਰ ਵਿੱਚ JavaScript ਰਨਟਾਈਮ ਦੌਰਾਨ ਉਪਲਬਧ ਹੋ ਜਾਂਦੇ ਹਨ।
mix('path/to/asset.js') ਇੱਕ Laravel ਮਿਕਸ ਫੰਕਸ਼ਨ ਜੋ ਦਿੱਤੀ ਗਈ ਕੰਪਾਇਲ ਕੀਤੀ ਸੰਪਤੀ ਲਈ ਇੱਕ ਸੰਸਕਰਣ ਵਾਲਾ URL ਬਣਾਉਂਦਾ ਹੈ। ਇਹ ਫਾਈਲ ਵਿੱਚ ਇੱਕ ਵਿਲੱਖਣ ਹੈਸ਼ ਜੋੜ ਕੇ ਬ੍ਰਾਊਜ਼ਰ ਕੈਸ਼ਿੰਗ ਸਮੱਸਿਆਵਾਂ ਤੋਂ ਬਚਣ ਵਿੱਚ ਮਦਦ ਕਰਦਾ ਹੈ।
<x-component /> ਲਾਰਵੇਲ ਵਿੱਚ ਇੱਕ ਬਲੇਡ ਕੰਪੋਨੈਂਟ ਨੂੰ ਦਰਸਾਉਂਦਾ ਹੈ। ਕੰਪੋਨੈਂਟ HTML ਜਾਂ JavaScript ਸਨਿੱਪਟ ਦੀ ਗਤੀਸ਼ੀਲ ਰੂਪ ਵਿੱਚ ਮੁੜ ਵਰਤੋਂ ਦੀ ਇਜਾਜ਼ਤ ਦਿੰਦੇ ਹਨ, ਦ੍ਰਿਸ਼ਾਂ ਵਿੱਚ ਸਾਫ਼ ਅਤੇ DRY (ਆਪਣੇ ਆਪ ਨੂੰ ਨਾ ਦੁਹਰਾਓ) ਕੋਡ ਨੂੰ ਉਤਸ਼ਾਹਿਤ ਕਰਦੇ ਹਨ।
npm run dev ਵਿਕਾਸ ਮੋਡ ਵਿੱਚ ਲਾਰਵੇਲ ਮਿਕਸ ਨੂੰ ਚਲਾਉਣ ਲਈ ਇੱਕ ਕਮਾਂਡ, ਸੰਪਤੀਆਂ ਨੂੰ ਕੰਪਾਇਲ ਕਰਨਾ ਅਤੇ ਬੰਡਲ ਕਰਨਾ ਜਿਵੇਂ ਕਿ JavaScript ਅਤੇ CSS ਫਾਈਲਾਂ। ਆਉਟਪੁੱਟ ਨੂੰ ਡੀਬੱਗਿੰਗ ਅਤੇ ਸਥਾਨਕ ਟੈਸਟਿੰਗ ਲਈ ਅਨੁਕੂਲ ਬਣਾਇਆ ਗਿਆ ਹੈ।
alert() ਇੱਕ ਖਾਸ ਸੁਨੇਹੇ ਦੇ ਨਾਲ ਇੱਕ ਬ੍ਰਾਊਜ਼ਰ ਚੇਤਾਵਨੀ ਡਾਇਲਾਗ ਪ੍ਰਦਰਸ਼ਿਤ ਕਰਦਾ ਹੈ। ਸਧਾਰਨ ਹੋਣ ਦੇ ਬਾਵਜੂਦ, ਇਹ ਫੰਕਸ਼ਨ ਡੀਬੱਗਿੰਗ ਜਾਂ ਉਪਭੋਗਤਾ ਨੂੰ ਫੀਡਬੈਕ ਪ੍ਰਦਾਨ ਕਰਨ ਲਈ ਉਪਯੋਗੀ ਹੋ ਸਕਦਾ ਹੈ।
form.checkValidity() ਇੱਕ ਬਿਲਟ-ਇਨ JavaScript ਵਿਧੀ ਜੋ ਜਾਂਚ ਕਰਦੀ ਹੈ ਕਿ ਕੀ ਇੱਕ ਫਾਰਮ ਵਿੱਚ ਸਾਰੇ ਖੇਤਰ ਉਹਨਾਂ ਦੀਆਂ ਸੀਮਾਵਾਂ ਦੇ ਅਨੁਸਾਰ ਵੈਧ ਹਨ। ਇਹ ਸਹੀ ਵਾਪਸ ਕਰਦਾ ਹੈ ਜੇਕਰ ਫਾਰਮ ਵੈਧ ਹੈ ਅਤੇ ਨਹੀਂ ਤਾਂ ਗਲਤ ਹੈ।
export { functionName } ਆਧੁਨਿਕ JavaScript (ES6+) ਵਿੱਚ, ਇਸ ਸੰਟੈਕਸ ਦੀ ਵਰਤੋਂ ਇੱਕ ਮੋਡੀਊਲ ਤੋਂ ਖਾਸ ਫੰਕਸ਼ਨਾਂ ਜਾਂ ਵੇਰੀਏਬਲਾਂ ਨੂੰ ਨਿਰਯਾਤ ਕਰਨ ਲਈ ਕੀਤੀ ਜਾਂਦੀ ਹੈ ਤਾਂ ਜੋ ਉਹਨਾਂ ਨੂੰ ਆਯਾਤ ਕੀਤਾ ਜਾ ਸਕੇ ਅਤੇ ਪ੍ਰੋਜੈਕਟ ਵਿੱਚ ਹੋਰ ਕਿਤੇ ਮੁੜ ਵਰਤਿਆ ਜਾ ਸਕੇ।
<script src="{{ asset('path.js') }}"></script> ਜਨਤਕ ਡਾਇਰੈਕਟਰੀ ਤੋਂ ਇੱਕ ਸੰਪਤੀ ਫਾਈਲ (ਜਿਵੇਂ ਇੱਕ JavaScript ਫਾਈਲ) ਨੂੰ ਲੋਡ ਕਰਨ ਲਈ Laravel ਵਿੱਚ ਵਰਤਿਆ ਜਾਂਦਾ ਹੈ। ਸੰਪਤੀ() ਸਹਾਇਕ ਇਹ ਯਕੀਨੀ ਬਣਾਉਂਦਾ ਹੈ ਕਿ ਸਹੀ ਮਾਰਗ ਸਿਰਜਿਆ ਗਿਆ ਹੈ।
resources/views/components/ ਇਹ Laravel ਵਿੱਚ ਬਲੇਡ ਕੰਪੋਨੈਂਟਸ ਲਈ ਡਾਇਰੈਕਟਰੀ ਬਣਤਰ ਹੈ। ਇੱਥੇ ਭਾਗਾਂ ਨੂੰ ਸੰਗਠਿਤ ਕਰਨਾ ਸਮਰਪਿਤ ਫਾਈਲਾਂ ਵਿੱਚ ਸਾਂਝੇ ਤਰਕ ਨੂੰ ਵੰਡ ਕੇ ਸਪਸ਼ਟ ਅਤੇ ਮੁੜ ਵਰਤੋਂ ਯੋਗ ਕੋਡ ਨੂੰ ਬਣਾਈ ਰੱਖਣ ਵਿੱਚ ਮਦਦ ਕਰਦਾ ਹੈ।

Laravel ਪ੍ਰੋਜੈਕਟਾਂ ਵਿੱਚ ਮੁੜ ਵਰਤੋਂ ਯੋਗ JavaScript ਤਰਕ ਨੂੰ ਲਾਗੂ ਕਰਨਾ

Laravel ਵਿੱਚ JavaScript ਰਿਡੰਡੈਂਸੀ ਮੁੱਦਾ ਉਦੋਂ ਪੈਦਾ ਹੁੰਦਾ ਹੈ ਜਦੋਂ ਇੱਕੋ ਫੰਕਸ਼ਨ ਕਈਆਂ ਵਿੱਚ ਖਿੰਡੇ ਹੋਏ ਹੁੰਦੇ ਹਨ ਬਲੇਡ ਦ੍ਰਿਸ਼, ਜਿਵੇਂ ਕਿ ਐਡਮਿਨ ਅਤੇ ਇੰਡੈਕਸ ਵਿਯੂਜ਼ ਵਿੱਚ। ਉਪਰੋਕਤ ਉਦਾਹਰਨਾਂ ਵਿੱਚ, ਅਸੀਂ ਸਾਂਝੇ ਤਰਕ ਨੂੰ ਬਾਹਰੀ JavaScript ਫ਼ਾਈਲਾਂ ਵਿੱਚ ਲਿਜਾ ਕੇ ਜਾਂ Laravel ਕੰਪੋਨੈਂਟਸ ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਇਸ ਮੁੱਦੇ ਨੂੰ ਹੱਲ ਕੀਤਾ ਹੈ। ਦੇ ਅਧੀਨ ਸਟੋਰ ਕੀਤੀ ਇੱਕ ਸਾਂਝੀ JavaScript ਫਾਈਲ ਸਰੋਤ/js ਫੋਲਡਰ ਤੁਹਾਨੂੰ ਆਮ ਤੌਰ 'ਤੇ ਵਰਤੇ ਜਾਣ ਵਾਲੇ ਫੰਕਸ਼ਨਾਂ ਲਈ ਸੱਚਾਈ ਦੇ ਇੱਕ ਸਰੋਤ ਨੂੰ ਕਾਇਮ ਰੱਖਣ ਦੀ ਇਜਾਜ਼ਤ ਦਿੰਦਾ ਹੈ। ਇਹ ਨਾ ਸਿਰਫ਼ ਡੁਪਲੀਕੇਸ਼ਨ ਨੂੰ ਘਟਾਉਂਦਾ ਹੈ, ਸਗੋਂ ਤੁਹਾਡੇ ਵੱਲੋਂ ਅੱਪਡੇਟ ਕਰਨ ਵੇਲੇ ਇਕਸਾਰਤਾ ਨੂੰ ਵੀ ਯਕੀਨੀ ਬਣਾਉਂਦਾ ਹੈ, ਕਿਉਂਕਿ ਇੱਕ ਥਾਂ 'ਤੇ ਤਬਦੀਲੀਆਂ ਆਪਣੇ ਆਪ ਹੀ ਸਾਰੇ ਸੰਬੰਧਿਤ ਦ੍ਰਿਸ਼ਾਂ ਵਿੱਚ ਪ੍ਰਤੀਬਿੰਬਿਤ ਹੁੰਦੀਆਂ ਹਨ।

ਇੱਕ ਪਹੁੰਚ ਵਿੱਚ ਫੰਕਸ਼ਨਾਂ ਨੂੰ ਅੰਦਰ ਰੱਖਣਾ ਸ਼ਾਮਲ ਹੈ app.js ਅਤੇ ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਉਹਨਾਂ ਨੂੰ ਵਿਸ਼ਵ ਪੱਧਰ 'ਤੇ ਰਜਿਸਟਰ ਕਰਨਾ ਵਿੰਡੋ ਵਸਤੂ। ਇਸ ਤਰੀਕੇ ਨਾਲ ਫੰਕਸ਼ਨਾਂ ਨੂੰ ਪਰਿਭਾਸ਼ਿਤ ਕਰਨ ਨਾਲ, ਉਹ ਕਿਸੇ ਵੀ ਦ੍ਰਿਸ਼ ਤੋਂ ਪਹੁੰਚਯੋਗ ਬਣ ਜਾਂਦੇ ਹਨ ਜਿੱਥੇ ਕੰਪਾਇਲ ਕੀਤੀ ਜਾਵਾ ਸਕ੍ਰਿਪਟ ਫਾਈਲ ਲੋਡ ਕੀਤੀ ਜਾਂਦੀ ਹੈ। Laravel Mix ਦੀ ਵਰਤੋਂ ਕਰਨ ਵਾਲੇ ਡਿਵੈਲਪਰਾਂ ਲਈ, ਚੱਲ ਰਿਹਾ ਹੈ npm ਰਨ dev ਕਮਾਂਡ ਸੰਪਤੀਆਂ ਨੂੰ ਕੰਪਾਇਲ ਕਰਦੀ ਹੈ ਅਤੇ ਉਹਨਾਂ ਨੂੰ ਇੱਕ ਸਿੰਗਲ ਫਾਈਲ ਵਿੱਚ ਬੰਡਲ ਕਰਦੀ ਹੈ, ਸਰਵਰ ਨੂੰ ਕੀਤੀਆਂ ਬੇਨਤੀਆਂ ਦੀ ਗਿਣਤੀ ਨੂੰ ਘਟਾਉਂਦੀ ਹੈ। ਇਹ ਪਹੁੰਚ ਕਾਰਜਕੁਸ਼ਲਤਾ ਨੂੰ ਅਨੁਕੂਲ ਬਣਾਉਂਦਾ ਹੈ ਅਤੇ ਇਹ ਯਕੀਨੀ ਬਣਾਉਂਦਾ ਹੈ ਕਿ ਐਪਲੀਕੇਸ਼ਨ ਸੁਚਾਰੂ ਢੰਗ ਨਾਲ ਚੱਲਦੀ ਹੈ, ਭਾਵੇਂ ਸਾਂਝੀਆਂ ਸਕ੍ਰਿਪਟਾਂ ਨਾਲ ਕਈ ਦ੍ਰਿਸ਼ਾਂ ਨੂੰ ਸੰਭਾਲਦੇ ਹੋਏ।

ਇੱਕ ਹੋਰ ਪ੍ਰਭਾਵਸ਼ਾਲੀ ਹੱਲ ਹੈ ਬਲੇਡ ਕੰਪੋਨੈਂਟਸ ਨੂੰ ਮੁੜ ਵਰਤੋਂ ਯੋਗ JavaScript ਸਨਿੱਪਟਾਂ ਨੂੰ ਸਿੱਧੇ ਦ੍ਰਿਸ਼ਾਂ ਵਿੱਚ ਸ਼ਾਮਲ ਕਰਨ ਲਈ। ਉਦਾਹਰਨ ਲਈ, ਬਣਾ ਕੇ ਏ scripts.blade.php ਕੰਪੋਨੈਂਟ, ਤੁਸੀਂ ਜਾਵਾ ਸਕ੍ਰਿਪਟ ਫੰਕਸ਼ਨਾਂ ਨੂੰ ਗਤੀਸ਼ੀਲ ਤੌਰ 'ਤੇ ਲੋਡ ਕਰ ਸਕਦੇ ਹੋ ਜਿੱਥੇ ਵੀ ਲੋੜ ਹੋਵੇ ਸੰਟੈਕਸ ਇਹ ਵਿਸ਼ੇਸ਼ ਤੌਰ 'ਤੇ ਲਾਭਦਾਇਕ ਹੈ ਜੇਕਰ ਤੁਹਾਡੇ ਕੋਲ ਸ਼ਰਤੀਆ ਜਾਂ ਦ੍ਰਿਸ਼-ਵਿਸ਼ੇਸ਼ ਤਰਕ ਹੈ ਜੋ ਬਾਹਰੀ JS ਫਾਈਲਾਂ ਵਿੱਚ ਚੰਗੀ ਤਰ੍ਹਾਂ ਫਿੱਟ ਨਹੀਂ ਹੁੰਦਾ ਹੈ। ਬਲੇਡ ਕੰਪੋਨੈਂਟ ਮਾਡਿਊਲਰਿਟੀ ਨੂੰ ਵੀ ਉਤਸ਼ਾਹਿਤ ਕਰਦੇ ਹਨ, ਕੋਡ ਨੂੰ ਪ੍ਰਬੰਧਨ ਅਤੇ ਸਾਂਭ-ਸੰਭਾਲ ਕਰਨਾ ਆਸਾਨ ਬਣਾਉਂਦੇ ਹਨ, ਕਿਉਂਕਿ ਉਹ HTML ਅਤੇ JS ਸਨਿੱਪਟਾਂ ਨੂੰ ਤਰਕ ਨਾਲ ਸਮੂਹ ਕਰਦੇ ਹਨ।

ਅੰਤ ਵਿੱਚ, Laravel ਦੇ ਸੰਪਤੀ ਪ੍ਰਬੰਧਨ ਫੰਕਸ਼ਨ, ਜਿਵੇਂ ਕਿ ਸੰਪਤੀ() ਅਤੇ ਮਿਸ਼ਰਣ(), ਸਹੀ ਫਾਈਲਾਂ ਲੋਡ ਹੋਣ ਨੂੰ ਯਕੀਨੀ ਬਣਾਉਣ ਵਿੱਚ ਇੱਕ ਮਹੱਤਵਪੂਰਨ ਭੂਮਿਕਾ ਨਿਭਾਓ। ਦ ਮਿਸ਼ਰਣ() ਫੰਕਸ਼ਨ ਨਾ ਸਿਰਫ਼ ਕੰਪਾਇਲ ਕੀਤੀ ਸੰਪੱਤੀ ਦਾ ਹਵਾਲਾ ਦਿੰਦਾ ਹੈ ਬਲਕਿ ਬ੍ਰਾਊਜ਼ਰ ਕੈਚਿੰਗ ਸਮੱਸਿਆਵਾਂ ਤੋਂ ਬਚਣ ਲਈ ਵਰਜਨਡ URL ਵੀ ਬਣਾਉਂਦਾ ਹੈ, ਇਹ ਯਕੀਨੀ ਬਣਾਉਂਦਾ ਹੈ ਕਿ ਉਪਭੋਗਤਾ ਹਮੇਸ਼ਾ ਤੁਹਾਡੀਆਂ ਸਕ੍ਰਿਪਟਾਂ ਦਾ ਨਵੀਨਤਮ ਸੰਸਕਰਣ ਪ੍ਰਾਪਤ ਕਰਦੇ ਹਨ। ਇਹ ਵਰਕਫਲੋ ਸੰਪਤੀਆਂ ਨੂੰ ਸੰਗਠਿਤ ਰੱਖ ਕੇ, ਰੱਖ-ਰਖਾਅ ਵਿੱਚ ਸੁਧਾਰ ਕਰਕੇ, ਅਤੇ ਇਹ ਯਕੀਨੀ ਬਣਾ ਕੇ ਸਭ ਤੋਂ ਵਧੀਆ ਅਭਿਆਸਾਂ 'ਤੇ ਜ਼ੋਰ ਦਿੰਦਾ ਹੈ ਕਿ ਤੁਹਾਡਾ ਕੋਡਬੇਸ ਇਸ ਦੀ ਪਾਲਣਾ ਕਰਦਾ ਹੈ। ਸੁੱਕਾ (ਆਪਣੇ ਆਪ ਨੂੰ ਨਾ ਦੁਹਰਾਓ) ਸਿਧਾਂਤ। ਇਹਨਾਂ ਵਿੱਚੋਂ ਹਰ ਇੱਕ ਹੱਲ ਰਿਡੰਡੈਂਸੀ ਸਮੱਸਿਆ ਦੇ ਵੱਖ-ਵੱਖ ਪਹਿਲੂਆਂ ਨੂੰ ਸੰਬੋਧਿਤ ਕਰਦਾ ਹੈ, ਫਰੰਟ-ਐਂਡ ਅਤੇ ਬੈਕ-ਐਂਡ ਦੋਵਾਂ ਲੋੜਾਂ ਲਈ ਲਚਕਤਾ ਪ੍ਰਦਾਨ ਕਰਦਾ ਹੈ।

ਲਾਰਵੇਲ ਵਿੱਚ ਬਲੇਡ ਵਿਊਜ਼ ਵਿੱਚ ਸ਼ੇਅਰ ਕੀਤੇ ਜਾਵਾ ਸਕ੍ਰਿਪਟ ਕੋਡ ਨੂੰ ਕੁਸ਼ਲਤਾ ਨਾਲ ਪ੍ਰਬੰਧਿਤ ਕਰਨਾ

ਬਾਹਰੀ ਸਕ੍ਰਿਪਟਾਂ ਅਤੇ ਅਨੁਕੂਲਿਤ ਸੰਪਤੀ ਪ੍ਰਬੰਧਨ ਦੀ ਵਰਤੋਂ ਕਰਦੇ ਹੋਏ Laravel ਵਿੱਚ JavaScript ਕੋਡ ਮਾਡਿਊਲਰਾਈਜ਼ੇਸ਼ਨ

// Solution 1: Creating a Shared JavaScript File
// Save this file as resources/js/common.js and import it in your Blade views.
function showAlert(message) {
    alert(message);
}
function validateForm(form) {
    return form.checkValidity();
}
// Export functions for reuse if needed (for modern JavaScript setups)
export { showAlert, validateForm };
// Now include this script in Blade views like so:
<script src="{{ asset('js/common.js') }}"></script>
// Example usage in a Blade view
<script>
    showAlert('Welcome to the admin panel!');
</script>

ਕੁਸ਼ਲ ਸੰਪਤੀ ਸੰਕਲਨ ਲਈ ਲਾਰਵੇਲ ਮਿਕਸ ਦੀ ਵਰਤੋਂ ਕਰਨਾ

ਅਨੁਕੂਲਿਤ ਪ੍ਰਦਰਸ਼ਨ ਲਈ Laravel Mix ਦੇ ਨਾਲ JavaScript ਨੂੰ ਕੰਪਾਇਲ ਕਰਨਾ ਅਤੇ ਬੰਡਲ ਕਰਨਾ

// Solution 2: Managing Scripts through Laravel Mix (webpack)
// Add your shared logic to resources/js/app.js
window.showAlert = function (message) {
    alert(message);
};
window.validateForm = function (form) {
    return form.checkValidity();
};
// Compile assets with Laravel Mix: Run the following in the terminal
npm run dev
// Include the compiled JS file in Blade views
<script src="{{ mix('js/app.js') }}"></script>
// Usage example in admin.view and index.view:
<script>
    showAlert('This is a test alert');
</script>

ਸ਼ੇਅਰਡ JavaScript ਤਰਕ ਲਈ ਇੱਕ ਬਲੇਡ ਕੰਪੋਨੈਂਟ ਬਣਾਉਣਾ

ਮੁੜ ਵਰਤੋਂ ਯੋਗ ਸਕ੍ਰਿਪਟਾਂ ਨੂੰ ਗਤੀਸ਼ੀਲ ਰੂਪ ਵਿੱਚ ਇੰਜੈਕਟ ਕਰਨ ਲਈ ਲਾਰਵੇਲ ਬਲੇਡ ਕੰਪੋਨੈਂਟਸ ਦੀ ਵਰਤੋਂ ਕਰਨਾ

// Solution 3: Defining a Blade component for reusable JS functions
// Create a Blade component: resources/views/components/scripts.blade.php
<script>
    function showAlert(message) {
        alert(message);
    }
</script>
// Now include this component in Blade views:
<x-scripts />
// Usage example in index.view
<x-scripts />
<script>
    showAlert('Hello from index view!');
</script>
// Usage example in admin.view
<x-scripts />
<script>
    showAlert('Welcome, admin!');
</script>

Laravel Views ਵਿੱਚ JavaScript ਨੂੰ ਸੰਗਠਿਤ ਕਰਨ ਲਈ ਰਣਨੀਤੀਆਂ

ਪ੍ਰਬੰਧਨ ਕਰਨ ਵੇਲੇ ਵਿਚਾਰਨ ਲਈ ਇੱਕ ਮਹੱਤਵਪੂਰਨ ਤਕਨੀਕ JavaScript ਰਿਡੰਡੈਂਸੀ Laravel ਵਿੱਚ ਵਿਊ-ਵਿਸ਼ੇਸ਼ JavaScript ਫਾਈਲਾਂ ਦੀ ਵਰਤੋਂ ਹੈ। ਸਾਰੇ ਫੰਕਸ਼ਨਾਂ ਨੂੰ ਇੱਕ ਸਿੰਗਲ ਦੇ ਅੰਦਰ ਰੱਖਣ ਦੀ ਬਜਾਏ app.js ਫਾਈਲ, ਡਿਵੈਲਪਰ ਆਪਣੀਆਂ ਸਕ੍ਰਿਪਟਾਂ ਨੂੰ ਖਾਸ ਦ੍ਰਿਸ਼ਾਂ ਜਾਂ ਭਾਗਾਂ ਨੂੰ ਸਮਰਪਿਤ ਛੋਟੇ ਮੋਡਿਊਲਾਂ ਵਿੱਚ ਵੰਡ ਸਕਦੇ ਹਨ। ਉਦਾਹਰਨ ਲਈ, ਇੱਕ ਵੱਖਰਾ ਬਣਾਉਣਾ admin.js ਅਤੇ index.js ਸਪਸ਼ਟਤਾ ਬਣਾਈ ਰੱਖਣ ਵਿੱਚ ਮਦਦ ਕਰਦਾ ਹੈ ਅਤੇ ਡੀਬੱਗਿੰਗ ਨੂੰ ਆਸਾਨ ਬਣਾਉਂਦਾ ਹੈ, ਕਿਉਂਕਿ ਹਰੇਕ ਫਾਈਲ ਕਿਸੇ ਖਾਸ ਦ੍ਰਿਸ਼ ਨਾਲ ਸੰਬੰਧਿਤ ਤਰਕ 'ਤੇ ਹੀ ਫੋਕਸ ਕਰਦੀ ਹੈ।

ਇੱਕ ਹੋਰ ਲਾਭਦਾਇਕ ਰਣਨੀਤੀ ਵਿਸ਼ਵ ਪੱਧਰ 'ਤੇ ਆਮ JavaScript ਵੇਰੀਏਬਲਾਂ ਅਤੇ ਫੰਕਸ਼ਨਾਂ ਨੂੰ ਇੰਜੈਕਟ ਕਰਨ ਲਈ ਮਿਡਲਵੇਅਰ ਜਾਂ ਸੇਵਾ ਪ੍ਰਦਾਤਾਵਾਂ ਦੀ ਸ਼ਕਤੀ ਦਾ ਲਾਭ ਉਠਾਉਣਾ ਹੈ। ਇੱਕ ਸੇਵਾ ਪ੍ਰਦਾਤਾ ਵਿੱਚ ਮੁੱਲ ਨਿਰਧਾਰਤ ਕਰਕੇ ਅਤੇ ਉਹਨਾਂ ਨੂੰ ਬਲੇਡ ਵਿਯੂਜ਼ ਦੁਆਰਾ ਪਾਸ ਕਰਕੇ view()->ਵੇਖੋ()->ਸ਼ੇਅਰ(), ਸਾਂਝੇ ਤਰਕ ਨੂੰ ਮਲਟੀਪਲ ਦ੍ਰਿਸ਼ਾਂ ਵਿੱਚ ਕੁਸ਼ਲਤਾ ਨਾਲ ਪ੍ਰਬੰਧਿਤ ਕੀਤਾ ਜਾ ਸਕਦਾ ਹੈ। ਇਹ ਤਕਨੀਕ ਉਦੋਂ ਚੰਗੀ ਤਰ੍ਹਾਂ ਕੰਮ ਕਰਦੀ ਹੈ ਜਦੋਂ ਤੁਹਾਡੇ ਫੰਕਸ਼ਨ ਗਤੀਸ਼ੀਲ ਡੇਟਾ 'ਤੇ ਨਿਰਭਰ ਕਰਦੇ ਹਨ, ਜਿਵੇਂ ਕਿ ਉਪਭੋਗਤਾ ਭੂਮਿਕਾਵਾਂ ਜਾਂ ਸੰਰਚਨਾ ਸੈਟਿੰਗਾਂ, ਇਹ ਯਕੀਨੀ ਬਣਾਉਂਦੇ ਹੋਏ ਕਿ ਇਹ ਮੁੱਲ ਕੋਡ ਡੁਪਲੀਕੇਸ਼ਨ ਤੋਂ ਬਿਨਾਂ ਸਾਰੇ ਦ੍ਰਿਸ਼ਾਂ ਲਈ ਹਮੇਸ਼ਾ ਉਪਲਬਧ ਹਨ।

ਉਹਨਾਂ ਮਾਮਲਿਆਂ ਵਿੱਚ ਜਿੱਥੇ ਫੰਕਸ਼ਨ ਮੁੜ ਵਰਤੋਂ ਯੋਗ ਹਨ ਪਰ ਬੈਕਐਂਡ ਤਬਦੀਲੀਆਂ ਦੇ ਨਾਲ ਸਮਕਾਲੀ ਰਹਿਣ ਦੀ ਲੋੜ ਹੈ, ਤੁਸੀਂ ਜਾਵਾਸਕ੍ਰਿਪਟ ਫਰੇਮਵਰਕ ਨੂੰ ਏਕੀਕ੍ਰਿਤ ਕਰ ਸਕਦੇ ਹੋ ਜਿਵੇਂ ਕਿ Vue.js ਜਾਂ Alpine.js, ਦੋਵੇਂ ਹੀ Laravel ਡਿਵੈਲਪਰਾਂ ਵਿੱਚ ਪ੍ਰਸਿੱਧ ਹਨ। ਇਹ ਫਰੇਮਵਰਕ ਮਾਡਿਊਲਰ ਕੰਪੋਨੈਂਟ-ਅਧਾਰਿਤ ਵਿਕਾਸ ਨੂੰ ਉਤਸ਼ਾਹਿਤ ਕਰਦੇ ਹਨ, ਜਿੱਥੇ JavaScript ਤਰਕ ਨੂੰ ਭਾਗਾਂ ਦੇ ਅੰਦਰ ਸ਼ਾਮਲ ਕੀਤਾ ਜਾਂਦਾ ਹੈ। ਇਹ ਰਿਡੰਡੈਂਸੀ ਨੂੰ ਘੱਟ ਕਰਨ ਵਿੱਚ ਮਦਦ ਕਰਦਾ ਹੈ ਅਤੇ ਡਿਵੈਲਪਰਾਂ ਨੂੰ ਆਪਣੇ ਫਰੰਟ-ਐਂਡ ਅਤੇ ਬੈਕ-ਐਂਡ ਤਰਕ ਨੂੰ ਵਧੇਰੇ ਸੁਚਾਰੂ ਢੰਗ ਨਾਲ ਬਣਾਈ ਰੱਖਣ ਦੀ ਇਜਾਜ਼ਤ ਦਿੰਦਾ ਹੈ। ਨਤੀਜੇ ਵਜੋਂ, ਅਸੰਗਤਤਾਵਾਂ ਦਾ ਜੋਖਮ ਘੱਟ ਜਾਂਦਾ ਹੈ, ਅਤੇ ਸਮੁੱਚੀ ਵਿਕਾਸ ਪ੍ਰਕਿਰਿਆ ਵਧੇਰੇ ਕੁਸ਼ਲ ਬਣ ਜਾਂਦੀ ਹੈ।

Laravel ਵਿੱਚ JavaScript ਦੇ ਪ੍ਰਬੰਧਨ ਬਾਰੇ ਅਕਸਰ ਪੁੱਛੇ ਜਾਂਦੇ ਸਵਾਲ - Frequently asked Questions about JavaScript in Laravel

  1. ਮੈਂ ਬਲੇਡ ਵਿਊ ਵਿੱਚ JavaScript ਫਾਈਲ ਨੂੰ ਕਿਵੇਂ ਸ਼ਾਮਲ ਕਰ ਸਕਦਾ ਹਾਂ?
  2. ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਤੁਸੀਂ ਇਸਨੂੰ ਸ਼ਾਮਲ ਕਰ ਸਕਦੇ ਹੋ <script src="{{ asset('js/file.js') }}"></script> ਸਹਾਇਕ ਫੰਕਸ਼ਨ.
  3. ਮੈਂ Laravel ਵਿੱਚ JavaScript ਫਾਈਲਾਂ ਨੂੰ ਕਿਵੇਂ ਕੰਪਾਇਲ ਕਰਾਂ?
  4. ਵਰਤੋ Laravel Mix. ਚਲਾਓ npm run dev ਜਾਂ npm run production ਸੰਪਤੀਆਂ ਨੂੰ ਕੰਪਾਇਲ ਕਰਨ ਲਈ.
  5. ਕੀ ਮੈਂ ਇੱਕ ਤੋਂ ਵੱਧ ਦ੍ਰਿਸ਼ਾਂ ਵਿੱਚ ਇੱਕ ਸਾਂਝਾ JavaScript ਫੰਕਸ਼ਨ ਦੀ ਵਰਤੋਂ ਕਰ ਸਕਦਾ ਹਾਂ?
  6. ਹਾਂ, ਤੁਸੀਂ ਫੰਕਸ਼ਨ ਨੂੰ ਸਟੋਰ ਕਰ ਸਕਦੇ ਹੋ app.js ਜਾਂ ਕੋਈ ਵੀ ਸਾਂਝੀ ਕੀਤੀ ਫਾਈਲ ਅਤੇ ਇਸਨੂੰ ਵਰਤ ਕੇ ਲੋਡ ਕਰੋ <script> ਤੁਹਾਡੇ ਬਲੇਡ ਟੈਂਪਲੇਟਸ ਵਿੱਚ ਟੈਗ.
  7. ਦਾ ਮਕਸਦ ਕੀ ਹੈ window ਜਾਵਾ ਸਕ੍ਰਿਪਟ ਵਿੱਚ ਵਸਤੂ?
  8. ਇਹ ਤੁਹਾਨੂੰ ਵਿਸ਼ਵ ਪੱਧਰ 'ਤੇ ਫੰਕਸ਼ਨਾਂ ਨੂੰ ਜੋੜਨ ਦੀ ਇਜਾਜ਼ਤ ਦਿੰਦਾ ਹੈ, ਉਹਨਾਂ ਨੂੰ ਵੱਖ-ਵੱਖ ਦ੍ਰਿਸ਼ਾਂ ਵਿੱਚ ਪਹੁੰਚਯੋਗ ਬਣਾਉਂਦਾ ਹੈ ਜਿੱਥੇ ਸਕ੍ਰਿਪਟ ਸ਼ਾਮਲ ਕੀਤੀ ਜਾਂਦੀ ਹੈ।
  9. JavaScript ਲੋਡ ਕਰਨ ਵੇਲੇ ਮੈਂ ਬ੍ਰਾਊਜ਼ਰ ਕੈਚਿੰਗ ਤੋਂ ਕਿਵੇਂ ਬਚ ਸਕਦਾ ਹਾਂ?
  10. ਦੀ ਵਰਤੋਂ ਕਰੋ mix('js/app.js') ਸਹਾਇਕ Laravel Mix ਕੈਚਿੰਗ ਸਮੱਸਿਆਵਾਂ ਨੂੰ ਰੋਕਣ ਲਈ ਵਰਜਨਡ URL ਤਿਆਰ ਕਰਦਾ ਹੈ।

Laravel ਵਿੱਚ JavaScript ਨੂੰ ਸੁਚਾਰੂ ਬਣਾਉਣ ਬਾਰੇ ਅੰਤਿਮ ਵਿਚਾਰ

Laravel ਵਿੱਚ JavaScript ਤਰਕ ਨੂੰ ਪ੍ਰਭਾਵਸ਼ਾਲੀ ਢੰਗ ਨਾਲ ਸੰਗਠਿਤ ਕਰਨਾ ਕੋਡ ਰੱਖ-ਰਖਾਅ ਨੂੰ ਬਹੁਤ ਸਰਲ ਬਣਾ ਸਕਦਾ ਹੈ। ਸਾਂਝੇ ਫੰਕਸ਼ਨਾਂ ਨੂੰ ਇੱਕ ਆਮ ਫਾਈਲ ਵਿੱਚ ਲੈ ਕੇ ਅਤੇ ਟੂਲਸ ਜਿਵੇਂ ਕਿ ਲਾਭ ਉਠਾ ਕੇ ਲਾਰਵੇਲ ਮਿਕਸ, ਡਿਵੈਲਪਰ ਬਲੇਡ ਵਿਯੂਜ਼ ਵਿੱਚ ਰਿਡੰਡੈਂਸੀ ਨੂੰ ਘਟਾ ਸਕਦੇ ਹਨ ਅਤੇ ਆਪਣੀਆਂ ਐਪਲੀਕੇਸ਼ਨਾਂ ਨੂੰ ਸਾਫ਼ ਅਤੇ ਕੁਸ਼ਲ ਰੱਖ ਸਕਦੇ ਹਨ।

ਕੰਪੋਨੈਂਟਸ ਜਾਂ ਫਰੇਮਵਰਕ ਦੀ ਵਰਤੋਂ ਕਰਦੇ ਹੋਏ ਤੁਹਾਡੀ JavaScript ਨੂੰ ਮਾਡਯੂਲਰਾਈਜ਼ ਕਰਨ ਨਾਲ ਰੱਖ-ਰਖਾਅ ਨੂੰ ਅੱਗੇ ਵਧਾਇਆ ਜਾਂਦਾ ਹੈ। ਇਹ ਸਭ ਤੋਂ ਵਧੀਆ ਅਭਿਆਸ ਯਕੀਨੀ ਬਣਾਉਂਦੇ ਹਨ ਕਿ ਅੱਪਡੇਟ ਪੂਰੇ ਪ੍ਰੋਜੈਕਟ ਵਿੱਚ ਲਗਾਤਾਰ ਲਾਗੂ ਕੀਤੇ ਜਾਂਦੇ ਹਨ, ਜਿਸ ਨਾਲ ਡਿਵੈਲਪਰਾਂ ਨੂੰ ਦੁਹਰਾਉਣ ਵਾਲੇ ਕੰਮਾਂ ਤੋਂ ਬਚਣ ਅਤੇ ਨਵੀਆਂ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਬਣਾਉਣ 'ਤੇ ਜ਼ਿਆਦਾ ਧਿਆਨ ਦੇਣ ਦੀ ਇਜਾਜ਼ਤ ਮਿਲਦੀ ਹੈ।

Laravel ਵਿੱਚ JavaScript ਦੇ ਪ੍ਰਬੰਧਨ ਲਈ ਸਰੋਤ ਅਤੇ ਹਵਾਲੇ
  1. ਅਧਿਕਾਰਤ ਦਸਤਾਵੇਜ਼ਾਂ ਦਾ ਹਵਾਲਾ ਦਿੰਦੇ ਹੋਏ, Laravel ਵਿੱਚ JavaScript ਸੰਪਤੀਆਂ ਨੂੰ ਕੁਸ਼ਲਤਾ ਨਾਲ ਕਿਵੇਂ ਪ੍ਰਬੰਧਿਤ ਕਰਨਾ ਹੈ ਬਾਰੇ ਵਿਸਤ੍ਰਿਤ ਕਰਦਾ ਹੈ। ਲਾਰਵੇਲ ਮਿਕਸ ਡੌਕੂਮੈਂਟੇਸ਼ਨ ਅੰਦਰ
  2. ਵੈਬ ਡਿਵੈਲਪਮੈਂਟ ਪ੍ਰੋਜੈਕਟਾਂ ਵਿੱਚ JavaScript ਤਰਕ ਨੂੰ ਮਾਡਿਊਲਰ ਕਰਨ ਲਈ ਵਧੀਆ ਅਭਿਆਸਾਂ ਦੀ ਚਰਚਾ ਕਰਦਾ ਹੈ। JavaScript ਮੋਡੀਊਲ 'ਤੇ MDN ਵੈੱਬ ਡੌਕਸ ਅੰਦਰ
  3. ਮੁੜ ਵਰਤੋਂ ਯੋਗ HTML ਅਤੇ ਸਕ੍ਰਿਪਟਾਂ ਲਈ ਬਲੇਡ ਭਾਗਾਂ ਦੀ ਵਰਤੋਂ ਕਰਨ ਲਈ ਵਿਹਾਰਕ ਸੁਝਾਅ ਪ੍ਰਦਾਨ ਕਰਦਾ ਹੈ। ਲਾਰਵੇਲ ਬਲੇਡ ਦੇ ਹਿੱਸੇ ਅੰਦਰ
  4. JavaScript ਨਾਲ ਕੈਸ਼ਿੰਗ ਸਮੱਸਿਆਵਾਂ ਅਤੇ ਵਰਜਨ ਵਾਲੇ URL ਉਹਨਾਂ ਨੂੰ ਕਿਵੇਂ ਹੱਲ ਕਰਦੇ ਹਨ ਦੀ ਪੜਚੋਲ ਕਰਦਾ ਹੈ। ਲਾਰਵੇਲ ਮਿਕਸ ਵਰਜਨਿੰਗ ਅੰਦਰ