AJAX apibrėžime naudojami autentifikacijai:
password
username
APIs:
XMLHttpRequest
Geolocation - naudojamas geografinei userio pozicijai
Geolocation API
getCurrectPosition - paima dabartinę poziciją
watchPosition -grąžina dabartinę poziciją ir rodo video
Geolocation naudojamas iPhone ir GPS.
http://www.w3schools.com/html/html5_geolocation.asp
Klaidų gaudymo blokas:
try
catch(e)
finally
Draggable elements
Jei norime, kad elementai būtų draggable, reikia pridėti atributą
draggable = true
DataTransfer.setData() - siunčia duomenų tipą ir reikšmę tempimui (?)
function drag(ev){
ev.dataTransfer.setData("text", ev.target.id);
};
onDragOver - nurodo, kur tą reikšmę galima dėti. Elementai negali būti dedami ant kitų elementų, tam naudojama:
event.preventDefault();
Kai elementas padedamas, iškviečiamas metodas
onDrop.
function drop(ev){
ev.preventDefault(); - naršyklė atidaroma default gaudymui (?)
var data =
ev.dataTransfer.getData("Text"); - paimami persiųsti duomenys
ev.target.appendChild(document.getElementById(data));
};
Prototype
Prototype savybė leidžia pridėti metodus ar savybes objektui.
Pridėti savybę:
function
employee(name,jobtitle,born)
{
this.name=name;
this.jobtitle=jobtitle;
this.born=born;
}
var
fred=new employee("Fred
Flintstone","Caveman",1970);
employee.
prototype.
salary=null;
fred.salary=20000;
Pridėti metodą:
Customer.
prototype.
GetCommission() = function()
{
alert('payroll');
}
http://www.w3schools.com/jsref/jsref_prototype_string.asp
Error.prototype
Error.prototype - pristatomas klaidos konstruktorius.
Error prototype turi šias savybes:
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Error/prototype
CSS legal color values
Colors in CSS can be specified by the following methods:
- Hexadecimal colors
- RGB colors - rgb(red, green, blue), reikšmės nuo 0 iki 255, procentais - 0% iki 100%. PVZ.: rgb(0,0,255) ir rgb(0%,0%,100%).
- RGBA colors - išplėstas RGB, pridedant alpha savybę: rgba(red, green, blue, alpha). alpha parametras nurodo skaitinę reikšmę nuo 0.0 (visiškai permatoma) ir 1.0 (visiškai nepermatomas).
- HSL colors - nurodo cilindrinius koordinačių atspalvius, hsl(hue - atspalvis, saturation - sodrumas, lightness - lengvumas). #p1 {background-color:hsl(120,100%,50%);} / * green */
- HSLA colors - išplėstas HSL, pridedant alpha savybę.
- Predefined/Cross-browser color names - yra apibrėžta 140 spalvų vardų: http://www.w3schools.com/cssref/css_colornames.asp
Šešioliktainiai spalvų kodai:
#RRGGBB, kur RR (red - raudona), GG (green - žalia) and BB (blue - mėlyna). Visos reikšmės gali būti nuo 0 iki FF.
http://www.w3schools.com/cssref/css_colors_legal.asp
Callback gražinti XML duomenis
calback.call(httpRequest.responseXML);
call - naudojamas iškviesti objektą. call([thisObj[, arg1[, arg2[, argN]]}])
responseXML - grąžina duomenis kaip XML duomenis
XMLHttpRequest -leidžia atnaujinti puslapio dalis, neperkraunat puslapio.
input type="email"
SVG - interactive scalable vector graphic
transform - apibrėžia sąrašą transformacijų
setInterval - įvertiną išraišką specialiam intervale (milisekundėmis)
myGraphic.setAttribute("currectScale", 1.5)
JQuery show() vs. visible
$('#btnEdit').show()
$(selector).show(speed,easing,callback)
Su display:none naudoti show()? show(), hide() dirba su display savybe, o ne visibility
Matomi elementai yra tie, kurie:
- nenurodyta display: none
- nėra tipo type=hidden
- plotis ir ilgis nėra 0
- nėra paslėpto elemento dalis
autocomple
autocomplete atributas nurodo, kad laukas gali būti užpildytas automatiškai???
< input type = 'password' required autocomplete = 'off' />
JQuery pažymėti visus header elementus
$(":header")
CSS text-transform property
p.
uppercase {text-transform:uppercase;}
p.
lowercase {text-transform:lowercase;}
p.
capitalize {text-transform:capitalize;}
hyphens
hyphens - teksto lygiavimas, kai į eilučių pabaigą žodis dalijamas ir atskiriamas brūkšneliu
hyphen geriau nei word-break.
CSS3 hyphen veikia nuo Firefox 6 su anglų kalba.
SVG
SVG yra kalba, apibrėžianti 2D grafiką XML.
| Canvas |
SVG |
|---|
- Resolution dependent
- No support for event handlers
- Poor text rendering capabilities
- You can save the resulting image as .png or .jpg
- Well suited for graphic-intensive games
|
- Resolution independent
- Support for event handlers
- Best suited for applications with large rendering areas (Google Maps)
- Slow rendering if complex (anything that uses the DOM a lot will be slow)
- Not suited for game applications
|
$.ajax settings: accepts, contentType, dataType
accepts - nurodo, kokio tipo atsakymus leidžia grąžinti
contentType - pagal nutylėjimą 'application/x-www-form-urlencoded; charset=UTF-8'
dataType - galimos reikšmės xml, json, script, html
dataFilter - apvalymo, filtravimo funkcija, kad gautume reikiamus "švarų" atsakymą.
getResponseHeader - headerio informacija apie atsakymą, pvz.,
xmlhttp.getResponseHeader("Server")
xmlhttp.getResponseHeader("Content-Type")
xmlhttp.getResponseHeader("Content-Length")
xmlhttp.getResponseHeader("Last-Modified")
