html5-css3-js-with-device

HTML5、CSS3和JavaScript之美@移动互联网阿里云–张乐event@HTML研究小组美在哪里？[HTML5]语义化标签[HTML5]设计原理大多数人的意见和运行的代码发送时保守，接收时开放避免不必要的复杂性网络价值同网络用户数量的平方成正比[CSS3]复杂的样式定义[CSS3]appearanceinput[type=“checkbox”]{-webkit-appearance:none;background:url(new-skin.png);}input[type=“checkbox”]:checked{background:url(new-skin-checked.png);}[CSS3]flex-box[CSS3]flex-box[CSS3]flex-box[CSS3]flex-box[CSS3]column-boxdivclass=column-boxdivA/divdivB/divdivC/divdivD/divdivE/divdivF/divdivG/div/div[CSS3]column-boxdivclass=column-boxdivA/divdivB/divdivC/divdivD/divdivE/divdivF/divdivG/div/div.column-box{-webkit-cloumn-count:3;}[CSS3]column-boxdivclass=column-boxdivA/divdivB/divdivC/divdivD/divdivE/divdivF/divdivG/div/div.column-box{-webkit-cloumn-count:3;}#node{/*styles*/}[CSS3]mediaqueries://{/*styles*/}@mediaalland(min-width:480px){#node{/*styles*/}}[CSS3]mediaqueries://{/*styles*/}@mediaalland(min-width:480px){#node{/*styles*/}}@mediaalland(min-width:1024px){#node{/*styles*/}}[CSS3]mediaqueries://[CSS3]CodeCola[JavaScript]JavaScript美吗？[JavaScript]?它几乎没有美的特征！！！执行慢API接口烂Debug困难[JavaScript]框架jQuery[JavaScript]元素查询document.querySelector(“#navli:last-child”);document.querySelectorAll(“a[href$=‘.pdf’]”);[JavaScript]JSONvarjson=JSON.parse(xhr.responseText);vardata=JSON.stringify(jsObject)；xhr.send(data);[JavaScript]WebStoragelocalStorage.setItem(“cache”,“even-js-and-css”);localStorage.getItem(“cache”);[JavaScript]ZeptoZeptoisexpectedtoworkineverymodernbrowserexceptInternetExplorer.[JavaScript]Canvas://colorhook.github.com/JPE/examples/Domino/[JavaScript]还有什么特别的吗？@移动互联网functionsuccess(position){varlat=position.coords.latitude,lng=position.coords.longitude,city=position.address.city;};navigator.geolocation.getCurrentPosition(success);[JavaScript]获取地理定位[JavaScript]3D传感器varupdate=function(acceleration){varx=acceleration.x,y=acceleration.y,z=acceleration.z;};navigator.accelerometer.watchAcceleration(update);[JavaScript]查询通讯录functionsuccess(contacts){//console.log(contacts[0].name);};navigator.contacts.find(['name','emails'],success);[JavaScript]拍照functionsuccess(data){myImageElement.src=data[0].url;};navigator.device.capture.captureImage(success);[JavaScript]噪声传感器functionnoiseChanged(data){//noise=data.value;};navigator.system.watch(“AmbientNoise“,noiseChanged);[JavaScript]条形码扫描[JavaScript]指南针更多的标签-更少的HTML代码美好就在路上更多的标签-更少的HTML代码更智能的选择器-更少的CSS代码美好就在路上更多的标签-更少的HTML代码更智能的选择器-更少的CSS代码更健壮的API-更少的JS代码美好就在路上更多的标签-更少的HTML代码更智能的选择器-更少的CSS代码更健壮的API-更少的JS代码本地存储-离线体验美好就在路上更多的标签-更少的HTML代码更智能的选择器-更少的CSS代码更健壮的API-更少的JS代码本地存储-离线体验集成设备特性-更Cool更好玩美好就在路上感谢！anyquestion?@正邪邪邪