微信小程式之陣列操作：push與concat的區別
微信小程式中需要用到陣列的操作，介於本人js基礎薄弱，故陣列操作進行簡單記錄，以備後期方便學習：
push和concat二者功能很相像，但有兩點區別。
先看如下例子：
var arr = [];
arr.push(1);
arr.push(2);
arr.push([3, 4])
arr.push(5, 6);
arr = arr.concat(7);
arr = arr.concat([8, 9]);
arr = arr.concat(10, 11);
for(var i in arr){
console.log(i+"-----"+arr[i]);
}列印結果如下：
index.js [sm]:180 0-----1
index.js [sm]:180 1-----2
index.js [sm]:180 2-----3,4
index.js [sm]:180 3-----5
index.js [sm]:180 4-----6
index.js [sm]:180 5-----7
index.js [sm]:180 6-----8
index.js [sm]:180 7-----9
index.js [sm]:180 8-----10
index.js [sm]:180 9-----11
區別：
- push 遇到陣列引數時，把整個陣列引數作為一個元素；而 concat 則是拆開陣列引數，一個元素一個元素地加進去。
- push 直接改變當前陣列；concat 不改變當前陣列。
注意：arr1=arr1.concat(arr2)
相關推薦
微信小程式之陣列操作：push與concat的區別
微信小程式中需要用到陣列的操作，介於本人js基礎薄弱，故陣列操作進行簡單記錄，以備後期方便學習： push和concat二者功能很相像，但有兩點區別。 先看如下例子： var arr = []; arr.push(1); arr.push(2); arr.push([3,
微信小程式之第一天：Hello World！
微信小程式開發學習的第一天：Hello Mini Programs! 為什麼要寫這篇文章？ 微信作為一款擁有著數以億計的月活使用者並一直在不斷進化與演進的超級APP，在我們的日常生活中也扮演這十分重要的角色。幸運的是騰訊的微信團隊一直在致力於將微信的能力盡可
微信小程式之圖片的上傳與下載
大家都知道,小程式有著大量的api,檔案(圖片)的上傳也是其中之一. 給大家分享一下個人的用法.我所做的是一個類似空間日誌的圖文釋出以及混排. 首先是圖片的選擇,使用wx.chooseImage,將選中
微信小程式之內容的動畫展開與收回
先上效果圖： 1.展開狀態 2.顯示狀態 3.收回狀態 下面是wxml程式碼： <view class='container'> <button class='text' bindtap="{{ stopBtn ? 'showC
微信小程式之條件渲染 wx:if與hidden比較
wx:if 1、在框架中，使用wx:if="{{condition}}" 來判斷是否需要渲染該程式碼： 如果條件成立就渲染 <view wx:if="{{condition}}">123</view> 2、在花括號中也可以寫條件判斷 <view>
微信小程式之JS陣列的操作
push() 方法可向陣列的末尾新增一個或多個元素，並返回新的長度。 陣列中新增新元素： var fruits = ["Banana", "Orange", "Apple", "Mango"]; fruits.push("Kiwi") fruits 結果輸出： Banan
微信小程式之：雲開發初體驗--致我的第一個小程式
背景：一直關注微信小程式的發展，看著小程式一步步完善，一步步壯大，心裡癢癢，也想做一個自己的微信小程式，但是苦於只會前端，不會服務端，所以想法一直被卡著。現在小程式有了雲開發，很輕鬆實現後端功能，寫後端跟寫前端沒啥區別，真的是前端小夥伴們的福音啊。 經過幾個晚上的熬夜奮戰，我的第一個微信小程式正式
微信 小程式（三）：選座系統2（主要內容：陣列的動態更改）
人生無趣且不易，一起找點樂子吧。歡迎評論，和文章無關也沒問題。 上篇文章我們主要說了列表的渲染，給定個數組，讓他根據我們的要求“畫”在介面上，最後我們也提到，如果想要想要改變介面，只要相應的改變對應陣列的內容就可以了。 這次我們就來講怎樣從介面獲得資料，然後在
微信小程式之 簡單的使用者授權系列操作
一、獲取使用者登入狀態 和 獲取使用者資訊 想獲取使用者資訊，需要點選btn按鈕，給button設定屬性open-type="getUserInfo" 和bindgetuserinfo="MygetUserInfo" <button open-type="getUs
微信小程式（三）：選座系統3（主要內容：陣列的動態生成）
人生不易且無趣，一起找點樂子吧。歡迎評論，和文章無關的也可以。 前面我們說了列表的渲染，由一個二維陣列，怎樣去畫出座位。還談了陣列的修改，怎樣從座位的點選事件，獲得對應的位置，也就是陣列的下標，去修改相應的值。這次我們來談談最後的一塊的內容，這應該是這個板塊的最
微信小程式之輪播元件：swiper
swiper，輪播圖片，叫滑塊檢視容器。效果很屌的哦 官方文件例子很好： https://mp.weixin.qq.com/debug/wxadoc/dev/component/swiper.html 先上最終效果： 啦啦啦，程式碼： 樣式無所謂的啦，定義你自己喜
微信小程式之tab切換後執行onload操作
小程式tab切換後，不會執行onload操作，那麼我們在某tab列表進入詳情後，再次返回列表，需要重新重新整理頁面，該如何處理？ 程式碼如下： 在呼叫wx.switchTab後，通過success操作，呼叫getCurrentPages（）.pop()方法獲取上一個頁面的
微信小程式聯盟：微信小程式之獲取並解密使用者資料（獲取openId、unionId）
前言在實際的小程式開發中，往往需要使用者授權登陸並獲取使用者的資料，快速對接使用者系統。openId : 使用者在當前小程式的唯一標識 unionId : 如果開發者擁有多個移動應用、網站應用、和公眾帳號（包括小程式），可通過unionid來區分使用者的唯一性，因為只要是同一
【微信小程式之畫布】四：手指觸控繪波浪線
有問題可以掃碼加我微信，有償解決問題。承接小程式開發。 微信小程式開發交流qq群 173683895 、 526474645 ； 正文： 功能：根據手指觸控繪畫一條直線路徑-->
【微信小程式之畫布】一：canvas元件
有問題可以掃碼加我微信，有償解決問題。承接小程式開發。 微信小程式開發交流qq群 173683895 、 526474645 ； 正文： 此文章主要是對canvas元件的介紹與基本的使用。在元件中繪畫了一條固定的直線。 我們先了解一下canvas元件： wx
微信小程式之wxml陣列資料的寫入方式
頁面邏輯與介面儘量分開，分開到頁面需要在四個顏色中隨機出現，另外還有一種情況下使用白色。一種方式：單純放個顏色陣列寫在js,不做邏輯操作，在 wxml 中使用。另一種： 在wxml標籤中： style
微信小程式之物流狀態時間軸
一個月左右沒更新部落格了，最近有點懶了哈（工作上真的忙），很多工作上學習到的東西都沒有及時分享出來，有點愧疚，不過自己最近一直在收集資料和學習一些新技術，最主要是想要構建自己的前端技術體系和自定義一個前端規範文件，哈哈哈。說重點啦，微信小程式裡面開發的商城模組還挺多的，剛好寫了一個物流狀態的時間軸，簡單分享一
微信小程式之微信登陸 —— 微信小程式教程系列（20）
簡介： 微信登陸，在新建一個微信小程式Hello World專案的時候，就可以看到專案中出現了我們的微信頭像，其實這個Hello World專案，就有一個簡化版的微信登陸。只不過是，還沒有寫入到咱們自家的後臺中而已。 新建一個Hello World專案，找到a
微信小程式之swiper限制迴圈滑動
最近接的一個單子是使用swiper來達到頁面之間完美滑動的效果的。也就三個頁面首頁、內容頁、尾頁。 但是客戶要求首頁不能滑到尾頁，尾頁不能滑到首頁。 在官方文件中沒有找到方法，因此只能繞彎路了。 wxml頁面程式碼：重點在於 current='{{show_index}}'
11.微信小程式之canvas生成圖片並儲存到手機
在小程式中，會有這樣一種需求，儲存某一個頁面並將其分享到朋友圈。一般的做法是：將這個頁面用canvas繪製出來，通過wx.canvasToTempFilePath，把當前畫布指定區域的內容匯出生成指定大小的圖片。然後再通過wx.saveImageToPhotosAlbum，儲存圖片到系統相簿。由