? ??? Michel Weststrate? Aaron Boyer? ?? ??????. Sitepoint? ???? ???? ??? ?? Sitepoint? ?? ?? ?? ??? ??????!
??
MOBX? ??? ?? ??? ??????.
MOBX ?? ???? : MOBX???? ?? ??? ???? ?? ??? ???? UI ?? ??? ???? ?????? ?? MOBX?
??? ???? ?? ??????? ??? ????? ??????.?? ? ??? ??? ??????. ? MOBX?? ?? ? ?? ???? ???? ???? ???? ??? ?? ?? ??? ?? ????? ???? ?? ???? ??? ??????.
mobx? ???? ????. ?? ??? ?? ??? ??? ???? MOBX? ?? JavaScript ?? ????? ???? ???? ?? ? ???? ????? ?? ? ? ????.-
MOBX ??? ?? ???? ?? :
- MOBX ??? ???? ?????? ?? ??? ????? ?? ???? ???? ??????? ????? ??? ???? ?? ??? ??????. "??"? ??????
-
??? ??????. ??, ?? ??! ?? ??, ??? ?? ? ??? ????. ?? ??? ??? ??? ??? ? ????. ? ??? ?? ??? ?? (?, ??, ??? ??)? ??? ? ? ????? ? ??? ?? ??????? Mobx ???? ??? ?? jQuery ??? ?? JS-Signals? ????? ??? ?????. ? ??? ??? ? ?????, ?? ???? ??? ??? ??? ????. Person Object? ??? ???? "???"???? ??????. autorun? ??? ?????? ??? ??? ?????. ? ??? ??? ? ??? ??? ??? ???? ??? ???????.
var person = {
firstName: 'Matt',
lastName: 'Ruby',
age: 37,
fullName: function () {
return this.firstName + ' ' + this.lastName;
}
};
<<> mobx? ??????
mobx? Michel Weststrate? ?? ? ???? ????? ????? ?? ?? ?? ? ?? ????????.
Mobx ????
? ????? ???? Mobx? ??? ? ?? ? ?????.
??? ????? ???? ??? ??????.
person.events = {};
person.setData = function (data) {
$.extend(person, data);
$(person.events).trigger('changed');
};
$(person.events).on('changed', function () {
console.log('first name: ' + person.firstName);
});
person.setData({age: 38}); ??? ????? ?? ??? ??? ??? ?? ?? ????.
<<> Mobx Core ?? mobx.observable
console.log ?? ??
var person = mobx.observable({
firstName: 'Matt',
lastName: 'Ruby',
age: 37,
fullName: function () {
return this.firstName + ' ' + this.lastName;
}
});? ??????.
<<> autorun
autorun
<<> ??
mobx.autorun(function () {
console.log('first name: ' + person.firstName);
});
person.age = 38; // 打印為空
person.lastName = 'RUBY!'; // 仍然為空
person.firstName = 'Matthew!'; // 此處觸發(fā) ??? ?????? ?? ????? ? ????? Mobx? ???? ?? ? ?? ?????. ??? ?? ?? ???? Mobx ?? ? ?????.
? ??? ?? ????? ?? ??????. ??? ?????. ??? ???? ?? ? ? ????! ????? ??
?!
mobx.autorun(function () {
console.log('Full name: ' + person.fullName);
});
person.age = 38; // 打印為空
person.lastName = 'RUBY!'; // 觸發(fā)
person.firstName = 'Matthew!'; // 也觸發(fā)
(?? ??? ?? ?? ??? ??? ??? ???? ?? ??? ??? ?????)
? ?????? ?? ???? ??? ?????.
mobx.observable()autorun? ?????.
?? ??? ?? ??? ????. ?? ?? ? ?? ????? ????? :
? ???? ??? ????. ? ?????? ?? ???? ?????. ?? ??? ???? html? ??????? :
autorun? ??? ? ?? ??? ?? ??? ??? "Set Active Slide"???. ? ???? Mobx? ??? API? ???? ?? ? ? ????. autorun
mobx.action jQuery ???? ? ??
? ??? ???? ?? ??? ? DOM? ??? ? ????.
? JavaScript ?????? ?? ??? ?? FAQ
(FAQ ??? ??? ?? ?? ?? ??? ??? ?? ??? ?? ???? ?????.)? ??? MOBX? JavaScript ?? ???? ??? ???? ??? ?? ?????. ??? ??? PHP ??? ????? ?? ?? ??? ?????!
? AI ??
Undress AI Tool
??? ???? ??
Undresser.AI Undress
???? ?? ??? ??? ?? AI ?? ?
AI Clothes Remover
???? ?? ???? ??? AI ?????.
Clothoff.io
AI ? ???
Video Face Swap
??? ??? AI ?? ?? ??? ???? ?? ???? ??? ?? ????!
?? ??
??? ??
???++7.3.1
???? ?? ?? ?? ???
SublimeText3 ??? ??
??? ??, ???? ?? ????.
???? 13.0.1 ???
??? PHP ?? ?? ??
???? CS6
??? ? ?? ??
SublimeText3 Mac ??
? ??? ?? ?? ?????(SublimeText3)
??? ??
8641
17
1787
16
1730
56
1582
29
1448
31
Java vs. JavaScript : ??? ?????
Jun 20, 2025 am 12:27 AM
Java ? JavaScript? ?? ?? ????? ??? ?? ?? ?? ???? ????? ?????. Java? ??? ? ??? ?????? ??? ???? JavaScript? ?? ? ??? ??? ?????.
JavaScript ?? : ?? ??
Jun 19, 2025 am 12:40 AM
JavaScriptCommentsareEnsentialformaining, ?? ? ???? 1) Single-LinecommentsERUSEDFORQUICKEXPLANATIONS.2) Multi-linecommentSexplaincleClexLogicOrprovidedEdeDDocumentation.3) inlineecommentsClarifySpecificPartSofcode.bestPractic
JS? ??? ???? ???? ???
Jul 01, 2025 am 01:27 AM
JavaScript?? ??? ??? ?? ? ? ?? ??? ???????. 1. ?? ??? ??? ???? ?? ??? ????. ISO ?? ???? ???? ???? ???? ?? ????. 2. ?? ??? ?? ???? ??? ?? ???? ??? ? ??? ? ?? 0?? ????? ?? ??????. 3. ?? ?? ???? ???? ???? ?? ?????? ??? ? ????. 4. Luxon? ?? ???? ???? ?????? ???? ?? ????. ??? ?? ???? ????? ???? ??? ????? ?? ? ????.
? ? ??? ??? ?? ???? ??? ??????
Jul 02, 2025 am 01:22 AM
TAGGSATTHEBOTTOMOFABLOGPOSTORWEBPAGESERVESPRACTICALPURSEO, USEREXPERIENCE, andDESIGN.1.ITHELPSWITHEOBYOWNSESPORENGENSTOESTOCESKESKERKESKERKERKERDER-RELEVANTTAGSWITHOUTHINGTEMAINCONTENT.2.ITIMPROVESEREXPERKEEPINGTOPONTEFOCUSOFOFOFOCUSOFOFOFOCUCUSONTHEATECLL
JavaScript vs. Java : ?????? ??? ? ??
Jun 20, 2025 am 12:21 AM
JavaScriptIspreferredforwebDevelopment, whithjavaisbetterforlarge-scalebackendsystemsandandandoidapps.1) javascriptexcelsincreatinginteractivewebexperiences withitsdynatureanddommanipulation.2) javaoffersstrongtypingandobject-Orientededededededededededededededededdec
DOM?? ??? ?? ? ? ??? ??????
Jul 02, 2025 am 01:19 AM
??? ?? ? ??? DOM?? ??? ??? ? ?????. ??? ?? ????? ?? ??????, ??? ?? ???? ?? ????????. 1. ??? ??? addeventListener? usecapture ?? ??? true? ???? ?????. 2. ??? ??? ?? ???? usecapture? ???? ????? ?????. 3. ??? ??? ??? ??? ???? ? ??? ? ????. 4. ??? ?? ?? ?? ??? ?? ??? ??????? ??? ???? ?????. 5. ??? ?? ?? ?? ??? ?? ???? ?? ???? ? ??? ? ????. ? ? ??? ???? ???? JavaScript? ??? ??? ??? ????? ???? ???? ??? ??????.
JavaScript : ???? ????? ??? ?? ??
Jun 20, 2025 am 12:46 AM
javascriptassevenfundamentalDatatatypes : ??, ???, ??, unull, ??, ? symbol.1) ?? seAdouble-precisionformat, ??? forwidevaluerangesbutbecautiouswithfatingfointarithmetic.2) stringsareimmutable, useefficientconcatenationmethendsf
JavaScript ?? ????? ???? ??? ??? ?? ? ?????
Jun 26, 2025 am 12:54 AM
JavaScript ?? ????? ??????? ??? ?? ??? ??? ????? ?? ??? ????. ????? ??? ?????. 1. ?? ?? (CodesPlitting) ??, ?? ??? React.lazy ()? ?? ?? ?? ?? ??? ????? ??? ???? ? ?? ????? ??? ?? ??? ???????. 2. ???? ?? ?? (???)? ????, ES6 ?? ????? ???? "Dead Code"? ???? ?? ? ????? ?? ??? ??? ? ???????. 3. ?? ??? ???? ???? GZIP/BROTLI ? TERSER? JS? ???? ??? ????? ???? ?? ???? ??? ? ? ??????. 4. ??? ???? ???? day.js ? fetch? ?? ?? ?????? ??????.
