成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

微信小程序項(xiàng)目總結(jié)（一）

whatsns / 1949人閱讀

摘要：前言微信小程序的開發(fā)，我應(yīng)該算是趕上了第一波，所以，自然是一路踩坑而來。注以下標(biāo)題是按照微信開發(fā)工具上的選項(xiàng)進(jìn)行劃分的。不過，除此之外，它還會(huì)產(chǎn)生另外一個(gè)副作用，就是可能連小程序本身上的請(qǐng)求都請(qǐng)求不了了。

-- KChris 2017.3.16 (=^.^=)

前言
微信小程序的開發(fā)，我應(yīng)該算是趕上了第一波，所以，自然是一路踩坑而來 =。=
一月九日，小程序正式上線，早早地就到公司開始改bugs~
前不久，我又對(duì)這個(gè)項(xiàng)目重構(gòu)了一版~
現(xiàn)在來做個(gè)項(xiàng)目總結(jié)剛好，就給我踩過的那些坑留點(diǎn)紀(jì)念吧~

開發(fā)時(shí),切忌將小程序簡(jiǎn)單地想象成我們web開發(fā)中的css、js、html，否則···

微信小程序的開發(fā)，實(shí)際上是在微信封裝下對(duì)項(xiàng)目的二次開發(fā)了。很多很多的規(guī)則我們必須要去遵守，其中很明顯的就是標(biāo)簽元素。很多標(biāo)簽會(huì)讓我們很自然地和html中的標(biāo)簽元素對(duì)應(yīng)起來，建立這種對(duì)應(yīng)關(guān)系確實(shí)能夠幫助我們更快地入手小程序，但是一定要記得不要把它們等同起來，謹(jǐn)記它們是有區(qū)別的。還有，開發(fā)之前，記得看看官網(wǎng)文檔上的Q&A，預(yù)熱下。

注：
1.以下標(biāo)題是按照微信開發(fā)工具上的選項(xiàng)進(jìn)行劃分的。
2.總結(jié)還在一步步地完善中，每天一點(diǎn)點(diǎn)~
3.歡迎留言指正錯(cuò)誤，知識(shí)共享~

項(xiàng)目
1.開發(fā)環(huán)境不校驗(yàn)請(qǐng)求域名以及TSL版本
小程序有嚴(yán)格的域名檢查規(guī)則，規(guī)定使用https。
所以，當(dāng)你的開發(fā)環(huán)境是http時(shí)，記得將這個(gè)選項(xiàng)勾上，不然你是無法請(qǐng)求到接口數(shù)據(jù)的。

2.開啟ES6轉(zhuǎn)ES5
如果有用ES6語法的話，記得勾上。

編輯
編輯，也就是開發(fā)咯。

1.文件引用
在小程序中，它引入了模塊機(jī)制，我們可以在頁面中引入我們需要的模塊，但是，這種引入是單向的。比如：
a文件：

var b = require("../libs/b.js")

那我們?cè)赽文件中如果這樣：

var a = require("../libs/a.js")

開發(fā)者工具是會(huì)報(bào)錯(cuò)的，目前我的解決方案也只是避免這種引用，直接將自己需要的部分放在同一個(gè)文件中。

2.圖片
1）通過background屬性引用圖片
沒錯(cuò)，我們可以在開發(fā)工具上看到效果挺正常的，但是，打開手機(jī)測(cè)試，Ops，圖片不見了。
在官方文檔上有明確規(guī)定，本地資源是無法通過css獲取的。
所以，當(dāng)你決定用background-image屬性的時(shí)候，你可以：
a=> 使用網(wǎng)絡(luò)圖片
b=> base64

2）通過image標(biāo)簽src屬性引用圖片
這種方式的引用沒有資源來源方式的限制，可以引用本地資源。

調(diào)試
調(diào)試的時(shí)候最大的感悟是，無論是開發(fā)者工具上，還是手機(jī)上，記得先把緩存刪干凈再測(cè)。而且出現(xiàn)bugs的時(shí)候盡量多測(cè)幾次，進(jìn)行反復(fù)確定。不然的話，你可能會(huì)發(fā)現(xiàn)，本來測(cè)好的功能又出現(xiàn)問題了，或者是本來有問題的部分又沒有問題了，所以，測(cè)吧測(cè)吧，多測(cè)幾次。

1.頁面加載，前端向后臺(tái)發(fā)送數(shù)據(jù)請(qǐng)求。
在開發(fā)階段，我們?cè)谶M(jìn)行對(duì)請(qǐng)求結(jié)果的業(yè)務(wù)處理時(shí)，自然是邊調(diào)試邊修改的，有時(shí)候我們會(huì)遇到：statusCode沒處理好而導(dǎo)致前端不斷向后臺(tái)發(fā)送請(qǐng)求，然后，卡機(jī)了。當(dāng)然，在微信開發(fā)者工具上，也是。不過，除此之外，它還會(huì)產(chǎn)生另外一個(gè)副作用，就是可能連小程序本身API上的請(qǐng)求都請(qǐng)求不了了。發(fā)生這種情況的話，你就喝喝茶，做做眼保健操吧，給它點(diǎn)時(shí)間，它會(huì)好起來的。

