일반적인 프론트엔드 메소드 함수 예시에 대한 자세한 설명

이 글은 주로 프런트엔드 작성 프로세스의 일반적인 방법과 기능에 대한 자세한 예를 공유합니다. 이것이 모든 사람에게 도움이 되기를 바랍니다.

1. push() 메서드

정의 및 사용법
push() 메서드는 배열 끝에 하나 이상의 요소를 추가하고 새 길이를 반환합니다.

Syntax

arrayObject.push(newelement1,newelement2,....,newelementX)。

반환값
배열에 지정된 값을 추가한 후의 새 길이입니다.

Description
push() 메소드는 arrayObject의 끝에 매개변수를 순서대로 추가할 수 있습니다. 새 배열을 만드는 대신 arrayObject를 직접 수정합니다. push() 메서드와 pop() 메서드는 배열에서 제공하는 first-in-last-pop 기능을 사용합니다.

Tips and Notes
참고: 이 방법을 사용하면 배열의 길이가 변경됩니다.
팁: 배열 시작 부분에 하나 이상의 요소를 추가하려면 unshift() 메서드를 사용하세요.

2 로컬 저장소 localStorage

로컬에 데이터 저장

    const info = {
        name: 'Lee',
        age: 20,
        id: '001'
    };
    sessionStorage.setItem('key', JSON.stringify(info));
    localStorage.setItem('key', JSON.stringify(info));

로컬에서 데이터 가져오기 스토리지

    var data1 = JSON.parse(sessionStorage.getItem('key'));    var data2 = JSON.parse(localStorage.getItem('key'));

로컬 스토리지의 특정 저장된 데이터 삭제

    sessionStorage.removeItem('key');
    localStorage.removeItem('key');

모든 저장된 데이터 삭제

    sessionStorage.clear();
    localStorage.clear();

로컬 스토리지의 변경 사항 수신

스토리지 변경(추가, 업데이트, 삭제) 시 트리거됨, 동일한 페이지의 변경사항은 실행되지 않으며 동일한 도메인 이름

    window.addEventListener('storage', function (e) {
        console.log('key', e.key);        console.log('oldValue', e.oldValue);        console.log('newValue', e.newValue);        console.log('url', e.url);
    })

3.input

 1、在顶部style中直接控制css样式：<style type="text/css">

       input{outline:none;}</style>2、直接用 input:focus { outline: none; } 控制聚焦时不出现蓝色边框~

을 클릭한 후 파란색 테두리를 제거하세요.

위 내용은 일반적인 프론트엔드 메소드 함수 예시에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!