?? ??? ?? ???? ????? ?? ? JavaScript? 1995 ? 5 ? Brendan Eich? ?? ? ??? ?? ???? ????? ????????. ???? ???? ??? ??, ?? ?? ??? ?????. ?? ??, ???? ???? ??? ???? ??????. 1 == "1"? True? ?? ???? this
????????. ??? ?? ???? ?? ? ??? ?? ?? ??? ???? ??? ??? ?????.
?? JavaScript?? ?? ??? ?? ?? ? ??? ??? ????. ?? ????? private
??? ?? ?? ??? ??? ? ??? ?? ?? ? ????? JavaScript??? ??? ? ??? ?? ???? ??? ?? ??? ? ???? ??? ??? ????. ?? ??? ??? ??? ?????.
var
???
2015 ??? ????? ??? ??? ??? ????? ???? var
???????. var
? ?? ??? ? ???? ???? ??? ??? ?? ? ???? ??? ? ? ????. ??? ?? ?? ????? "???"? ?? ??? ?? ? ?? ?? ? ?? ?? ?? ??? ??? ? ? ????. ?? ?? ??? ???? ??? ???????? ?? ?? undefined
?? ?????. var
???? "?????"?? ?????.
// ??? ???? "A"? ????? var a = 123; // ?? ???? "b"? ????? (??() { Console.log (b); // => ?????? ?? ?? ?? "???? ??"? ?????. var b = 456; }) (); Console.log (a); // => 123 Console.log (b); // "b"? ?? ??? ???? "b"? ??? ? ? ???? "referenceError"??? ????.
ES6 ??? ??
2015 ?? ES6/ES2015? ????? ?????? ? ?? ??? ?? ??? ? let
and const
. ? ? ?? ??? ???? ??? ???? ?? ? ??? ??? ??? ? ??? ???? ??? ? ? ????. var
? ????? let
? const
??? ??, ??, ?, ?? ?? ?? ?? ??? ??? ??? ? ? ????.
const a = 123; // ?? ??? ?? #1 if (true) { Const B = 345; } // ?? ??? ?? #2 { const c = 678; } Console.log (a); // 123 Console.log (b); // "b"? ?? ??? ???? "b"? ??? ? ? ?? ??? "?? ?"? ????. Console.log (C); // "b"? ?? ??? ???? "b"? ??? ? ? ?? ??? "?? ?"? ????.
??? ??? ??? ??? ??? ? ? ???? ???? ??? ????. ??? ?? ???? ???? ? ?? ??? ?? ? ????.
?? ??
JavaScript? ??? ????? ?? ?? ???? ?? ?????. ?? "??"??? ?? ??? ?? ??? ??? ? ????.
?? ??? ??
Google? ???? ??? ???? "??"? ?????.
? ????? IT??? ????? ??? ?? ?? ??? ??? ?? ??? ?? ? ? ????.
- "??"?? 1.2
?? ??? ??? ?? ? ?? ?? ??? ???? ????? ? ?? ?? ??? ?? ? ? ???? JavaScript?? ?? ?????. "???"?? ????? ?? ?? ???? ?? ? ??? ? ??? ?? ???? ? ????. ?? ???, ??? ???? ? ??? ?? ????? ? ????? ?? ? ???. ?? ??? ?????? ?? ? ? ????.
const carmodule = () => { MilesDriven = 0???; ?? = 0???; const Accelerate = (??) => { ?? = ?; ??? ???? = ??; } const getmilesdriven = () => milesdriven; // "??"???? ???? ?? ? ??? ??? ???? ?? ? ? ????. ? ?? Accelerate () ? getMilesDriven () ?? ? ??????. ?? { ??, getmilesdriven } }; const testcarmodule = carmodule (); testCarmoDule.Accelerate (5); testCarmoDule.Accelerate (4); console.log (testCarmoDule.getMilesDriven ());
?? ??? ??? ????? ???? ?? ? ???,? ?? ???? ??? ??? ???? ?? ??? accelerate()
? getMilesDriven()
??? ? ???? ?? ? ????. ????? speed
? ?? ?????. ??? ?? ??? ???? ??? ? ? ?? ?????. ? ?? ?? ??? ??? ????? ?????. ??, ?? ?? ?? ?? ?? ??? ??? ? ??? ??? ???? ????? ??? ?? ???? ???? ?? ??? ?? ???? ???? ????.
? ?? ??
? ? ?? ???? this
???? ???? ?? ? ? ????. ES6 ??? ?? (=>)? ?? ?? () {} ???? ??? ????. function
???? ???? ?? ??? ????? this
??? ??? ? ??? ??? ??? this
???? ?? ??? ??? ? ????. ? ? ??? ??? ???? ?????. ?? ????? ????? ? ??? ???? ?? ???? ??? ? ?? ??? ???? ???? ?? ? ?? ???? ?? ????.
?? carModule () { MilesDriven = 0???; ?? = 0???; //? ?? ?? "?"???? ?????. // CarModule? ????? this.accelerate = (??) => { ?? = ?; ??? ???? = ??; } this.getMilesDriven = () => MilesDriven; } const testcarmodule = ? carmodule (); testCarmoDule.Accelerate (5); testCarmoDule.Accelerate (4); console.log (testCarmoDule.getMilesDriven ());
ES6 ???
???? ES6? ? ?? ??? ?????. ???? ????? ?? ?????. ?, ??? ????? ? ?? ?? ? ??? "????"? ? ????. ???? ?? ??? ?? ?? ?? ??? ??? ??? ? ??? (??)? ?? ??????.
??? ?? ?? ?????.
??? CarModule { /* ??? ???? = 0; ?? = 0; */ ??? () { this.milesdriven = 0; ? .speed = 0; } ?? (??) { ? .speed = ??; this.milesdriven = this.speed; } getMilesDriven () { ??? ??????. } } const testcarmodule = ? carmodule (); testCarmoDule.Accelerate (5); testCarmoDule.Accelerate (4); console.log (testCarmoDule.getMilesDriven ());
?? ?? ???? ? ?? milesDriven
? speed
??? constructor()
??? ??? ????. ?? ??? ??? ??? ??? ??? ??? ?? ? ?? ??? ??? ????? ?????. ??? ??? ??? ???? ??? ??? ??? ??? ? ? ??? ????.
? ??? ?? ? ?? ???? ?? ?????.
??? ??????
??? ?? ???? ?? (_)? ?? ???? ???? ???? ??? ?? ?????? ????? ??? ??? "? ???"??? ????? "? ??? ???? ????"?? ??? ???? ?????. ?? ??, ?? ??? ?? ?? ????.
// ??? ???? ??? ??????. ??? () ??? ?? ???? ?? ? ?? ????. /* _milesdriven = 0; _speed = 0; */ ??? () { this._milesdriven = 0; this._speed = 0; }
??? ?? ?? ??? ??????, ?? ????? ????? ??? ??? ?? ??? ?????. ??? ?? ? ??? ? ? ??? ?? ??? ???????.
???? ?? ?? ?????
?????, ????? ?? ??? ???? ??? ????. ?? ?? ??? ???? constructor()
??? ?? ????. ???.
??? CarModule { ??? () { MilesDriven = 0???; ?? = 0???; this.accelerate = (??) => { ?? = ?; ??? ???? = ??; } this.getMilesDriven = () => MilesDriven; } } const testcarmodule = ? carmodule (); testCarmoDule.Accelerate (5); testCarmoDule.Accelerate (4); console.log (testCarmoDule.getMilesDriven ()); Console.log (TestCarmoDule.Speed); // ???? ?? - ?? ?? ?? ?? ??? ????.
? ???? ????? ???? ?? ??? ?? ??? ? ? ?? ??? ??? ?? ?? ??? ?????. ??? ??? ?? ??? ??? ? ?? ??? ?? ??? ??? ???? ??? ? ?? ??? ??? ????? ????. ? ????? function()
???? ??? ?? ????.
?? ??
?? WeakMap()
???? ?? ??? ????? ???? ??? ????. Map
? ???? ?? ? ??? ? ??? ?? ????. ??? ?? ??? ?? ?? ??? ? ???, WeakMap
???? ?? ?? ?? ? ? ??? ????? WeakMap
?? ?? ?????. ?? WeakMap
?? ? ? ???? ?? ?????? ?? ?? ?? ??? ????????. ??? ??? ??? ?? ??? ?? ??? ??? ? ?? ?????.
??? CarModule { ??? () { this.data = ??? ?? (); this.data.set (this, { Milesdriven : 0, ?? : 0 }); this.getMilesDriven = () => this.data.get (this) .milesdriven; } ?? (??) { //? ????? ??? ???? // "?"???? ?? ?????. const data = this.data.get (this); const speed = data.speed ??; const milesdriven = data.milesdriven data.speed; this.data.set ({speed, milesdriven}); } } const testcarmodule = ? carmodule (); testCarmoDule.Accelerate (5); testCarmoDule.Accelerate (4); console.log (testCarmoDule.getMilesDriven ()); Console.log (TestCarmoDule.Data); // => ?? {[Items Unknown]} -? ???? ???? ?? ??? ? ? ????!
? ???? ????? ??? ??? ???? ? ?????, this
CarModule
? ???? ???? ??? ? ? ?? ??? ??? ??? ????. ??, ??? ??? ???? ????? ?? ??? ???? ????.
??? ???? ?? ??? ??????
??? ?? ??? ???? ?? Symbol
???? ??? ???? ?? ? ? ????. ??? ????? ?? ? ??? ??? ??? ???? ?? ? ????? ????? ?? ?? ?? ?? ????. ?? ?? ????? ?? ??? ????.
??? CarModule { ??? () { this.speedkey = Symbol ( "Speedkey"); this.milesdrivenkey = Symbol ( "Milesdrivenkey"); ? [this.speedkey] = 0; this [this.milesdrivenkey] = 0; } ?? (??) { //? ???? ??? ?? ?????? ?? ??????. ??? ?? ??? ?? ????. // ???? ??? ??? ??? ??? ????. ? [this.speedkey] = ??; this [this.milesdrivenkey] = this [this.speedkey]; } getMilesDriven () { ? [this.milesdrivenkey]? ??????. } } const testcarmodule = ? carmodule (); testCarmoDule.Accelerate (5); testCarmoDule.Accelerate (4); console.log (testCarmoDule.getMilesDriven ()); Console.log (TestCarmoDule.Speed); // => ???? ?? - ??? ?????? ?? ?? ????????. ?? ???? ?????,? ???? ??? ???? ?? ?? ??? ?? ?????.
TC39 ?? ?? ?? ??
???, ?? ??? ???? ?? ? ??? ??? ???????. ????? : ?? ??? ???? ???????. ?? ??? ??? ???? ????.
??? CarModule { #speed = 0 #milesdriven = 0 ?? (??) { //? ???? ??? ?? ?????? ?? ??????. ##?? = ?; #milesdriven = ??; } getMilesDriven () { ??? ??????.#Milesdriven; } } const testcarmodule = ? carmodule (); testCarmoDule.Accelerate (5); testCarmoDule.Accelerate (4); console.log (testCarmoDule.getMilesDriven ()); Console.log (TestCarmoDule.Speed); // => ???? ?? - ??? ?????? ?? ?? ????????.
?? ?? ??? ??????? ???? ??? ?? ????.
?????
??? JavaScript?? ?? ??? ???? ??? ??? ?? ?????. "???"???? ????. ? ??? ?? ?? ??, ?? ????? ? ?? ?? ??? ?????. ? ?? ???? ??? ??? ??? ????? ?? ?? ??? ??? ????? ???? ? ??? ??????.
?? ??? ?????! ??? JavaScript ??? ???? ?? ??? ?? ?? ??? ???? ??? ?? ???? ????? ????. ??? ??? ??? ???? ????? ?? ?????? ??? ????? ??? ?????. ? ?? ??? ???? ? ?? ??? ?? ??? ??????.
? ??? 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)

??? ??











CSS? ??? ??? ????? ????? ??? ? ?? CSS? ????? ?? ??????, ?? ?? ? ??? ??, ??? ?? ?? ??? CSS ? ????? ?? ??? ?? ???? ???? ??? ??? ???. 1. ?? CSS? ???? HTML? ?? ?????. 2. JavaScript? ?? ??? CSS ??; 3. ??? ??? ???? ?? ???? ????? ??????. 4. CSS? ???? ???? ??? ????. ?? CSS? ???? ?? ??? ???? Rel = "Preload"?????? ????, ??? ?? ??? ????? ???? ??? ?? ? ??? ???? ??? ?????.

AutoPrefixer? ?? ???? ??? ???? ?? ?? ???? CSS ??? ???? ???? ?????. 1. ????? ???? ???? ???? ??? ?????. 2. PostCSS ???? ??, CSS? ?? ???? ???? ?? ???? ??? ???? ??? ?? ??? ?????. 3. ?? ???? ???? ??, ??????? ?? ? ?? ???????? ????? ?? ?????. 4. ???? ???? ???? ???? ?? ?? ????, ???? ?? ??? ?? ???? ???? ????? ?? ???? ?? ????.

theconic-gradient () functionincsscreatescurcular gradientsthattroTecolorstopsaroundacentral point

ToTeCreatesTickyHeaders andfooterswithcss, ?? ?? : stickyforheaderswithTopvalueAndz-index

CSS ??? ?? ??? ??? ??? ????? ?? ???, ??? ??? ????? ??? ?? ????, ?? ??? ?? ??? ? ???? ??? ?? ?? ??? ?? ?????. ?? ?? .card ???? ?? ? ??? ???? ??? ???? ??? ???? ??? ? ????. ?? ??? ??? ????. 1. ?? : ?? ??? ?? ??? ??? ?????? ??; 2. ?? ?? ??? ?? ??? ???? ???? ?????. 3. ??? ??? ????? ???? ????. 4. ??? ????? ?? ??? ??? ?? ?? ?????????. ?? CSS ??? ??? ???? ??? ??? ?? ???? ?? ???????. ??? ???? ???? ??? ???? ?? ? ?? ??? ??? ?????. ???? ???? ?? ???? ?? ? ? ????

Mobile-FirstcsSdesignRequiresTtingTheviewPortMetatag, RelativeUnits, StylingFromsMallScreensup, ??? ???? andtouchtargets.first, addtocontrolscaling.second, ??%, em, orreminsteadofpixelsforflexelayouts.third

CSS?? ????? ??? ? ?? ??? ????. 1. HTML ? CSS? ?? ??? ?????? ???? ?? ???? ?? ???? ??????. 2. ?? ??? ??? ?? ???? ???? ?? ?? ??? ?? ?? ??? ??????. 3. ??? ????? ???? JavaScript? ?? ???? ?????? ??? ?????. ? ?? ??? ??? ??? ????? ?? ??, ??, ??? ? ?? ???? ?? ?? ?? ??? ???? ?????.

?? ?? ? ??? ????? ????? ?? ??? CSSGrid? ?? (Auto-Fit, Minmax ()) ??? ???? ????. 1. ???-???-?? ?? : ?? (?? ??, minmax (200px, 1fr)) ????? ?? ?? ???? ???? ? ?? ?? ? ?? ??? ????????. 2. ??? ???? ??? ??? ??????. 3. ????? ?? ?? ?? ??? ??????? 100%, ?? ?? : ?? ?? ??? ??? ???? ??? ?????? Border-Box? ???????. 4. ????? ?? ?? ??? ???? ????? ?? ? ??? ??? ??? ?????.
