작은 프로그램 개발 결과물 공유

coolsite360 소개

coolsite360은 Yipai Technology에서 출시한 전문가급 반응형 웹사이트 디자인 도구입니다. 일관된 시각적 온라인 편집 방법을 준수하는 주요 기능은 다음과 같습니다. 첫째, 프로그래밍 없이 온라인 제작 사용자는 프로그래밍 없이 상업적 전달 표준을 충족하는 반응형 웹사이트를 온라인으로 디자인할 수 있으며, 둘째, 비디오, 오디오를 지원합니다. , 시퀀스 프레임 미디어 및 대화형 애니메이션 구성 요소는 트리거 제어를 지원합니다. 한 번 생성하고 한 번의 클릭으로 WeChat에 게시할 수 있습니다.

Coolsite360 애플릿 편집기는 무엇을 할 수 있나요?

◉ CoolSite360은 디자이너가 wxml 및 wxss 코드를 작성하지 않고도 미니 프로그램 대화형 UI를 빠르게 디자인할 수 있도록 미니 프로그램 편집기를 출시합니다.

◉ 미니 프로그램 편집기를 사용하여 디자인한 페이지는 WeChat 및 브라우저에서 쉽게 미리 볼 수 있으므로 초기 단계에서 프로토타입을 더 쉽게 표시하고 공유할 수 있습니다.

◉ 페이지 디자인 후 미니 프로그램 규격에 맞는 코드를 원클릭으로 내보내고, 직접 기능 개발도 가능합니다.

현재 미니 프로그램 편집기에서는 할 수 없는 작업은 무엇인가요?

◉ 현재 버전은 프런트엔드 UI의 시각적 디자인에 중점을 두고 있으며 프런트엔드 비즈니스 로직 및 백엔드 데이터 처리는 포함되지 않습니다. -엔드 데이터 처리 기능이 출시될 예정입니다. 특정 범위 내에서 원스톱 제공이 가능하지만 현재 개발자가 후속 개발을 위해 프런트엔드 코드를 내보내야 합니다.

UI 디자인에서 미니 프로그램 편집기의 주요 기능은 무엇인가요?

◉ 미니 프로그램 편집기에는 WeChat에서 공식적으로 제공하는 모든 구성 요소가 통합되어 있으며 시각적으로 설정 및 구성할 수 있습니다.

◉ 공통 CSS 속성의 시각적 설정 지원, rem 단위 지원, Flex 레이아웃 지원, 사용자 정의 CSS 코드 지원 스케치, ps 등 소프트웨어를 통해 스타일 코드를 복사하여 디자인의 자유도를 최대한 충족합니다.

◉ 앞으로도 사용자가 빠르게 디자인할 수 있도록 콘텐츠 목록, 그리드 목록, 카드, 내비게이션 등 일반적으로 사용되는 구성 요소 템플릿을 계속 제공할 예정입니다.

정적인 UI 디자인을 완성하는 것 외에 미니 프로그램 편집자는 또 어떤 일을 할 수 있나요?

◉ 미니 프로그램 편집기는 플라이인, 플라이아웃, 페이드인, 페이드아웃, 확대, 축소, 회전, CSS 변환 애니메이션과 같은 기본 애니메이션의 설정 및 제어도 지원합니다... , 트리거를 통해 애니메이션을 제어할 수 있습니다.

◉ 요소 표시, 요소 숨기기, 애니메이션 재생, 페이지로 이동, 구성 요소 클래스 동적으로 추가, 구성 요소 클래스 제거, 요소 상태 전환, WeChat 애플릿 API와 함께 개발 등 대화형 제어를 위한 일반적인 트리거를 지원합니다. 일련의 트리거는 코드 없이 특정 범위의 UI 대화형 제어를 달성할 수 있습니다.

Coolsite360의 최근 미니 프로그램 에디터 개발 계획은 무엇인가요?

◉ 앞으로도 미니 프로그램의 공식 소식을 계속해서 전해드리겠습니다. 앞으로도 공식 미니 프로그램의 기본 구성 요소의 단점을 보완하기 위해 복합 구성 요소를 개발할 예정입니다. 또한 캔버스 그리기 기능과 UI 마이크로 인터랙티브 시각화 설정을 점차적으로 늘릴 예정입니다.

그 밖에 무엇을 알아야 합니까?

◉ 나머지는 우리 프론트 엔드 개발자의 경우 WeChat 미니 프로그램 개발에 능숙하려면 기본 js와 css만 필요합니다. 개발 프로세스에는 데이터 상호작용과 데이터 표시가 포함되기 때문에 WeChat에 대해 어느 정도 이해하고 계시리라 생각합니다. 따라서 백엔드 프로그래머인 Wang과 제품 디자이너인 Wang에게 개발을 요청해도 됩니다. 우리와 함께 창의력을 발휘하세요.

개인 추천

◉ 프론트엔드 개발자 자격을 갖추려면 백엔드 개발 기술을 알고 이해하는 것이 필수이며, 배워야 합니다. 프론트엔드 기술은 점점 더 빠르게 발전하고 있으며, 프레임워크도 속속 등장하고 있습니다. 하지만 프레임워크를 찬찬히 이해해 보면 각 프론트엔드 프레임워크의 디자인에는 공통점이 있고, 각 프론트엔드 기술도 있다는 것을 알게 됩니다. 백엔드 언어 개념의 확장입니다.

아티팩트 기능 사용

www.coolsite360.com/

개인 공개 계정: 프론트엔드

위 내용은 작은 프로그램 개발 결과물 공유의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!