Code Snippet Weekly

Useful code snippets you can use today. | 2026-03-22

ਵੱਡਾ ਮਾਮਲਾ

ਇਸ ਹਫਤੇ, Mat Marquis ਅਤੇ Andy Bell ਨੇ JavaScript ਡੀਸਟਰਕਚਰਿੰਗ 'ਤੇ ਇੱਕ ਗਹਿਰਾ ਜਾਣਕਾਰੀ ਜਾਰੀ ਕੀਤਾ, ਜੋ ਤੁਹਾਡੇ ਕੋਡ ਨੂੰ ਸਹੀ ਰੂਪ ਵਿੱਚ ਸਧਾਰਨ ਬਣਾਉਣ ਵਿੱਚ ਮਦਦ ਕਰ ਸਕਦਾ ਹੈ। ਜੇ ਤੁਸੀਂ ਕਦੇ ਵੀ ਲੰਬੇ ਔਬਜੈਕਟ ਗੁਣਾਂ ਜਾਂ ਔਖੇ ਫੰਕਸ਼ਨ ਪੈਰਾਮੀਟਰਾਂ ਨਾਲ ਜੂਝਦੇ ਹੋ, ਤਾਂ ਤੁਸੀਂ ਜਾਣਦੇ ਹੋ ਕਿ ਇਹ ਕਿੰਨਾ ਮਹੱਤਵਪੂਰਨ ਹੋ ਸਕਦਾ ਹੈ। ਡੀਸਟਰਕਚਰਿੰਗ ਤੁਹਾਨੂੰ ਐਰੇਜ਼ ਤੋਂ ਮੁੱਲਾਂ ਜਾਂ ਔਬਜੈਕਟ ਤੋਂ ਗੁਣਾਂ ਨੂੰ ਵੱਖਰੇ ਵੈਰੀਏਬਲਾਂ ਵਿੱਚ ਖੋਲ੍ਹਣ ਦੀ ਆਗਿਆ ਦਿੰਦੀ ਹੈ। ਸਮੱਸਿਆ? ਇਹ ਡਿਫਾਲਟ ਮੁੱਲਾਂ ਨੂੰ ਨਜ਼ਰਅੰਦਾਜ਼ ਕਰਨਾ ਆਸਾਨ ਹੈ। ਜੇ ਵੈਰੀਏਬਲ ਔਬਜੈਕਟ ਵਿੱਚ ਮੌਜੂਦ ਨਹੀਂ ਹੈ, ਤਾਂ ਤੁਸੀਂ ਬਦਲੀ ਮੁੱਲ ਦੇ ਬਜਾਏ undefined ਪ੍ਰਾਪਤ ਕਰ ਸਕਦੇ ਹੋ। ਇਹ ਉਹ ਨਾਜੁਕ ਬੱਗਾਂ ਦੀ ਪੈਦਾ ਕਰ ਸਕਦਾ ਹੈ ਜੋ ਪਤਾ ਲਗਾਉਣਾ ਮੁਸ਼ਕਿਲ ਹੁੰਦਾ ਹੈ! ਆਪਣੇ ਕੋਡ ਨੂੰ ਸੁਚੱਜਾ ਅਤੇ ਜ਼ਿਆਦਾ ਪ੍ਰਭਾਵਸ਼ਾਲੀ ਬਣਾਉਣ ਲਈ ਡੀਸਟਰਕਚਰਿੰਗ ਦੀ ਵਰਤੋਂ ਸ਼ੁਰੂ ਕਰੋ।

ਤੇਜ਼ ਜਾਣਕਾਰੀ

Random() ਅਤੇ CSS Tricks: CSS ਫੀਚਰਾਂ ਵਿੱਚ ਨਵਾਂ random() ਡਾਇਨਾਮਿਕ ਸਟਾਈਲਿੰਗ ਲਈ ਸ਼ਾਮਿਲ ਹੈ। ਇਹ ਤੁਹਾਡੇ ਡਿਜ਼ਾਈਨ ਵਿੱਚ ਅਣਪੇਖਤਾ ਦਾ ਇੱਕ ਪੱਧਰ ਸ਼ਾਮਿਲ ਕਰ ਸਕਦਾ ਹੈ, ਪਰ ਸੰਭਾਲ ਕੇ—ਰੈਂਡਮਨੈੱਸ ਦਾ ਜ਼ਿਆਦਾ ਇਸਤੇਮਾਲ ਯੂਜ਼ਰ ਦੇ ਅਨੁਭਵ ਵਿੱਚ ਅਸਮਾਨਤਾ ਦਾ ਕਾਰਨ ਬਣ ਸਕਦਾ ਹੈ। ਹੋਰ ਪੜ੍ਹੋ.

ਲਿੰਕ ਕੀਤੀ ਸੂਚੀ ਨੂੰ ਵਾਪਸ ਕਰਨਾ: ਡੇਟਾ ਸਰਚਰ ਵਿੱਚ ਸਭ ਤੋਂ ਮੁੱਢਲੀ ਸਮੱਸਿਆਵਾਂ ਵਿੱਚੋਂ ਇੱਕ, ਲਿੰਕ ਕੀਤੀ ਸੂਚੀ ਨੂੰ ਵਾਪਸ ਕਰਨਾ ਕਿਸੇ ਵੀ ਡਿਵੈਲਪਰ ਲਈ ਜਾਣਨ ਦੀ ਗੱਲ ਹੈ। ਇਹ ਸਿਰਫ਼ ਇੱਕ ਕੋਡਿੰਗ ਚੁਣੌਤੀ ਨਹੀਂ ਹੈ; ਇਸਨੂੰ ਮਾਸਟਰ ਕਰਨਾ ਤੁਹਾਡੇ ਪੁਆਇੰਟਰ ਅਤੇ ਯਾਦاشت ਪ੍ਰਬੰਧਨ ਦੀ ਸਮਝ ਨੂੰ ਵਧਾਉਂਦਾ ਹੈ। ਇਸ ਟਿਊਟੋਰੀਅਲ ਨੂੰ ਦੇਖੋ ਅਤੇ ਆਪਣੀਆਂ ਕੌਸ਼ਲਾਂ ਨੂੰ ਮਜ਼ਬੂਤ ਕਰੋ।

