佳木斯湛栽影视文化发展公司

主頁 > 知識庫 > 微信小程序應(yīng)用號開發(fā)體驗

微信小程序應(yīng)用號開發(fā)體驗

熱門標(biāo)簽:呼叫中心市場需求 銀行業(yè)務(wù) 智能手機 服務(wù)器配置 美圖手機 網(wǎng)站文章發(fā)布 鐵路電話系統(tǒng) 檢查注冊表項

昨天微信小程序(應(yīng)用號)內(nèi)測的消息把整個技術(shù)社區(qū)炸開了鍋,我也忍不住跟了幾波,可惜沒有內(nèi)測資格,聽聞破解版出來了,今天早上就著原來的項目資源試開發(fā)了一下,總結(jié)一下體驗.

總體體驗

  1. 開發(fā)效率高,6:40左右破解完IDE,7:20左右點做完了首頁和導(dǎo)航欄的布局,微信把覺見的布局都做了封裝,比傳統(tǒng)的前端開發(fā)效率高。
  2. 前端可以快速上手:熟練的前端可以很快上手,可能只要一小時讀文檔的時間加一個官方的例子。
  3. 開發(fā)工具難用,很多目錄的操作和IDE常見的格式化代碼,html配對等功能暫不支持。
  4. 開發(fā)限制了很多前端常見的Dom,window操作,開發(fā)的靈活度和難度降低。
  5. 我沒有內(nèi)測資格,小程序還不能上傳體驗,只能下載代碼本地體驗。

本文代碼放在github

上截圖

相關(guān)資源

破解的IDE

開發(fā)資源集合

IDE技術(shù)棧:NodeWebkit + React

進入的安裝目錄:微信web開發(fā)者工具\package.nw\app
這個*.nw就能十有八九猜出是NodeWebkit封裝的Web應(yīng)用,
詳看依賴node_modules證實了猜想。
在package.json "main": "app/html/index.html"定義了入口。

所有的組件本質(zhì)是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中創(chuàng)建組件的方法嗎?

"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;

微信限制了小程序的包大小

同時微信限制了小程序包的大小,為755kb,對緩存和本地文件應(yīng)該也有控制,這相對原生應(yīng)用動不動幾十兆上百兆的大小來說,絕對是一個亮點,給網(wǎng)上很多人說裝微信小程序同樣會占用手機存儲的人一個響亮的耳光。

 

總結(jié)

總的來說,對前端來說絕對是一個好消息,短期內(nèi)前端待遇可能上漲,但小程序開發(fā)門檻較低(比前端的低),有一部開發(fā)人員是面向工資編程,隨著開發(fā)人員的流動,長期還是會和其它相關(guān)的的技術(shù)崗持平。所以,少年,不要激動,還要是把基礎(chǔ)知識打扎實。

 以上就是對微信小程序的資料整理,后續(xù)繼續(xù)補充相關(guān)資料,謝謝大家對本站的支持!

您可能感興趣的文章:
  • 微信小程序(應(yīng)用號)開發(fā)新聞客戶端實例
  • 微信小程序 開發(fā)指南詳解
  • 微信小程序版的知乎日報開發(fā)實例
  • 微信小程序開發(fā)之實現(xiàn)選項卡(窗口頂部TabBar)頁面切換
  • 微信小程序開發(fā)實例詳解
  • 微信小程序 開發(fā)工具快捷鍵整理
  • 微信小程序應(yīng)用號開發(fā)教程詳解
  • 微信小程序 歡迎界面開發(fā)的實例詳解
  • 微信小程序開發(fā)實戰(zhàn)教程之手勢解鎖
  • 微信小程序開發(fā)探究

標(biāo)簽:滄州 長治 紅河 上海 河南 樂山 沈陽 新疆

巨人網(wǎng)絡(luò)通訊聲明:本文標(biāo)題《微信小程序應(yīng)用號開發(fā)體驗》,本文關(guān)鍵詞  ;如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問題,煩請?zhí)峁┫嚓P(guān)信息告之我們,我們將及時溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò),涉及言論、版權(quán)與本站無關(guān)。
  • 相關(guān)文章
  • 收縮
    • 微信客服
    • 微信二維碼
    • 電話咨詢

    • 400-1100-266
    上思县| 磐石市| 若羌县| 赞皇县| 灌南县| 威海市| 泗阳县| 万全县| 井研县| 周至县| 黄梅县| 河曲县| 兴义市| 龙山县| 玛沁县| 长丰县| 恩平市| 柞水县| 东港市| 汾西县| 沛县| 内乡县| 美姑县| 类乌齐县| 苏尼特右旗| 英吉沙县| 晋州市| 霸州市| 乌拉特后旗| 郎溪县| 桐城市| 耿马| 罗江县| 嘉荫县| 涿州市| 兴仁县| 黄浦区| 永城市| 舒兰市| 当涂县| 西充县|