2.代碼上傳報(bào)錯(cuò)。
手機(jī)預(yù)覽小程序。在預(yù)覽之前，我們是需要在開發(fā)者工具上上傳代碼的，說說我遇到的報(bào)錯(cuò)把：
1）明確提示我的代碼中哪一個(gè)文件有錯(cuò)誤
這個(gè)比較好辦，就是直接找到對(duì)應(yīng)文件，結(jié)合控制臺(tái)，改好之后再上傳代碼。
2）錯(cuò)誤提示一個(gè)不知道什么原因的error
遇見這種情況，我的解決方案是：不用糾結(jié)，關(guān)掉我的開發(fā)者工具，打開，再上傳。貌似有點(diǎn)無厘頭，但是成功幾率很高，不信你可以試試。

其他
1.開發(fā)過程中，記得時(shí)刻關(guān)注官方文檔上的更新日志，保持自己的開發(fā)工具是最新的。這是避免跳坑的一大法寶，不過現(xiàn)在還好了，剛開始的時(shí)候是真坑~
2.學(xué)會(huì)在開發(fā)者社區(qū)上找答案，沒有答案就去提問，會(huì)有人回答你的。

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

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/82034.html

相關(guān)文章

  • Java 初學(xué)者做的第一個(gè)微信小程序總結(jié)--關(guān)于Java基礎(chǔ)

    摘要：官方資料微信公眾平臺(tái)注冊(cè)小程序。官網(wǎng)開發(fā)文檔社區(qū)開發(fā)工具部署微信小程序微信小程序本身不需要部署，在微信開發(fā)工具中直接上傳代碼就行。 為什么 學(xué)習(xí) Java 三年，目前已經(jīng)工作了2年，因?yàn)樽詫W(xué)，基礎(chǔ)差，所以打算年末總結(jié)一下常見的基礎(chǔ)知識(shí)和面試點(diǎn)； 也可以通過獨(dú)立做一個(gè)項(xiàng)目整合自己工作期間學(xué)習(xí)的知識(shí)，加深印象。 但是想著回家或是平時(shí)手機(jī)用的多，做一款A(yù)PP和小程序很方便查看。 項(xiàng)目展示 本...

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

  • 微信小程序知識(shí)總結(jié)及案例集錦

    摘要：對(duì)微信小程序進(jìn)行全局配置，決定頁面文件的路徑窗口表現(xiàn)設(shè)置網(wǎng)絡(luò)超時(shí)時(shí)間設(shè)置多等。 微信小程序知識(shí)總結(jié)及案例集錦 微信小程序的發(fā)展會(huì)和微信公眾號(hào)一樣，在某個(gè)時(shí)間點(diǎn)爆發(fā) 學(xué)習(xí)路徑 微信小程序最好的教程肯定是官方的文檔啦，點(diǎn)擊這里直達(dá) 微信官方文檔 認(rèn)真跟著文檔看一遍，相信有vue前端經(jīng)驗(yàn)的看下應(yīng)該就能上手了，然后安裝 微信小程序開發(fā)者工具 新建一個(gè)quick start項(xiàng)目，了解代碼結(jié)構(gòu)，...

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

  • 前端資源系列（3）-微信小程序開發(fā)資源匯總

    摘要：微信小程序應(yīng)用號(hào)開發(fā)資源匯總文檔工具教程代碼插件組件文檔從搭建一個(gè)微信小程序開始小程序開發(fā)文檔小程序設(shè)計(jì)指南工具小程序開發(fā)者工具官方支持微信小程序?qū)崟r(shí)預(yù)覽的支持的微信小程序組件化開發(fā)框架轉(zhuǎn)在線工具小程序云端增強(qiáng)社區(qū)微信小程序 微信(小程序or應(yīng)用號(hào))開發(fā)資源匯總-文檔-工具-教程-代碼-插件-組件 文檔 從搭建一個(gè)微信小程序開始 小程序開發(fā)文檔 小程序設(shè)計(jì)指南 工具 小程序開發(fā)者...

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

  • 微信小程序mpvue框架總結(jié)

    摘要：原理架構(gòu)作為與之間相互通信的橋梁部分在環(huán)境中注入的實(shí)現(xiàn)代碼，包含了協(xié)議的拼裝發(fā)送參數(shù)池回調(diào)池等一些基礎(chǔ)功能。部分在客戶端中的功能映射代碼，實(shí)現(xiàn)了攔截與解析環(huán)境信息的注入通用功能映射等功能。 原理架構(gòu) JSBridge 作為native 與 JS 之間相互通信的橋梁JS部分(bridge): 在JS環(huán)境中注入 bridge 的實(shí)現(xiàn)代碼，包含了協(xié)議的拼裝/發(fā)送/參數(shù)池/回調(diào)池等一些基礎(chǔ)功能...

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

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

0條評(píng)論

whatsns

男|高級(jí)講師

TA的文章

閱讀更多
最新活動(dòng)
閱讀需要支付1元查看
<