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