資訊專(zhuān)欄INFORMATION COLUMN
摘要：一前言最近公司要做一個(gè)小程序，之前也沒(méi)接觸過(guò)，但是用過(guò)框架，就直接上手了，畢竟思想是很像的。但是微信小程序的坑還是有的，今天就講一下思路，如果有需求可以出詳細(xì)的文章。有錯(cuò)的地方請(qǐng)大家糾正。
一.前言：
最近公司要做一個(gè)小程序，之前也沒(méi)接觸過(guò)，但是用過(guò)Vue框架，就直接上手了，畢竟思想是很像的。 但是微信小程序的坑還是有的，今天就講一下思路，如果有需求可以出詳細(xì)的文章。有錯(cuò)的地方請(qǐng)大家糾正。二. 微信限制
說(shuō)下微信的限制
下面切換的tab不能超過(guò)5個(gè)
父頁(yè)面和子頁(yè)面的關(guān)系不能超過(guò)5個(gè)
上線(xiàn)打包后的文件不能超過(guò)2M
不允許跳轉(zhuǎn)第三方鏈接（這個(gè)很重要，導(dǎo)致很多功能實(shí)現(xiàn)不了）
不能給按鈕直接下載APP
內(nèi)嵌H5只能展示，不能對(duì)其進(jìn)行操作
小程序里面沒(méi)有DOM
小程序不能用本地的圖片做背景圖
三. 遇到的難點(diǎn)
渲染HTML
??問(wèn)題：后臺(tái)給我返回HTML的代碼，讓我在小程序里渲染
難點(diǎn)：小程序不支持DOM
方案：大神寫(xiě)的 wxParse 可以渲染DOM節(jié)點(diǎn) ?https://github.com/icindy/wxP...
二維碼生成
問(wèn)題：要根據(jù)后臺(tái)給的URL動(dòng)態(tài)生成二維碼
難點(diǎn)：小程序不支持DOM
方案：大神寫(xiě)的 qrcode https://github.com/yingye/wea...
微信API問(wèn)題
問(wèn)題：微信的下載文件的API有問(wèn)題 ?`wx.downloadFile（）` PC上可以用，移動(dòng)端用不了，而且URL還要用一個(gè)域名下
方案：因?yàn)槲覀兪且螺d圖，微信有一個(gè)預(yù)覽圖片的API，這個(gè)長(zhǎng)按可以下載?wx.previewImage（）圖片
template模板的使用注意點(diǎn)
使用：
App.json文件里不能引入模板文件 如：page/template/teplate
在父頁(yè)面的 wxml和wxss文件引入template想對(duì)應(yīng)的wxml和wxss文件
Wxml文件：
?
`
WXss文件：
? @import "../tampmask/tampmask.wxss’;
js文件：
?模板里的template.js是不會(huì)渲染到 template.js要`寫(xiě)在引入模板文件上面`
?為了避免錯(cuò)誤，引號(hào)盡量有雙引號(hào)。
{{}}里不能用toFixed()等函數(shù)，要先在js里轉(zhuǎn)化，再在{{}}里渲染
在子頁(yè)面是可以設(shè)置全局的變量的，引入APP（）這個(gè)對(duì)象
微信是可以實(shí)現(xiàn)下拉刷新的功能的，微信是有下拉的API的，可以通過(guò)獲取的值來(lái)顯示隱藏刷新
四.構(gòu)建意見(jiàn)如果內(nèi)嵌H5 的頁(yè)面比較多，不要每個(gè)頁(yè)面都寫(xiě)一個(gè)頁(yè)面，一個(gè)模塊引入一個(gè)
樣式可以引入weui庫(kù)，契合微信的樣式
關(guān)于登錄注冊(cè)，微信可以直接獲取手機(jī)號(hào)碼，不用特地弄個(gè)登錄注冊(cè)頁(yè)
判斷是否登錄的值可以放在全局的變量里，也可以放在localstroge里面（但是建議放在全局變量里面）。
關(guān)于模板，一個(gè)把所有模板寫(xiě)在同一個(gè)template文件下面，不用寫(xiě)多個(gè)，用不同的name來(lái)區(qū)分和引用，這樣比較清晰，便于管理
謝謝大家，如果有問(wèn)題可以一起探討
blog:http://blog.beastxw.wang/2019...
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/93903.html
摘要：在微信小程序中，要更新視圖就只能修改，而視圖層也只能通過(guò)事件向邏輯層傳遞交互信息。頁(yè)面移植到微信小程序要修改的地方也還比較多，主要是標(biāo)簽和的交互及小程序提供的功能部分。 小程序是一種不需要下載安裝即可使用的應(yīng)用，它實(shí)現(xiàn)了應(yīng)用「觸手可及」的夢(mèng)想，用戶(hù)掃一掃或搜一下即可打開(kāi)應(yīng)用。也體現(xiàn)了「用完即走」的理念，用戶(hù)不用關(guān)心是否安裝太多應(yīng)用的問(wèn)題。應(yīng)用將無(wú)處不在，隨時(shí)可用，但又無(wú)需安裝卸載。 —...
摘要：在眾多消息里，啃先生排除掉預(yù)測(cè)類(lèi)的信息，汲取了對(duì)于技術(shù)從業(yè)者有用的信息，整理出此文章，說(shuō)說(shuō)微信小程序開(kāi)發(fā)的設(shè)計(jì)理念和入門(mén)。以上至少四個(gè)文件，即可生成一個(gè)最簡(jiǎn)單的微信小程序。 昨晚臨睡覺(jué)前，還在想應(yīng)該給xx打個(gè)電話(huà)，問(wèn)問(wèn)微信應(yīng)用號(hào)應(yīng)該有原生 UI 吧，要不然跟直接跑 HTML 5 有什么區(qū)別？ 而今天一大早我便一本正經(jīng)胡說(shuō)八道猜想，微信小程序不會(huì)有 JS IDE ，一個(gè)小時(shí)之后，發(fā)現(xiàn)被打...
摘要：使用開(kāi)發(fā)微信小程序基礎(chǔ)接口核心設(shè)計(jì)原則之一就是類(lèi)型檢查，通過(guò)使用接口可以進(jìn)行類(lèi)型檢查，滿(mǎn)足傳統(tǒng)面向?qū)ο笏枷?，利于有效開(kāi)發(fā)，有效避免類(lèi)型轉(zhuǎn)換問(wèn)題。使用開(kāi)發(fā)微信小程序基礎(chǔ)迭代器為每一個(gè)對(duì)象定義了默認(rèn)的迭代器。 使用TypeScript開(kāi)發(fā)微信小程序（1）——基礎(chǔ)：數(shù)據(jù)類(lèi)型（Type） ?TypeScript 的基本數(shù)據(jù)類(lèi)型有boolean、number、string 、array、enum...
摘要：使用新特性開(kāi)發(fā)微信小程序國(guó)際化與本地化新特性國(guó)際化與本地化新增了很多對(duì)于國(guó)際化的支持，比如時(shí)間格式，貨幣格式，數(shù)字格式等。 ECMAScript 6（簡(jiǎn)稱(chēng)ES6）是JavaScript語(yǔ)言的最新標(biāo)準(zhǔn)。因?yàn)楫?dāng)前版本的ES6是在2015年發(fā)布的，所以又稱(chēng)ECMAScript 2015。 微信小程序支持絕大部分ES6的新增特性。 使用ES6新特性開(kāi)發(fā)微信小程序（1） ES6新特性：Cons...
摘要：前言年月日，微信小程序發(fā)布。這也標(biāo)志著的，阿里的，的小程序這三架馬車(chē)在年并驅(qū)騎行。傳送門(mén)試駕小程序開(kāi)發(fā)工具微信開(kāi)發(fā)者工具方便我們?cè)诰幾g時(shí)能夠?qū)崟r(shí)的看到界面變化，我們并不用此來(lái)進(jìn)行小程序的開(kāi)發(fā)，只充當(dāng)一個(gè)模儀器來(lái)使用。 showImg(https://segmentfault.com/img/bVbaqpO?w=558&h=1002); 前言 2017年1月9日，微信小程序發(fā)布。這也標(biāo)志...
閱讀 1866·2021-09-22 15:23
閱讀 3328·2021-09-04 16:45
閱讀 1997·2021-07-29 14:49
閱讀 2799·2019-08-30 15:44
閱讀 1568·2019-08-29 16:36
閱讀 1075·2019-08-29 11:03
閱讀 1553·2019-08-26 13:53
閱讀 533·2019-08-26 11:57
