快應用開發總結

快應用剛剛出來，相信不少小夥伴開始學習開發，那麼快應用是什麼呢？我理解的快應用就相似於小程序，基於應用市場的小程序。
進入正題：官方文檔:https://doc.quickapp.cn/

搭建環境

• 先裝個node.js
  推薦安裝6.13.1緣由很簡單，官方不支持8，我用9的報錯了。
  地址：https://nodejs.org/dist/lates...
• 安裝hap-toolkit
  npm install -g hap-toolkit
• 接下來是裝app（快應用和快應用調試器）
  地址1：https://statres.quickapp.cn/q...
  地址2：https://statres.quickapp.cn/q...
  這兩個必須同時存在
• 好了接下來開始進入正題

  在你要建立的地方命令行輸入 hap init <ProjectName> 建立一個項目
  緊接着 npm install 安裝依賴
  最後 npm run build 生成rpk包
  而後 npm run server 開啓監聽服務，這個時候cmd會出現一個二維碼 看不了是吧？？不要緊，打開chrome，輸入localhost:12306，這個時候看到了一個二維碼
  這個時候拿出手機，打開快應用調試器點掃碼安裝（手機和電腦要在同一個網段，簡單的說就是同一個路由器）
  這個時候手機上就會打開那個應用了，，若是沒有 過一下子就會彈出打開失敗，那就頗有多是手機問題了
  退出應用，仍是打開調試器，這個時候點擊開始調試看看chrome是否是自動打開了個網頁，，盡情的調試吧（bug不少，不太好用，不過也沒辦法）
  因爲咱們常常要改代碼，因此呢再開一個命令行輸入 npm run watch 讓他自動編譯

• Notice
  有個該說的仍是要說，
  佈局：佈局人家說用的彈性盒子不懂看這http://www.ruanyifeng.com/blo...
  自適應問題：你的rem是不能用的，人家只支持px和%，怎麼辦呢？？看到這個文件manifest.json，config中的designWidth設置成你調試用的那個手機的像素寬。
  本身的js文件：跟微信小程序同樣，把須要調用的方法暴露出去

module.exports = {
        test: test
    
    }

有一個巨坑：最好在每個頁面的script中定義

var root;
export default {
        data: {
            tset：1
        },
        onInit () {
            root = this;
        }
    }

爲何呢？？在export default外的方法你是沒辦法操做view的數據的，這就形成了咱們函數調用的時候沒辦法賦值，如今你在數據渲染的時候就能夠用root.test = 2；這樣渲染數據了 沒有地圖怎麼辦？？？直接點用瀏覽器打開你的外部地址吧，，目前只有這個辦法了。

關於事件的使用

舉例子，如web這個

<web src="{{url}}" id="web" onpagefinish="pageFinish" ontitlereceive="titleReceive"></web >

相信你們有看到事件，，可是不知道怎麼用。這個問題我糾結了好久，其實事件只須要在前面加一個on後面綁定事件名就能夠了。

持續更新中。。。