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