symbolMe 다운로드 - symbolMe 소스코드 다운로드

symbolMe

기타 카테고리

1.0.0

다운로드

기호_나

프로젝트 설정

 npm install

개발을 위한 컴파일 및 핫 리로드

 npm run serve

프로덕션을 위해 컴파일 및 축소

 npm run build

파일 린트 및 수정

 npm run lint

특징

인터페이스는 비교적 아름답고 개인 정보, 학교 경험, 프로젝트 경험, 개인 기술 정보를 포함한 이력서 정보를 맞춤 설정할 수 있습니다.
프로젝트 정보는 mongodb 데이터베이스에 저장하고, 대용량 파일은 gltf를 이용해 저장하며, 백그라운드 서비스 프로그램은 express로 구축한다. 프로젝트 주소: https://github.com/Longbao521/symbolMeServer
프로젝트에는 animate.css 라이브러리와 참조용 사용자 정의 애니메이션을 포함한 여러 애니메이션이 포함되어 있습니다.
이 프로젝트는 마크다운 언어를 지원하고 블로그 편집 미리보기 기능을 지원하며 업로드 기능을 지원합니다. 업로드된 블로그는 데이터베이스에 저장되고 블로그 홈페이지에 실시간으로 업데이트되어 누구나 학습한 내용을 기록할 수 있습니다.
세슘을 지원하며 온라인으로 테스트 코드를 편집하고 실행할 수 있습니다.
이 프로젝트는 프로젝트를 빌드하기 위한 vue-cli 스캐폴딩, 기본 구성 요소 스타일을 빌드하기 위한 element-ui 등과 같이 vue 프로젝트에서 일반적으로 사용되는 일부 도구를 사용합니다.
프로젝트는 유지보수되고 개선될 예정이며, 미니 프로그램 버전(mpVue, 프로젝트 주소: https://github.com/Longbao521/mpvue)과 데스크톱 버전(Electron)이 출시될 예정이라면 계속해서 연구해보도록 하겠습니다. Flutter를 사용하여 크로스 플랫폼 애플리케이션을 개발해 보세요.
프로젝트 코드는 ESLint 사양을 엄격하게 준수합니다.
대부분의 프로젝트 레이아웃은 플렉스 레이아웃을 채택합니다.

기술 스택

Vue, Vue-CLI, Axios, LESS, Element-UI, 애니메이트, ESLint

발생한 문제

v-html의 태그 스타일 선택기 관련 문제 템플릿에 작성된 태그가 스타일 범위의 스타일을 정의할 수 있지만 v-html의 태그가 이 영역에서 해당 스타일을 정의할 수 없는 경우 몇 가지 해결 방법이 있습니다.
- 스타일 범위를 제거하고 전역 스타일 시트에서 레이블 스타일을 정의합니다. 이는 다른 구성 요소의 요소 스타일에 영향을 미치기 때문에 권장되지 않습니다.
- /deep/(LESS, SCSS) 또는 >>>(CSS) 딥 선택기를 사용하세요.
- 업데이트된 라이프 사이클에서 js는 스타일을 동적으로 구성합니다.
v-for 루프의 각 버튼에 다양한 기능을 바인딩하는 방법 왜 데이터에 기능을 추가할 수 없나요?
- 메서드에 클래스 라우팅 함수를 추가합니다. v-for의 각 요소에는 트리거할 함수를 지정하는 메서드 필드가 포함되어 있습니다. 이때 @click을 라우팅 함수로 지정하고 사용되는 메서드 필드를 전달할 수 있습니다. 라우팅 기능을 통해 해당 기능을 트리거하여 뷰 레이어와 모델 레이어 간의 바인딩을 실현합니다.
vue의 하위 구성 요소에 대한 스타일 설정 이것은 첫 번째 질문과 매우 유사합니다. vue가 v-html의 콘텐츠를 처리하는 방식은 해당 하위 구성 요소를 동적으로 생성하는 것입니다. 원칙은 매우 간단합니다. 하위 구성 요소입니다. 타사 라이브러리를 사용할 때 UI가 자주 발생합니다 . 해결 방법은 다음과 같습니다.
- 스타일 범위를 제거하고 전역 스타일 시트에서 레이블 스타일을 정의합니다. 이는 다른 구성 요소의 요소 스타일에 영향을 미치기 때문에 권장되지 않습니다.
- /deep/(LESS, SCSS) 또는 >>>(CSS) 딥 선택기를 사용하세요.

프로젝트 효과 표시:

로그인 인터페이스 로그인 인증(토큰 토큰 지원) 정보 패널 스킬 패널 프로젝트 패널 블로그 패널 업로드 블로그 홈 페이지 세슘 테스트 플랫폼