위 챗 애플 리 케 이 션 번호 개발 체험

어제 위 챗 애플 리 케 이 션(응용 번호)에서 테스트 한 소식 이 전체 기술 커 뮤 니 티 를 폭발 시 켰 습 니 다.저도 참 지 못 하고 몇 파 를 따라 잡 았 습 니 다.안 타 깝 게 도 내부 테스트 자격 이 없어 서 해독 판 이 나 왔 다 고 들 었 습 니 다.오늘 아침 에 원래 의 프로젝트 자원 을 시험 개발 하여 체험 을 정리 하 겠 습 니 다.
총체 적 체험

개발 효율 이 높 습 니 다.6:40 쯤 에 IDE 를 풀 었 고 7:20 쯤 에 첫 페이지 와 네 비게 이 션 바 의 구 조 를 완 성 했 습 니 다.위 챗 은 눈 에 보 이 는 구 조 를 모두 포장 하여 전통 적 인 전단 개발 효율 보다 높 습 니 다.

전단 은 빠르게 시작 할 수 있 습 니 다.숙련 된 전단 은 빨리 시작 할 수 있 고 한 시간 만 문 서 를 읽 는 시간 에 공식 적 인 예 를 추가 할 수 있 습 니 다.

개발 도 구 는 사용 하기 어렵 고 많은 디 렉 터 리 의 조작 과 IDE 에서 흔히 볼 수 있 는 포맷 코드,html 짝 짓 기 등 기능 은 지원 되 지 않 습 니 다.

개발 은 전단 에서 흔히 볼 수 있 는 Dom,window 작업 을 많이 제한 하고 개발 의 유연성 과 난이 도 를 낮 추 었 다.

저 는 내부 테스트 자격 이 없고 작은 프로그램 은 체험 을 업로드 할 수 없고 코드 로 컬 체험 만 다운로드 할 수 있 습 니 다.

본문 코드 는github에 놓 여 있다.
캡 처


관련 자원
해 결 된 IDE
개발 자원 집합
IDE 기술 창고:NodeWebkit+React
들 어 가 는 설치 디 렉 터 리:위 챗 웹 개발 자 도구\package.nw\app
이*.nw 는 NodeWebkit 에 포 장 된 웹 애플 리 케 이 션 이 라 고 짐작 할 수 있 습 니 다.
자세히 보기 의존 nodemodules 는 추측 을 실증 했다.
package.json"main":"app/html/index.html"에서 입 구 를 정의 합 니 다.
모든 구성 요소 의 본질은 React 구성 요소 입 니 다.
입구 에서 바로 React 와 React DOM 을 인용 한 것 을 볼 수 있 습 니 다.

"use strict";
function init() {
  tools.Chrome = chrome;
  var n = require("../dist/lib/react.js"),
    e = require("../dist/lib/react-dom.js"),
    i = require("../dist/common/loadInit/init.js"),
    o = require("../dist/components/ContainController.js"),
    t = require("../dist/common/proxy/startProxy.js"),
    r = require("../dist/actions/windowActions.js"),
    s = require("../dist/actions/webviewActions.js"),
    d = require("../dist/stroes/webviewStores.js"),
    u = require("../dist/common/log/log.js"), c = require("../dist/common/shortCut/shortCut.js"), l = global.appConfig.isDev;
    //...
}

구성 요소 Dropdown 의 정 의 를 보십시오.이것 은 우리 가 익숙 한 React 가 ES5 에서 구성 요 소 를 만 드 는 방법 이 아 닙 니까?

"use strict";
var React = require("../../lib/react.js"), Dropdown = React.createClass({
  displayName: "Dropdown", render: function () {
    return React.createElement("div", {className: "dropdown"}, React.createElement("div", {className: "dropdown-item"}, React.createElement("img", {
      src: "https://mmrb.github.io/avatar/jf.jpg",
      alt: "",
      className: "dropdown-item-icon"
    }), React.createElement("div", {className: "dropdown-item-info"}, React.createElement("p", null, "      ")), React.createElement("div", {className: "dropdown-item-extra"}, React.createElement("img", {
      src: "https://mmrb.github.io/avatar/jf.jpg",
      alt: "",
      className: "dropdown-item-extra-icon"
    }))), React.createElement("div", {className: "dropdown-item dropdown-item-active"}, React.createElement("img", {
      src: "https://mmrb.github.io/avatar/jf.jpg",
      alt: "",
      className: "dropdown-item-icon"
    }), React.createElement("div", {className: "dropdown-item-info"}, React.createElement("p", null, "                  "))), React.createElement("div", {className: "dropdown-item"}, React.createElement("img", {
      src: "https://mmrb.github.io/avatar/jf.jpg",
      alt: "",
      className: "dropdown-item-icon"
    }), React.createElement("div", {className: "dropdown-item-info"}, React.createElement("p", null, "      "))), React.createElement("div", {className: "dropdown-item"}, React.createElement("img", {
      src: "https://mmrb.github.io/avatar/jf.jpg",
      alt: "",
      className: "dropdown-item-icon"
    }), React.createElement("div", {className: "dropdown-item-info"}, React.createElement("p", null, "      "))))
  }
});
module.exports = Dropdown;

위 챗 은 작은 프로그램의 가방 크기 를 제한 합 니 다.
이 동시에 위 챗 은 작은 프로그램 패키지 의 크기 를 제한 했다.755 kb 로 캐 시 와 로 컬 파일 에 도 통 제 를 해 야 한다.이것 은 네 이 티 브 애플 리 케 이 션 이 움 직 이지 않 고 몇 십 조 에서 100 조 의 크기 에 비해 하 이 라이트 이다.인터넷 에 많은 사람들 에 게 위 챗 애플 리 케 이 션 을 설치 하 는 것 도 핸드폰 저장 소 를 사용 하 는 사람 에 게 우 렁 찬 뺨 을 차지 할 것 이 라 고 말 했다.
 
총결산
전체적으로 보면 전단 에 있어 서 는 좋 은 소식 이다.단기 적 으로 전단 대우 가 오 를 수 있 지만 애플 릿 개발 문턱 이 비교적 낮다(전단 보다 낮다).한 개발 자 는 월급 을 대상 으로 프로 그래 밍 을 하 는데 개발 자의 흐름 에 따라 장기 적 으로 다른 관련 기술 직무 와 비슷 할 것 이다.그 러 니 소년,흥분 하지 말고 기초 지식 을 튼튼 하 게 하 세 요.
 이상 은 바로 위 챗 애플 릿 에 대한 자료 정리 입 니 다.추 후 관련 자 료 를 계속 보충 하 겠 습 니 다.여러분 의 본 사이트 에 대한 지지 에 감 사 드 립 니 다!