国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專(zhuān)欄INFORMATION COLUMN

為小程序而生的小(jiao)手架

alighters / 1954人閱讀

摘要：前言不久前我們一直所期待的應(yīng)用號(hào)終于誕生了，但微信制造了一系列的封閉環(huán)境，在內(nèi)測(cè)版中，我們看見(jiàn)了開(kāi)發(fā)其實(shí)是十分不便利的。未來(lái)小程序完全公測(cè)了，微信可能會(huì)把工程化的問(wèn)題也一并解決了。

前言 
不久前我們一直所期待的應(yīng)（xiao）用（cheng）號(hào)（xu）終于誕生了，但微信制造了一系列的封閉環(huán)境，在內(nèi)測(cè)版中，我們看見(jiàn)了開(kāi)發(fā)其實(shí)是十分不便利的。為了能提升咱們的工作效率，小手架由此而生 --- wxapp
wxapp介紹 優(yōu)勢(shì)

1.可以在任意IDE中開(kāi)發(fā)

2.可使用ES6或ES5

3.可使用sass

4.可以同時(shí)編寫(xiě).html|.wxml，.wxss|.scss 文件，最后都會(huì)轉(zhuǎn)換為.wxml和.wxss

5.編寫(xiě)完任何文件（包括.json）只需要去微信開(kāi)發(fā)者工具中點(diǎn)擊重啟即可預(yù)覽

6.NODE_ENV 環(huán)境切換

劣勢(shì)

1.由于微信封閉的環(huán)境內(nèi)，所以沒(méi)有sourcemap，但這不太影響調(diào)試（即使是經(jīng)過(guò)編譯后的代碼，本人測(cè)試了出bug的代碼，還是可以從控制臺(tái)跳到源碼的地方）

2.由于微信封閉的環(huán)境內(nèi)，無(wú)法實(shí)現(xiàn)reload或者hot reload

PS: 當(dāng)然如果你不想寫(xiě)ES6也是完全可以的 在后面統(tǒng)一介紹命令
安裝 
// 安裝我們的命令
//mac
sudo npm i -g wxapp
// window
npm i -g wxapp
使用 
// 初始化一個(gè)目錄結(jié)構(gòu)
wxapp init [project_name]

// 如
wxapp init first-wxapp
DEV

npm run dev // 默認(rèn)啟用了ES6模式

npm run dev-es5 // 不啟用ES6模式

--- dist
... // 這里的文件是編譯處理過(guò)后的，和src目錄結(jié)構(gòu)完全相同     
--- src
    |--- image
    |--- pages
        |--- index
            |--- index.js
            |--- index.scss （可直接編寫(xiě)sass）
            |--- index.html (可直接編寫(xiě)html文件)
        |--- logs
            |--- logs.js
            |--- logs.json （json文件也會(huì)實(shí)時(shí)編譯）
            |--- logs.wxml （也可直接寫(xiě)wxml文件）
            |--- logs.wxss （也可直接寫(xiě)wxss文件）
    app.js
    app.json
    app.sass
...

接著我們只需要打開(kāi)微信開(kāi)發(fā)者工具，添加項(xiàng)目，那個(gè)項(xiàng)目目錄指向?yàn)?b>dist目錄即可。

NODE_ENV

開(kāi)發(fā)中往往我們需要有dev和pro環(huán)境，根據(jù)不同環(huán)境下做一些事情，比如HTTP的請(qǐng)求鏈接

// ES6開(kāi)發(fā)模式下
//  ./src/utils/ajaxurl.js
var server1 = "https://im.server1.url";
var server2 = "https://im.server2.url";

var server = null;
        
if(NODE_ENV === "dev") {
    server = server1;
} else if(NODE_ENV === "production") {
    server = server2;
}
  
module.exports = server;
// ES5開(kāi)發(fā)模式下  
//  ./src/utils/ajaxurl.js
var server1 = "https://im.server1.url";
var server2 = "https://im.server2.url";

var server = null;
        
if("NODE_ENV" === "dev") { // 這里要寫(xiě)字符串，我會(huì)替換這里的字符串
    server = server1;
} else if("NODE_ENV" === "production") {
    server = server2;
}
  
module.exports = server;
Build

npm run build // 默認(rèn)ES6模式

npm run build-es5 // 使用ES5編寫(xiě)模式

PS：這里有個(gè)坑，由于build會(huì)壓縮代碼，所以如果你用ES5編寫(xiě)，別用promise這樣的ES6的代碼，uglify壓縮不支持。

雖然微信開(kāi)發(fā)者工具用谷歌內(nèi)核貌似支持部分ES6的代碼，但現(xiàn)在也不能保證用戶(hù)真正使用是否支持。如果寫(xiě)了ES5模式，建議大家寫(xiě)純純的ES5

TODO

我們知道微信希望我們創(chuàng)建4個(gè)文件來(lái)寫(xiě)page或者組件。所以下一個(gè)版本我會(huì)寫(xiě)個(gè)命令創(chuàng)建這4個(gè)文件的template。

