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

資訊專欄INFORMATION COLUMN

開發微信小程序必看(渲染HTML,動態二維碼)

Panda / 2849人閱讀

摘要:一前言最近公司要做一個小程序,之前也沒接觸過,但是用過框架,就直接上手了,畢竟思想是很像的。但是微信小程序的坑還是有的,今天就講一下思路,如果有需求可以出詳細的文章。有錯的地方請大家糾正。

一.前言:
最近公司要做一個小程序,之前也沒接觸過,但是用過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

相關文章

  • 信小程序初探

    摘要:在微信小程序中,要更新視圖就只能修改,而視圖層也只能通過事件向邏輯層傳遞交互信息。頁面移植到微信小程序要修改的地方也還比較多,主要是標簽和的交互及小程序提供的功能部分。 小程序是一種不需要下載安裝即可使用的應用,它實現了應用「觸手可及」的夢想,用戶掃一掃或搜一下即可打開應用。也體現了「用完即走」的理念,用戶不用關心是否安裝太多應用的問題。應用將無處不在,隨時可用,但又無需安裝卸載。 —...

    teren 評論0 收藏0
  • IDE已破解,不用預熱,馬上進入「微信小程序

    摘要:在眾多消息里,啃先生排除掉預測類的信息,汲取了對于技術從業者有用的信息,整理出此文章,說說微信小程序開發的設計理念和入門。以上至少四個文件,即可生成一個最簡單的微信小程序。 昨晚臨睡覺前,還在想應該給xx打個電話,問問微信應用號應該有原生 UI 吧,要不然跟直接跑 HTML 5 有什么區別? 而今天一大早我便一本正經胡說八道猜想,微信小程序不會有 JS IDE ,一個小時之后,發現被打...

    ghnor 評論0 收藏0
  • 使用TypeScript發微信小程序

    摘要:使用開發微信小程序基礎接口核心設計原則之一就是類型檢查,通過使用接口可以進行類型檢查,滿足傳統面向對象思想,利于有效開發,有效避免類型轉換問題。使用開發微信小程序基礎迭代器為每一個對象定義了默認的迭代器。 使用TypeScript開發微信小程序(1)——基礎:數據類型(Type) ?TypeScript 的基本數據類型有boolean、number、string 、array、enum...

    xingpingz 評論0 收藏0
  • 使用ES6新特性發微信小程序

    摘要:使用新特性開發微信小程序國際化與本地化新特性國際化與本地化新增了很多對于國際化的支持,比如時間格式,貨幣格式,數字格式等。 ECMAScript 6(簡稱ES6)是JavaScript語言的最新標準。因為當前版本的ES6是在2015年發布的,所以又稱ECMAScript 2015。 微信小程序支持絕大部分ES6的新增特性。 使用ES6新特性開發微信小程序(1) ES6新特性:Cons...

    Backache 評論0 收藏0
  • 模塊化高效發微信小程序—汽車試駕

    摘要:前言年月日,微信小程序發布。這也標志著的,阿里的,的小程序這三架馬車在年并驅騎行。傳送門試駕小程序開發工具微信開發者工具方便我們在編譯時能夠實時的看到界面變化,我們并不用此來進行小程序的開發,只充當一個模儀器來使用。 showImg(https://segmentfault.com/img/bVbaqpO?w=558&h=1002); 前言 2017年1月9日,微信小程序發布。這也標志...

    wuyangchun 評論0 收藏0

發表評論

0條評論

Panda

|高級講師

TA的文章

閱讀更多
最新活動
閱讀需要支付1元查看
<