This shows you the differences between two versions of the page.
Both sides previous revision Previous revision Next revision | Previous revision | ||
dev:javascript [2023/03/28 14:51] tomas [Promenne, funkce na promennych] |
dev:javascript [2023/04/28 10:41] (current) tomas [yarn] |
||
---|---|---|---|
Line 5: | Line 5: | ||
====JS servery==== | ====JS servery==== | ||
[[https:// | [[https:// | ||
- | ... manazer modulu pro node-js\\ | + | node main.js ... spustí |
==== npm ==== | ==== npm ==== | ||
Line 17: | Line 17: | ||
npm whoami ... zobrazí uživatele v repozitáři\\ | npm whoami ... zobrazí uživatele v repozitáři\\ | ||
npm whoami --registry=https:// | npm whoami --registry=https:// | ||
+ | npm install socket.io ... nainstaluje knihovnu\\ | ||
==== yarn ==== | ==== yarn ==== | ||
balíčkový manažer pro nodejs nad npm | balíčkový manažer pro nodejs nad npm | ||
+ | package.json ... seznam balíčků k instalaci a skriptů\\ | ||
+ | yarn.lock ... zámek na verze npm balíčků\\ | ||
+ | |||
+ | yarn add react-native-cli ... nainstaluje react-native-cli i se závistlostma\\ | ||
+ | yarn install --update-checksums ... provede instalaci balíčků i se závistlostma z definičního souboru package.json\\ | ||
====Nastroje==== | ====Nastroje==== | ||
[[https:// | [[https:// | ||
+ | [[https:// | ||
+ | [[https:// | ||
====Knihovny==== | ====Knihovny==== | ||
Line 38: | Line 45: | ||
==== Promenne, funkce na promennych ==== | ==== Promenne, funkce na promennych ==== | ||
+ | typeof promenna ... vrátí typ proměnné, třeba " | ||
+ | |||
== Řetězce == | == Řetězce == | ||
var text=' | var text=' | ||
Line 97: | Line 106: | ||
==== Web javascript funkce ==== | ==== Web javascript funkce ==== | ||
console.log(); | console.log(); | ||
- | document.write(" | ||
- | document.getElementById(' | ||
- | %%<input type' | ||
- | %%<div id=' | ||
alert(" | alert(" | ||
var c = confirm(' | var c = confirm(' | ||
Line 106: | Line 111: | ||
prompt(" | prompt(" | ||
window.localtion = " | window.localtion = " | ||
- | window(url, [name], [options], [replace]) ... otevře nové okno s danou url. name= _blank, _self, _parent, _top, _framename, options=width, | ||
- | window(" | ||
escape(' | escape(' | ||
unescape(text) ... odescapování\\ | unescape(text) ... odescapování\\ | ||
+ | ==== DOM ==== | ||
+ | [[https:// | ||
+ | document.write(" | ||
+ | document.getElementById(' | ||
+ | %%<input type' | ||
+ | %%<div id=' | ||
+ | element = document.querySelector(' | ||
+ | elements = document.querySelectorAll(' | ||
+ | element.text ... textová hodnota elementu\\ | ||
+ | element.innertext = ' | ||
+ | element.innerHTML = '< | ||
+ | element.remove() ... smaže element\\ | ||
+ | element.getAttribute(" | ||
+ | element.hasAttribure(" | ||
+ | element.remove(" | ||
+ | element.offsetLeft ... velikost okraje z leva\\ | ||
+ | element.offsetParent.offsetTop ... velikost okraje rodičovského objektu z vrchu\\ | ||
+ | element.childNodes ... vnořené HTML objekty\\ | ||
+ | element.style.border = '1px solid #000'; ... nastaví CSS rámeček\\ | ||
+ | element.setAttribute(' | ||
+ | |||
+ | == Přidání elementu == | ||
+ | newelement = document.createElement(' | ||
+ | newelement.innerText = ' | ||
+ | newelement.setAttribute(' | ||
+ | document.body.appendChild(element)\\ | ||
+ | |||
+ | window(url, [name], [options], [replace]) ... otevře nové okno s danou url. name= _blank, _self, _parent, _top, _framename, options=width, | ||
+ | window(" | ||
==== události - events ==== | ==== události - events ==== | ||
Line 121: | Line 153: | ||
%%<a href=" | %%<a href=" | ||
+ | element.addEventListener(' | ||
+ | element.attachEvent(' | ||
====JSON==== | ====JSON==== | ||
a=[" | a=[" | ||
Line 138: | Line 172: | ||
objs.sort(compare);</ | objs.sort(compare);</ | ||
- | + | ==== JQuery ==== | |
- | | + | %%< |
+ | $(window).ready(function() {alert(' | ||
+ | var MyID = $('# | ||
+ | var tucne = $(' | ||
+ | var body = $(' | ||
+ | var names = $(' | ||
+ | $(" | ||
+ | $(" | ||
+ | akce: keypress(), mouseup(), mousedown(), | ||
+ | akce na objektu append(" | ||
+ | $(this).next().toggle() ... když display=none, | ||
+ | .hide(), .show() ... skryje, zobrazí, paramert může být jak rychle s zmizí, nebo se zobrazí v ms\\ | ||
+ | fadeIn, fadeOut, fadeToggle, slideUp, slideDown, slideToggle ... slide - bude překryto dalšími objekty a tím zmizí\\ | ||
+ | .submit() ... odešle formulář\\ | ||
+ | keypress( function(e) { $(this).append(e.keyCode ? e.keyCode : e.which)} ) ... po stisknutí přidá číslo znaku, jež byl zmáčknutý. některé browsery požívají which, některé keyCode\\ | ||
+ | $(this).html() ... dostanu vnitřek html značky\\ | ||
+ | $(" | ||
+ | $(this).animate({width: | ||
+ | $(this).attr(" | ||
+ | $(this).attr(" | ||
+ | $(this).slideUp(3000, | ||
+ | $("# | ||
+ | $.ajax() = jQuery.ajax()\\ | ||
+ | $.ajax({url: |