무엇에 대해 이야기 기사의이 시리즈?
기사의이 시리즈는 현대 생태의 전면 라이브러리의 산업 수준을 만드는 방법에 대해 설명합니다. 최근 몇 년 동안, 더 아키텍처의 고충을 해결하기 위해 과거에 비해 프런트 엔드 엔지니어링, 모듈, 컴포넌트 기반의 압도적 인 조류는하지만, 정보 과부하의 문제를 만들고, 나는 희망의 작은 구덩이에 도움 사람들 단계로 자신의 경험을 공유하여 멀티 Chuhuo.
왜 우리는 프론트 엔드 라이브러리가 어떻게 개발해야합니까?
당신은 단순히 복사하고이 코드를 붙여 넣으면 프로젝트 개발 과정에서 일부 기능이 당신에게 축하 다음, 항상 동일하거나 유사한이되어 있습니다, 시간, 변화에 대한 수요가, 당신은 단지 자신의 쓴 열매를 맛볼 수 있습니다.
당신이 그것을 같은 공공 방법 공개로 그려 간단하지 않습니다하지 말? 미안, 공용 방법을 쓰거나 해요, 그래서 일할 때, 우리는 가능성이 다른 프로젝트의 개발에 참여하려면,이 프로젝트는 서로 다른 창고 코드에 배치되어 있습니다 : 오른쪽에, 그러나 비전의 약간 넓은 시야를 살아가 다시 온 넣어주세요 하지 공공 ;뿐만 아니라, 인기있는 마이크로 서비스 / 마이크로 앞은 항상, 저장 및 배포를 개발하기 위해 작은 크기로 분할에 큰 프로젝트를하고있다, 당신은 public 메소드를 작성하는 방법이 프런트 엔드 마이크로 아키텍처의 공개 그것은?
따라서, 우리는 우리가 프로젝트 팀 내에서 모두를 자유롭게 사용할 수 있도록, 재사용 코드 세그먼트, 추상화 된 형태로 라이브러리의 높은 값의 일부를 고려뿐만 아니라 출력을위한 프로젝트 팀 전체, 심지어 오픈 소스 커뮤니티에 기여할 수있다.
어떤 종류의 라이브러리에 대한 코드를 만드는 방법?
이 아이디어의 기반 프론트 엔드 구성 요소는, 나는 안정적인 외국인의 내부 논리의 함수로 한 생각뿐만 아니라 다음이 기능은 라이브러리에 만들 수있는 명확한 인터페이스를 제공합니다.
라이브러리의 형태는 다양, 함수가 될 수 있고, 수업을 할 수 있습니다, 그것은 전체 페이지가 될 수있는 UI 구성 요소가 될 수 있습니다 (페이지가 마이크로 프론트 엔드 아키텍처에서 공공 도서관의 숫자를 만들어도 아주 좋은 공개 ))을 선택, 또는 일반적인 스타일 파일 (순수 CSS.
대상이 시리즈는 무엇입니까?
이 일련의 기사를 작성, 나는 현대 프런트 엔드 시스템, 숙련 쓰기 비즈니스 코드 리더를 사전 및 웹팩의 일부 지식을 가지고 할 수있을 것입니다. 또한, 때문에 내 자신의 기술 스택 한계, 나는 쓰기 기사 각도 VUE / 기본 자바 스크립트에서 주로 수 있지만 당신은 쉽게 기술 및 개념은 각 해당 / 반응 찾을 수 있어야합니다.
내용 미리보기에 대한 기사의이 시리즈
- 를 사용하여 라이브러리 구성원을 웹팩 및 선단 부재는 일반적으로 동일한 응용 프로그램 포인트 아니다
- 필드 개발
- 브라우저 호환성
- 문서 및 문서의 사용
- 규범의 개발
- 유닛 테스트
- 지속적인 통합
- 방출
프로젝트 코드 설명의 예
내 직장 생활에서, 나는 도서관의 대부분은 그들과 함께 할 수없는 불행하게도,이 회사의 프로젝트를 위해 작성된 쓴,하지만 난 최근에 쓴 두 가지 오픈 소스 라이브러리 : 자바 스크립트 라이브러리 - 보일러 및 vue- 지시 윈도우는 예를 들어, 보조 항목 코드로 기재한다.
자바 스크립트 라이브러리 - 보일러
자바 스크립트 라이브러리 - 보일러는 (또한 시드 프로젝트도 샘플 코드로 알려진라고 이해 참조) 현대 프런트 엔드 환경의 빠른 빌드 비계 자바 스크립트 라이브러리는 GitHub의 저장소 템플릿 기능이 라이브러리 지원, 당신은 프로젝트 홈 페이지에서 직접 클릭 할 수 있습니다 이 템플릿을 사용하여 직접 자신의 자바 스크립트 라이브러리를 만들려면이 비계 코드를 적용 할 수 있습니다.
VUE-지시 창
VUE-지시 창은 모달 상자가 빠른 (모달) 지원을 향상 창 클래스 라이브러리 작업 허용이며, 윈도우 기반의 작업은 세 가지 범주 포함, VUE-지시 드래그 운동, 드래그, 창 크기를 조정 창을 최대화 -window 뷰는 사용자 정의 명령이나 호출하는 일반 JS 클래스 방식을 지원합니다.
당신이 뷰에 최근 생태계에 기여하려는 경우 VUE-지시 윈도우 자바 스크립트 라이브러리 - 보일러에 비해, 가까이 뷰 생태계은이 프로젝트를 참조 할 수도 있습니다.
좀 더 기술적 인 기사를 읽고 싶어? 나는 GitHub의 블로그로 이동 배열 - 황 / 블로그 당신을 위해 도움이 있다면, 스타 & 시계 보 하를 확인하시기 바랍니다에 (〃 ^ ω ^)