H5 새로운 기능
1.1 전체 화면 들어가기
elem.webkitRequestFullScreen(); // webkit (Chrome / Safari / Opera)
title.mozRequestFullScreen(); // (Firfox)
1.2 전체 화면 종료
document.webkitRequestFullScreen();
1.3 주의
2.1 장점:
2.2 오픈 및 취소
requestAnimationFrame()
cancelAnimationFrame()
2.3 주의
setInterval, setTimeout, requestAnimationFrame은 변수에 값을 부여한 후console.log는 순서의 숫자로 나오고 삼자의 차이를 구분하지 않기 때문에 삼자를 취소할 때 직접 취소할 수 있다. 방법은 다음과 같다.
for (var i = 1; i <= 4; i++) {
clearInterval(i);
clearTimeout(i);
cancelAnimationFrame(i);
}
3. 로컬 스토리지
3.1 차이점:
대부분의 브라우저는 최대 4k의 쿠키를 지원하며 20개의 쿠키만 저장할 수 있습니다
3.3 웹스토어 방법
sessionStorage.setItem('key1', 'value1');
sessionStorage.setItem('key2', JSON.stringify([1, 2, 3, 4]));
sessionStorage.setItem('key3', JSON.stringify({ name: "xiaoming" }));
sessionStorage.getItem('key3');
sessionStorage.removeItem('key2');
sessionStorage.clear();
localStorage.setItem('key1', 'value1');
4. 오프라인 캐시 manfest
4.1 소개
CACHE MANIFEST는 # 번호로 시작하는 주석입니다.
#version 1.3
css/index.css
js/index.js
index.html
4.5 캐시 업데이트 방법
5.1 Navigator 객체
5.2 geolocation 객체
if ("geolocation" in navigator) {
/* */
} else {
/* */
}
5.3 현재 위치 가져오기
코드 예는 다음과 같다.
window.navigator.geolocation.getCurrentPosition(function (info) { //
console.log('successed');
console.log(info);
}, function (info) { //
console.log('error');
console.log(info);
}, { //
});
6. 작업 스레드 웹 워크맨
6.1 의미
//
if (typeof Worker !== 'undefined') {
console.log(' ');
//
var w = new Worker('./js/worker.js');
// worker.js
w.onmessage = function (e) {
console.log(e.data);
$('title').innerHTML = e.data;
};
} else {
console.log(' ');
}
6.3 웹 워크맨 만들기
var w = new Worker('./js/worker.js');
7. 템플릿 엔진template
7.1 의미
7.2baiduTemplate를 보여 주십시오.js 템플릿 엔진?
코드 예는 다음과 같다.
<h1> : <%=name%></h1>
<h2> ：<%=age%> </h2>
<ul>
<%for (var i = 0; i < foods.length; i++) {%>
<li><%=foods[i]%></li>
<%}%>
</ul>
//
var data = {
name: ' ',
age: 13.5,
foods: [ ' ', ' ', ' ' ]
};
// html
var html = baidu.template('header', data);
document.getElementById("result").innerHTML = html;
7.3 BaiduTemplate와 비슷한 템플릿 엔진
예를 들어, artTemplate.js, 문법 유사http://www.jq22.com/jquery-info1097
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
다양한 언어의 JSONJSON은 Javascript 표기법을 사용하여 데이터 구조를 레이아웃하는 데이터 형식입니다. 그러나 Javascript가 코드에서 이러한 구조를 나타낼 수 있는 유일한 언어는 아닙니다. 저는 일반적으로 '객체'{}...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.
좋은 웹페이지 즐겨찾기