ਐਰੇਜ਼ ਵਿੱਚ ਜ਼ੀਰੋਜ਼ ਨੂੰ ਹਿਲਾਉਣਾ: ਇੱਕ ਸਧਾਰਣ ਪਰ ਆਮ ਐਰੇ ਸਮੱਸਿਆ ਹੈ ਸਾਰੇ ਜ਼ੀਰੋਜ਼ ਨੂੰ ਅਖੀਰ 'ਤੇ ਲਿਜਾਣਾ ਜਦੋਂ ਕਿ ਆਰਡਰ ਨੂੰ ਬਰਕਰਾਰ ਰੱਖਣਾ। ਇਹ ਤੁਹਾਡੇ ਅਲਗੋਰਿਥਮਿਕ ਸੋਚ ਨੂੰ ਵਿਕਸਤ ਕਰਨ ਵਿੱਚ ਇੱਕ ਵਧੀਆ ਅਭਿਆਸ ਹੋ ਸਕਦਾ ਹੈ। ਇਸਦਾ ਮਹੱਤਵ: ਇਹ ਇਨ-ਪਲੇਸ ਅਲਗੋਰਿਦਮਾਂ ਦਾ ਅਭਿਆਸ ਕਰਨ ਦਾ ਇੱਕ ਵਧੀਆ ਤਰੀਕਾ ਹੈ। ਕਿਵੇਂ ਸਿੱਖੋ.

ਪਾਸਵਰਡ-ਰਹਿਤ ਲੌਗਇਨ ਲਈ WebAuthn: Node.js ਵਿੱਚ WebAuthn ਨੂੰ ਲਾਗੂ ਕਰਨ ਨਾਲ ਤੁਹਾਡੇ ਲੌਗਇਨ ਦੀ ਸੁਰੱਖਿਆ ਵਿੱਚ ਡਰਾਮੈਟਿਕ ਤੌਰ 'ਤੇ ਸੁਧਾਰ ਹੋ ਸਕਦਾ ਹੈ। ਇਹ ਪਾਸਵਰਡ-ਰਹਿਤ ਭਵਿੱਖ ਵੱਲ ਇੱਕ ਕਦਮ ਹੈ ਜਿਸਦਾ ਬਹੁਤ ਸਾਰੇ ਸਮਰਥਨ ਕਰ ਰਹੇ ਹਨ। ਸਮੱਸਿਆ? ਯਕੀਨੀ ਬਣਾਓ ਕਿ ਤੁਸੀਂ ਬਰਾਊਜ਼ਰ ਦੀ ਸਮਰਥਾ ਅਤੇ ਯੂਜ਼ਰ ਦੇ ਅਨੁਭਵ ਦੇ ਨੁਕਤਿਆਂ ਨੂੰ ਸਮਝਦੇ ਹੋ। ਕਦਮਾਂ ਦੀ ਖੋਜ ਕਰੋ ਇੱਥੇ.

ਸਕ੍ਰੋਲ ਕਰਨ ਵਾਲੇ ਕੰਟੇਨਰਾਂ ਦੇ ਅੰਦਰ ਡ੍ਰੌਪਡਾਊਨ: ਕੀ ਤੁਸੀਂ ਕਦੇ ਡ੍ਰੌਪਡਾਊਨ ਨੂੰ ਸਕ੍ਰੋਲ ਕਰਨ ਵਾਲੇ ਪੈਨਲਾਂ ਦੇ ਅੰਦਰ ਗੁੰਮ ਹੁੰਦਾ ਦੇਖਿਆ ਹੈ? ਇਹ ਆਮ UX ਸਮੱਸਿਆ ਯੂਜ਼ਰਾਂ ਨੂੰ ਨਿਰਾਸ਼ ਕਰ ਸਕਦੀ ਹੈ। Godstime Aburu ਇਸਨੂੰ ਠੀਕ ਕਰਨ ਦੇ ਤਰੀਕੇ ਨੂੰ ਸਮਝਾਉਂਦੇ ਹਨ। ਇਸਦਾ ਮਹੱਤਵ: ਇੱਕ ਸੁਚੱਜਾ ਯੂਜ਼ਰ ਅਨੁਭਵ ਤੁਹਾਡੇ ਐਪ ਦੀ ਸਫਲਤਾ 'ਤੇ ਸਿੱਧਾ ਪ੍ਰਭਾਵ ਪਾ ਸਕਦਾ ਹੈ। ਹੋਰ ਪੜ੍ਹੋ ਇੱਥੇ.

ਇੱਕ ਗੱਲ ਆਜ਼ਮਾਉਣ ਲਈ

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

ਅਗਲੀ ਵਾਰੀ ਤੱਕ, ਖੁਸ਼ ਕੋਡਿੰਗ! ਜੇ ਤੁਹਾਡੇ ਕੋਲ ਕੋਈ ਨੱਕਸ਼ਾ ਜਾਂ ਸੁਝਾਵ ਹਨ ਜੋ ਤੁਹਾਡੇ ਲਈ ਕੰਮ ਕਰਦੇ ਹਨ, ਤਾਂ ਮੈਂ ਉਹਨਾਂ ਬਾਰੇ ਸੁਣਨਾ ਚਾਹਾਂਗਾ।

More from FreshSift:

Get this in your inbox every week