小程序開發注意事項

geekzhou 發布于2019-08-23 11:39 / 1024人閱讀

摘要：在小程序開發中，遇到的一些小坑。在小程序的文件中的里面，不支持復雜的表達式，目前支持簡單的三元運算算數運算邏輯判斷字符串運算數據路徑運算。是小程序的一套腳本語言，可以結合，一起構建頁面。不能調用小程序提供的接口。不能作為組件的事件回調。

在小程序開發中，遇到的一些小坑。

1. 輪番圖 swiper

autoplay="false" 不會生效，依然會輪番。因為他會把false當作字符串處理

解決方法是：
（1） autoplay="{{false}}"直接這么寫，就可以當作boolean值來處理了。
（2） 
在js中定義：
autoplay: false,

2. 給組件加背景圖

官方回答：背景圖片不支持本地路徑的圖片。
https://developers.weixin.qq.com/community/develop/doc/00066ee652084027fb37cca3c51c00?highLine=%25E8%2583%258C%25E6%2599%25AF%25E5%259B%25BE%25E7%2589%2587
本地資源無法通過 WXSS 獲取，background-image：可以使用網絡圖片，或者 base64，或者使用標簽。但是不能使用本地圖片。

3. textarea標簽的默認值設置無效

我們把value設置為任意值，是不能改變輸入框的值的。方法是
{{""}}
就可以設置textarea組件的默認值為空。

4. wxs

======

在小程序的WXML文件中的{{}}里面，不支持復雜的表達式，目前支持簡單的三元運算、算數運算、邏輯判斷、字符串運算、數據路徑運算。如果我們頁面中要計算 "9, 7".indexOf("3") < 0 等類似的簡單方法，之間{{"9, 7".indexOf("3") < 0}} 肯定是不被支持的。所以我們就用到了WXS。

WXS是小程序的一套腳本語言，可以結合WXML，一起構建頁面。

WXS與JavaScript是不同的語言，有自己的語法。
WXS不能調用其他JavaScript文件中的函數。
WXS不能調用小程序提供的接口API。
WXS不能作為組件的事件回調。

用法：
（1）直接在WXML文件中寫，例如


        var msg = "hello world";
        module.exports.message = msg;
  

   {{m1.message}}

（2）多帶帶寫在.wxs文件中

     /pages/comm.wxs
        var foo = ""hello world" from comm.wxs";
        var bar = function(d) {
          return d;
        }
        module.exports = {
          FOO: foo,
          bar: bar
        };
    
    在用到的WXML文件中引入


        
         {{tools.bar(tools.FOO)}}

5.改變swiper組件，點的位置

    /* 改變swiper中三個點的位置 */
    .swiper .wx-swiper-dots {
      display: block;
      height: 100rpx;
      position: absolute;
      left: 650rpx;
      bottom: 60rpx;
    }

寫了一個swiper,效果如下，如果有人需要可以自己去git上下載。
地址 https://github.com/DaYuXiaoZh...

6.模板中引用app.js的全局變量

模板文件不能使用 app.js 文件中定義的全局變量

7. wxs文件中不能使用let聲明變量

不能使用let 不能使用let

1-- 正確
2-- 不能正常運行

云服務器 GPU云服務器小程序開發有什么注意的小程序開發開發小程序開發小程序開發開發制作

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/97270.html

微信小程序開發由0到1開發,快速開發上線

摘要：首先先注冊微信小程序管理一登錄微信公眾平臺二點擊立即注冊。注意這里不要用微信公眾號登錄，小程序賬號和微信公眾號是不同的。最好從項目直接入手，這里有微信小程序個例子，鏈接密碼有可能會過期，留言或者加我，給你最新的首先先注冊微信小程序管理一、登錄微信公眾平臺https://mp.weixin.qq.com 二、點擊立即注冊。注意：這里不要用微信公眾號登錄，小程序賬號和微信公眾號是不...

seal_de 2019-08-20 17:29 評論0 收藏0
微信小程序開發由0到1開發,快速開發上線

摘要：首先先注冊微信小程序管理一登錄微信公眾平臺二點擊立即注冊。注意這里不要用微信公眾號登錄，小程序賬號和微信公眾號是不同的。最好從項目直接入手，這里有微信小程序個例子，鏈接密碼有可能會過期，留言或者加我，給你最新的首先先注冊微信小程序管理一、登錄微信公眾平臺https://mp.weixin.qq.com 二、點擊立即注冊。注意：這里不要用微信公眾號登錄，小程序賬號和微信公眾號是不...

CrazyCodes 2019-08-29 12:48 評論0 收藏0
微信小程序開發由0到1開發,快速開發上線

摘要：首先先注冊微信小程序管理一登錄微信公眾平臺二點擊立即注冊。注意這里不要用微信公眾號登錄，小程序賬號和微信公眾號是不同的。最好從項目直接入手，這里有微信小程序個例子，鏈接密碼有可能會過期，留言或者加我，給你最新的首先先注冊微信小程序管理一、登錄微信公眾平臺https://mp.weixin.qq.com 二、點擊立即注冊。注意：這里不要用微信公眾號登錄，小程序賬號和微信公眾號是不...

wdzgege 2019-08-01 17:03 評論0 收藏0
甲由科技指出小程序開發過程中需要注意的地方

摘要：在小程序開發和設計的任務和流程過程當中，會出現一些異常情況，這也是用戶最需要用到的時候，所以需要特別注意異常狀態，在出現問題的時候能給用戶明確的提示和一些解決方法。不少企業、商家都開發了屬于自己的小程序。需要提醒大家的是，在開發之前一定要做好充足的準備工作，從而保障開發工作能夠順利完成。那么，小程序開發前要做什么準備？showImg(https://segmentfault.com...

chadLi 2019-08-26 14:05 評論0 收藏0
微信小程序開發中遇到的問題及解決辦法（三）

摘要：資料整理關于配置微信小程序頁面附關于微信搜索小程序內頁面的功能，只能在線上環境有用，而且沒有提供測試的渠道。二微信小程序激勵視頻廣告接入微信視頻廣告指引截圖具體使用注意激勵視頻廣告組件是一個原生組件，層級比普通組件高。大綱：根據近期我在小程序開發中接到的需求，總結一下下面四個開發需求所遇到的問題： 1、關于微信現已開放小程序內搜索（sitemap 配置）；2、微信小程序的激勵視頻廣告...

Lowky 2019-08-30 11:07 評論0 收藏0