[ ] 一鍵創(chuàng)建文件

后話 
小程序目前還在內(nèi)測(cè)當(dāng)中，本人憑著直覺(jué)和經(jīng)驗(yàn)直接做出了這一套腳手架，在測(cè)試上可能略有不足。（目前測(cè)試了node5和node6版本，window10和mac）。大家有問(wèn)題可以第一時(shí)間給我提issue，我會(huì)在一天內(nèi)給你答復(fù)。


未來(lái)小程序完全公測(cè)了，微信可能會(huì)把工程化的問(wèn)題也一并解決了。但是我還是更愿意在喜歡的IDE中編寫(xiě)代碼 :)

最后給出github地址：https://github.com/MeCKodo/wxapp-cli

硬廣！

最近我們創(chuàng)建了一個(gè)線上組織 --- 裂變科研中心

裂變科研中心是一個(gè)致力于開(kāi)源的線上自由組織。

我們一直保持著對(duì)高效、創(chuàng)新、開(kāi)源的追求。

希望能給大家在技術(shù)或人生的道路上帶來(lái)不一樣的陪伴。

裂變式的成長(zhǎng)期待你的加入。

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://m.specialneedsforspecialkids.com/yun/80476.html

相關(guān)文章

  • 毫無(wú)色彩的二哲和他的巡禮之年

    摘要：前戲今年，對(duì)于我個(gè)人而言遭遇了三個(gè)重大的轉(zhuǎn)折點(diǎn)。盡可能的把溝通成本用約定和文檔降低。學(xué)習(xí)的這一年可以說(shuō)年的學(xué)習(xí)，在上半年的精力，放在了技術(shù)上。而下半年則相反。 前戲 今年，對(duì)于我個(gè)人而言遭遇了三個(gè)重大的轉(zhuǎn)折點(diǎn)。 15年9月大三休學(xué)創(chuàng)業(yè)，16年9月重新復(fù)學(xué)大三 在2016年4月順利引進(jìn)天使輪，公司從廈門(mén)集美區(qū)搬到了深圳南山區(qū) 16年底，我們正在準(zhǔn)備接入A輪 16年與15年相比，總體來(lái)...

    Alex 評(píng)論0 收藏0

  • Lumen---為速度而生的 Laravel 框架

    摘要：什么是官網(wǎng)是一個(gè)由組件搭建而成的微框架是當(dāng)前最快的框架之一在什么時(shí)候使用專(zhuān)為微服務(wù)或者設(shè)計(jì)舉個(gè)例子如果你的應(yīng)用里面有部分業(yè)務(wù)邏輯的請(qǐng)求頻率比較高就可以單獨(dú)把這部分業(yè)務(wù)邏輯拿出來(lái)使用來(lái)構(gòu)建一個(gè)小因?yàn)槭菍?duì)優(yōu)化了框架的加載機(jī)制所以對(duì)資源的要求少很 什么是 Lumen?官網(wǎng) lumen 是一個(gè)由 Laravel 組件搭建而成的微框架,是當(dāng)前最快的 PHP 框架之一! 在什么時(shí)候使用 Lume...

    104828720 評(píng)論0 收藏0

  • 微信小程序資源匯總

    awesome-github-wechat-weapp 是由OpenDigg整理并維護(hù)的微信小程序開(kāi)源項(xiàng)目庫(kù)集合。我們會(huì)定期同步上的項(xiàng)目到這里，也歡迎各位 UI組件開(kāi)發(fā)框架實(shí)用庫(kù)開(kāi)發(fā)工具服務(wù)端項(xiàng)目實(shí)例Demo UI組件 weui-wxss ★1873 - 同微信原生視覺(jué)體驗(yàn)一致的基礎(chǔ)樣式庫(kù)zanui-weapp ★794 - 好用易擴(kuò)展的小程序 UI 庫(kù)wx-charts ★449 - 微信小程...

    Olivia 評(píng)論0 收藏0

  • 一個(gè)專(zhuān)為構(gòu)建現(xiàn)代PHP應(yīng)用而生的Web框架

    摘要：一個(gè)專(zhuān)為構(gòu)建現(xiàn)代應(yīng)用而生的框架是一個(gè)強(qiáng)大靈活的框架。與其他框架有什么不同速度和簡(jiǎn)單。本文也對(duì)這個(gè)當(dāng)今最流行之一的框架做了一個(gè)明確的介紹。到本系列的最后部分，你會(huì)感覺(jué)到用從頭開(kāi)始編寫(xiě)一個(gè)完整的應(yīng)用是多么的舒服。 一個(gè)專(zhuān)為構(gòu)建現(xiàn)代PHP應(yīng)用而生的Web框架 Laravel是一個(gè)強(qiáng)大、靈活的PHP框架。它有非?；钴S的社區(qū)和工具生態(tài)系統(tǒng)。因此它越來(lái)越吸引人。Laravel的文檔寫(xiě)的也是非常的詳...

    layman 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

閱讀需要支付1元查看
<