Please enable JavaScript.
Coggle requires JavaScript to display documents.
Html CSS JavaScript (JavaScript & ES6 (Operators (+, -, /, %, ==, ===,…
Html CSS JavaScript
JavaScript & ES6
Operators
+
-
/
%
==
===
||
&&
*
++
--
Condition
if else
nested if
switch case
Loop
for standard
forEach
for of
while
do while
Variable
Declare & Scope
const
let
var (global)
Data Types
object
object vs json
json parse
json stringify
Date object
array
pop
push
concat
sort
shift
splice
number
isNaN()
toFixed()
boolean
string
toString()
function
Cast Data
toString()
parseFloat
parseInt
Number()
debug
console.log
console.error
console.table
console.dir
Http Request
fetch
Asynchronous & Synchronous
Synchronous is Sequence
Asynchronous is Non Blocking I/O
https://www.babelcoder.com/blog/posts/asynchronous-javascript-and-event-loop
Storage
Local Storage
Session Storage
Function
Declare
function expressions
function standard
Arrow functions
Exception handle
Tip & Tick
JavaScript Pro Tips
Looping through js objects
บทสรุปฟีเจอร์ JavaScript ร่ายยาว ES6 จนถึง ES11! (ปี 2020)
JavaScript in Depth
Inner JOIN
Check Object Empty
https://coderwall.com/p/_g3x9q/how-to-check-if-javascript-object-is-empty
https://stackoverflow.com/questions/679915/how-do-i-test-for-an-empty-javascript-object
RegExp
https://stackoverflow.com/questions/12018245/regular-expression-to-validate-username/12019115
Code Style
ESLint
JavaScript Engine
Simulate Step By Step
https://tylermcginnis.com/
http://latentflip.com/loupe/?code=bGV0IGEgPSA1OwoKc2V0VGltZW91dChmdW5jdGlvbiB0aW1lb3V0KCkgewogICAgY29uc29sZS5sb2coYSk7Cn0sIDUwMDApOwoKY29uc29sZS5sb2coIldlbGNvbWUgdG8gbG91cGUuIik7!!!PGJ1dHRvbj5DbGljayBtZSE8L2J1dHRvbj4%3D
http://www.pythontutor.com/javascript.html#mode=display
https://medium.com/@nazanindelam/all-you-need-to-learn-to-understand-javascript-execution-context-and-stack-3babbdd88868
Call Stack, Event Loop,
Library
lodash
momentjs
Math
ceil ปัดขึ้นทั้งหมด
floor ปัดลงทั้งหมด
round มากกว่าหรือเท่ากับ 5 ปัดขึ้น น้อยกว่า 5 ปัดลง
CSS
Inline
Internal
Properties
Color
Display
inline
block
https://www.cssportal.com
Tools
https://cssgradient.io/gradient-backgrounds/
https://uxpro.cc/toolbox/visual-design/colors/
https://colors.eva.design
Tip & Trick
Border Radius table
Html
Elements
tag ปิด
Content
tag เปิด
Attributes
a
heading
p
hr
br
Dom
Dom Document
Finding HTML Elements
getElementById
querySelector
.ClassName
.ClassName:lastchild
.ClassName:nth-child(0)
'#'ElementId
input[type="submit"]
querySelectorAll
getElementByClassName
var item = document.getElementByClassName('list-group-item')
item[index]
Parent
parentNode
Child
firstElementChild
lastElementChild
children
Sibling
previousElementSibling
nextElementSibling
Create / Insert HTML Elements
createElement
appendChild
innerHTML
textContent
createTextNode
insertBefore
Remove HTML Elements
element.innerHTML = ''
element.parentNode.removeChild(element)
Finding HTML Object Collections
document.forms['form_name']
Element Attribute
element.hasAttribute
element.getAttribute
element.setAttribute
element.removeAttribute
Event Listener
element.addEventListener
click
keyup
mousemove
fix submit form
: event.preventDefault()
Style
element.style.property
textContent
Issue
https://stackoverflow.com/questions/35916158/how-to-prevent-multiple-instances-in-electron
Tip & Trick
Menu Admin