javascript 단일 페이지 응용 프로그램을 부트 스트랩 응용 프로그램으로 변환

Question

단일 페이지 응용 프로그램을 개발 중입니다. html 파일이 없습니다 (js 및 css 파일을로드하는 경우 제외). 이것은 html 5 웹 응용 프로그램입니다. 오늘날 우리는 브라우저 호환성에 아무런 문제가 없습니다. 세 번째 파트 인 js 라이브러리는 사용하지 않습니다. 우리는 창 입력기, 버튼 등을 추가하는 기능을 가진 창 핸들러, 일반 기능 (웹 서버와 JSON 통신, 날짜 시간 변환 등)을위한 라이브러리를 개발했습니다.

하지만 이제는 "변환" 부트 스트랩에 대해서는 경험이 없습니다. 가장 큰 이유는 "모든 것이 일치하는 디자인"을 얻는 것입니다. 지금까지이 애플리케이션은 디자인이 아니라 기능에 중점을두고 개발되었습니다.

명심이

이

그래서 질문은 등 회사의 웹 페이지 있지만, 문서 편집에 대한 응용 프로그램, 통신처럼되지 않습니다, 우리는 디자인에 대한 부트 스트랩 기존 응용 프로그램을 변환해야 또는 우리가 사용해야합니다 설계자가 지금 설계하고 디자인을 CSS로 변환합니다. 개인적으로 모든 종류의 라이브러리를 응용 프로그램에 추가하고 싶지 않습니다. 내 경험으로는 일을하는 법을 이해하는 데 더 많은 시간이 필요하고, 순수한 js와 디버깅하기가 훨씬 더 어렵다. 이것에 대한 아이디어가 있습니까?

Answer 1

부트 스트랩 CSS를 사용하는 것은 매우 간단하며 부트 스트랩 CSS를 적용하는 것만으로도 많은 도움을 얻을 수 있습니다. 부트 스트랩 JS와 관련이 없습니다. 나는 "모든 종류의 라이브러리를 응용 프로그램에 추가하는"것에 대한 귀하의 도전을 동일시하지 않습니다. 부트 스트랩 클래스를 사용하려면 마스터 HTML 파일 (및 부트 스트랩 글꼴)에 bootstrap.css 만로드하면됩니다.

물론 작업은 창 핸들러를 업데이트하기 시작하여 기능적인 HTML 요소를 DOM에 삽입 할뿐만 아니라 부트 스트랩 클래스에 부착 된 부트 스트랩 구조에이를 구성합니다. 모든 CSS 프레임 워크와 마찬가지로 부트 스트랩에는 모든 디자인 요소 (버튼, 드롭 다운, 툴팁, 탭 등)가 HTML로 구성되는 방식에 대한 고유 한 규칙이 있습니다. 이를 위해서는 윈도우 핸들러가 출력하는 내용을 업데이트해야하지만 Javascript 프레임 워크를 근본적으로 변경하는 것은 아닙니다.

그렇다면 어쨌든 시간을 들여야한다면 잘 설정된 프레임 워크에서 앱을 표준화하는 것이 좋습니다. 프레임 워크는 기능 및 개발자 지원 측면에서 시간이 지남에 따라 향상 될 것입니다. 언급 한 단순하고 기능적인 응용 프로그램의 경우 AngularJS 또는 ReactJS와 함께 지원되는 스타일 프레임 워크에 문제가있는 것 같지 않습니다. Bootstrap에 심장이 설정되어 있다면, Angular-UI에는 기성품의 Bootstrap 모듈이 있습니다. 지금 당장이 모듈을 사용하고 있습니다. 부트 스트랩입니다. 괜찮아. 멋진 일은 없어.

내 경험은 다음과 같습니다. 모든 버튼, 필드, 메뉴 등을 일관성 있고 현대적으로 보이게 만들고 싶다면 부트 스트랩이 먼 길을 가도록 할 수 있습니다. 그러나보다 높은 수준의 UX & 브랜드 일관성을 원한다면 CSS 표준은 여러분을 거기에서 끌어들일 수 없습니다. 전문 지식이있는 디자이너가 필요하며, 부트 스트랩 은 실제로 사용자를 방해합니다.은 자신의 브랜드와 일치하지 않을 수있는 특정 모양과 느낌으로 사용자를 잠급니다.

Answer 2

응용 프로그램이 정상적으로 작동하는 경우 BS CSS 만 사용할 수 있습니다. 또는 필요한 부품 만.