javascript 기초 예제

jQuery의 선택 기 엔진은 매우 다양하지만 때로는 약간 느릴 수 있습니다. 재단의 “Big S” 선택기는 querySelectorAll()을 사용하여 네이티브 브라우저 API를 활용하여 최대 20% 더 빠르게 만듭니다. 버전 3.0 이후, 재단의 구성은 또한 설명서에 특별한 “사용자 정의”옵션이 있습니다. 또한 개발자는 양식에서 원하는 구성 요소를 선택하고 필요한 경우 다양한 옵션의 값을 필요에 맞게 조정합니다. 이후에 생성된 패키지에는 미리 빌드된 CSS 스타일 시트가 이미 포함되어 있습니다. jQuery 개체의 .foundation() 함수는 모든 파운데이션 플러그인을 한 번에 시작합니다. 또한 DataTables의 파데이션 통합은 DataTable에서 페이지 조정 컨트롤을 위한 렌더러를 제공하여 테이블의 페이지 도 파데이션이 파운데이션에 의해 일관되게 스타일이 지정되도록 합니다. 플러그인은 자바 스크립트에서 프로그래밍 방식으로 만들 수 있습니다. 모든 플러그인은 전역 Foundation 개체의 클래스로, 두 개의 매개 변수를 허용하는 생성자( 연결할 요소 및 옵션 개체)가 있습니다. 단일 요소는 한 번에 하나의 파운데이션 플러그인만 가질 수 있습니다. 그러나 대부분의 플러그인은 다른 플러그인 내부에 중첩 될 수 있습니다. 재단 유틸리티를 사용하는 방법에는 Foundation.utils 네임스페이스 내에서 호출하고 객체로 상속하는 두 가지 방법이 있습니다.

파운데이션 CSS를 사용하려면 기본 또는 사용자 지정 CSS 패키지를 다운로드 페이지에서 다운로드하여 해당 웹 서버 폴더에 설치할 수 있습니다. 그런 다음 파운데이션이 HTML 페이지 마크업에 통합됩니다. [9] 이 통합은 이 예제와 같이 DataTable을 정상적으로 초기화하는 데 필요한 기본값을 설정하는 DataTable 기초 파일(CSS 및 JS)을 포함하여 간단하게 수행됩니다. 파운데이션은 프런트 엔드 코드를 더 빠르고 더 잘 개발하기 위한 ZURB 프로젝트로 부상했습니다. 2011년 10월, ZURB는 MIT 라이선스에 따라 파운데이션 2.0을 오픈 소스로 출시했습니다. [2] ZURB는 2012년 6월에 재단 3.0, [3] 2013년 2월 4.0, 2013년 11월 5.0, 2015년 11월 6.0을 발표했다. 팀은 가장 가능성이 이전 브라우저에 대한 지원을 드롭 하고 flexbox 또는 어쩌면 계산 그리드 시스템과 같은 새로운 기술을 구현합니다 사이트에 대한 재단의 다음 버전에 작업을 시작 6, 우리는 플러그인으로 콜백을 제거 6, 우리는 플러그인으로 콜백을 제거 설정. 플러그인콜백의 모든 사용은 이벤트 리스너로 수행해야 합니다.

안타깝게도 이러한 번들이 종속성에서 사용되지 않는 코드를 검색하기 위해 약속한 “정적 분석”이 항상 작동하지는 않습니다. 빌드 환경에 따라 제대로 작동하도록 재단 플러그인을 수동으로 가져와야 할 수 있습니다: ZIP 다운로드, 패키지 관리자 또는 CDN을 사용하여 재단 자바스크립트 파일을 가져올 수 있습니다. 코드에서 닫기 앞에 배치된 태그로 jQuery 및 Foundation에 대한 링크를 제공하고 jQuery 후에 파운데이션이 로드되는지 확인할 수 있습니다. 자세한 내용은 여기를 클릭하십시오.