Bootstrap 4의 초기 버전은 오랫동안 출시되었으며, 모든 사람들이 이것이 인기있는 (아마도 가장 인기있는) 응답 형 CSS 프레임 워크의 주요 리노베이션이라는 것을 깨달을 수 있기를 바랍니다. 프로젝트 설립자 인 Mark Otto는 이번 릴리스에“거의 모든 코드 라인이 참여했다”고 말했다.
1. 가벼운 파일 크기
"삭제 된 코드는 디버깅 된 코드 여야합니다"라는 말이 있습니다. 가장 좋은 리팩토링은 프로젝트가 많은 양의 코드를 삭제하고 빠르게 슬리밍하게됩니다. 초기 버전을 다운로드하면 새로운 4.0.0 초기 bootstrap.min.css는 Bootstrap 3 (3.3.5) -pee 123kb (bootstrap.min.css 파일)의 최신 안정 버전에 비해 약 88kb에 불과합니다. 이것은 IE8의 지원 때문일 수 있습니다.
2. 적은에서 Sass로 전환하십시오
커뮤니티와 성능은 Bootstrap이 버전 4 에서이 스위치를 만들기로 결정한 두 가지 주요 이유입니다. 특히 토론의 기초는 다음과 같습니다.
---- SAAS 프로젝트는 반복보다 빠릅니다
---- SASS로 전환하면 프레임 워크의 성능이 향상됩니다
그러나 여전히 Github의 페이지에서 인기있는 이점이있는 것처럼 보이지만 Bootstrap은 Sass가 매우 빠르게 성장하고 있다고 말합니다. 어느 쪽이든, 부트 스트랩 3의 Sass에서 올바른 방식으로 많은 CSS 인코딩을 할 수 있습니다. 어떤 사람들은 유망한 모듈 식 도구 인 Postcss가 전처리를위한 강력한 성능을 가지고 있는지, 그리고 그 대체를 줄여야하는지 궁금합니다.
3. 스위치 플렉스 박스 지원
Bootstrap 4는 이제 모든 브라우저의 지원을 제거 할 수있는 W3C Flexbox 기능 사용을 지원합니다. 이러한 이유로, 이것은 필요한 경우 켜질 수있는 선택적 기능입니다.
Flexbox를 빠르게 검토 해야하는 경우 "Flexbox에 대한 완전한 안내서"가이드를 추천합니다. 이 방법을 선호하는 경우 Flexbox에 대한 새로운 비디오 시리즈도 있습니다.
4. 카드 UI 레이아웃 모드를 읽습니다
Andrew Trice와 나는 이것이 Google의 재료 설계에서 2013 년 초에 이해되어야하는 중요한 UI 레이아웃 패턴이라고 생각하며, 이제 Bootstrap 4는이 추세에 모든 칩을 넣었습니다. 부트 스트랩은 우물, 썸네일 및 패널을 포기하고 대신 카드를 사용했습니다.
5. ES6에서 JS 플러그인을 다시 작성하십시오
ECMAScript 6은 몇 달 전에 마침내 마무리 및 표준화되었으며 Bootstrap 은이 최신 웹 기술을 따릅니다. 그들은 ES6을 활용하기 위해 모든 JavaScript 플러그인을 다시 작성했으며 "UMD 지원, 범용 파열 방법, 선택 유형 확인 등"플러그인을 함께 업데이트했습니다.
번역 링크 : http://www.codeceo.com/article/bootstrap-5-cool-things.html
오리지널 영어 : 다음 버전의 부트 스트랩에 대한 5 가지 멋진 것들
번역기 : Xiaofeng, 코딩 네트워크
위는이 기사의 모든 내용입니다. 모든 사람의 학습에 도움이되기를 바랍니다. 모든 사람이 wulin.com을 더 지원하기를 바랍니다.
여전히 심도있게 공부하고 싶다면 여기를 클릭하여 멋진 주제를 배우고 첨부 할 수 있습니다. 부트 스트랩 학습 자습서