#angular #signals #computed #effect
Computed Signals: Derived Signal
Function: Computed signals represent values derived from other signals. Think of them as formulas that take existing signals as inputs and produce a new output value.
Creation: You define them using the computed function, specifying a derivation function that outlines how the computed value is calculated.
Benefits:
Lazy Evaluation: Computed signals are calculated only when their value is needed. This avoids unnecessary computations.
Memoization: Subsequent reads of the computed signal with the same dependencies return the cached value, improving performance.
Dependency Tracking: Angular automatically tracks which signals a computed signal depends on. When any of those signals change, the computed signal is automatically recalculated.
Effects: Actions Triggered by Signal Changes
Function: Effects are functions that execute in response to changes in signals. They typically perform side effects like logging, interacting with external APIs, or updating local storage.
Creation: You create effects using the effect function. This function can optionally accept a onCleanup function for managing long-running operations.
Benefits:
Reactivity: Effects automatically run whenever their dependent signals change, ensuring your application stays up-to-date.
Asynchronous Execution: Effects run asynchronously during change detection, preventing them from blocking the main thread.
β Article link
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
β€1
Glory to Heroes.
Please open Telegram to view this post
VIEW IN TELEGRAM
π10π1
This media is not supported in your browser
VIEW IN TELEGRAM
#js #interview #eventLoop
Question: Give an explanatory note on the event loop mechanism.
answer:
The event loop mechanism mainly has the following processes:
πSynchronous tasks are executed on the main thread, forming an execution context stack.
πOnce all synchronous tasks in the execution stack have been executed, the system will read the asynchronous tasks in the queue, such as Promise.then(), setTimeout, AJAX callbacks, etc.
πThe asynchronous task will be added to the task queue
π₯Once the execution stack is cleared, the system checks the task queue. If it is not empty, the first task is taken out and placed on the execution stack for execution.
π₯¦The main thread repeats the process of alternating execution of the stack and queue, thereby realizing queued execution of threads.
The event loop allows synchronous tasks and asynchronous tasks to be executed alternately in the same thread, making full use of CPU resources. This is important for JavaScript that supports UI interaction and responsiveness.
Please open Telegram to view this post
VIEW IN TELEGRAM
β€1π1
π΅ FOR Ukraine:
π https://send.monobank.ua/jar/6DbLp37hre
π³ 5375 4112 1187 1350
π FOR ALL DONATS:
π΅ PayPal: luckystudydanit@gmail.com
π΅ SWIFT code: UNJSUAUKXXX
My profile with reports after closing fundraiser :
https://www.facebook.com/volunt2erua/
also all reports in ourπ channel:
https://t.me/toxicc_squad
π https://send.monobank.ua/jar/6DbLp37hre
π³ 5375 4112 1187 1350
π FOR ALL DONATS:
π΅ PayPal: luckystudydanit@gmail.com
π΅ SWIFT code: UNJSUAUKXXX
My profile with reports after closing fundraiser :
https://www.facebook.com/volunt2erua/
also all reports in our
https://t.me/toxicc_squad
Please open Telegram to view this post
VIEW IN TELEGRAM
β€3
#js #interview #ajax
Implement an ajax request function that supports Promise:
π£Send a request using the XMLHttpRequest object
πInitialize the open method, configure the request method and url
π·Add onload and onerror callback functions
π§onload determines whether the status code is within the range of 200β300 resolve, otherwise reject
π«onerror directly reject
π₯§After the request is successful, resolve returns response, and after failure, reject reports an error.
π₯Support options to configure request parameters and request body
π±Returns a Promise object, which can be processed externally using then/catch
Analysis: Promise is used to encapsulate asynchronous ajax requests and achieve a synchronous programming style.
Please open Telegram to view this post
VIEW IN TELEGRAM
#angular #signals #inject #guide
On the first screen, we have a ParentComponent that passes data to a ChildComponent, which in turn passes the data to an InnerChildComponent. This is a simple example.
On the second screen, the example will help you to remove prop drilling from your Angular applications and make your code more maintainable and easier to understand.
β Article link
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
#js #interview #jsonp
Analysis: Create the script node script.src, set the callback function callbackName, parse the parameters and splice the URL, dynamically insert it into the body to implement JSONP cross-domain request, and return the Promise interface.
Please open Telegram to view this post
VIEW IN TELEGRAM
#js #interview #deepClone
Analysis: Recursively implement deep cloning of objects and arrays, returning basic types directly, and reference types recursively call deep cloning hierarchically.
Please open Telegram to view this post
VIEW IN TELEGRAM
Forwarded from Angular πΊπ¦ - practical notes
Hello, friends!
As you can see, I'm a Ukrainian software engineer who tries to do volunteer fundraisers to support the Armed Forces of Ukraine. Sometimes it takes a lot of time and I am not able to maintain this channel for you. Please help me close these fundraisers because without the Ukrainian army there will be nothing Ukrainian. Thank you very much!
π΅ FOR Ukraine:
https://send.monobank.ua/jar/5TvPibajtR
5375 4114 1222 8582
π FOR ALL DONATS:
π΅ SWIFT code: UNJSUAUKXXX
π΅ PayPal: luckystudydanit@gmail.com
My profile with reports after closing fundraiser :
https://www.facebook.com/volunt2erua/
also all reports in ourπ channel:
https://t.me/toxicc_squad
As you can see, I'm a Ukrainian software engineer who tries to do volunteer fundraisers to support the Armed Forces of Ukraine. Sometimes it takes a lot of time and I am not able to maintain this channel for you. Please help me close these fundraisers because without the Ukrainian army there will be nothing Ukrainian. Thank you very much!
π΅ FOR Ukraine:
https://send.monobank.ua/jar/5TvPibajtR
5375 4114 1222 8582
π FOR ALL DONATS:
π΅ SWIFT code: UNJSUAUKXXX
π΅ PayPal: luckystudydanit@gmail.com
My profile with reports after closing fundraiser :
https://www.facebook.com/volunt2erua/
also all reports in our
https://t.me/toxicc_squad
Please open Telegram to view this post
VIEW IN TELEGRAM
β€2
#js #interview #deepClone #patterns
Analysis: Currying of the add function is achieved by recursively calling a function that continues to accept parameters.
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
π1
#angular #error #interceptor
β οΈ The example is for presentation purposes only and can be refactored.
β Article link
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
π1