與或非實習做業小程序

todo小案例簡書：https://www.jianshu.com/p/ade69ae9e8ab

尋途網（小圖標）：https://icon.52112.com/icon/366452.html

 

該做者還要一些相關的東西能夠去看看，他對小程序開發的說明

 

上面還有一些文件夾，assets和images是分別用於存放一些大文件和圖片的，例如音頻、本地文件之類的均可以存在裏面，文件夾名稱是能夠隨意更改的，不像android這類資源文件夾是有個規範的約定，不能隨便修更名稱。
pages文件夾中存放的就是各類頁面模塊，這裏建了兩個頁面模塊，一個是index首頁，一個是logs操做日誌頁，小程序中要求下方tab最少甚至2個，最多設置5個，在使用的時候要注意下。
每一個頁面模塊通常由3類文件組成：

• xxx.js： 在js文件中主要是用來定義頁面變量和函數方法的，小程序的定義語法和vue.js這類MVVM框架很是像，能夠直接參考最後一節的代碼樣例，一看就明白了。
• xxx.wxml：wxml相似h5中的html文件，用於描述頁面的佈局結構，須要注意的是wxml的標籤名稱和html的仍是有很大不一樣的，須要熟悉下，這些標籤和關鍵字。
• xxx.wxss：wxss相似於css文件，其中描述了頁面中須要用到的樣式。

 

數據綁定

數據綁定是整個小程序框架的核心，其實就是客戶端用的比較多的MVVM框架，能夠作到邏輯層的數據和視圖層的數據關聯變動，這樣就能夠方便的實現經過事件觸發邏輯層的數據變化，從而體現到視圖層展現給用戶看到的數據變化。之前寫過.net、vue.js，用過android、ios MVVM框架的同窗是否是都很熟悉這樣的data binding模式。

基本語法

一門計算機語言的基本語法無外乎，變量定義、數據類型、基礎運算符、基礎語句、基礎類庫這些，下面咱們就簡單介紹下這些，讓有經驗的開發人員一看就明白。

變量定義

在js中定義的變量均爲值引用，沒有聲明的變量直接賦值使用會被定義爲全局變量，變量定義和javascript一致。

數據類型

小程序支持的數據類型有：
Number ： 數值
String ：字符串
Boolean：布爾值
Object：對象
Function：函數
Array : 數組
Date：日期
Regexp：正則

這些類型和JavaScript中的類型也是一致的，因此對於有必定js基礎的同窗，學小程序是很是簡單的，這些數據類型對應的方法這裏就不介紹了。

基礎運算符

小程序的基礎運算符和常見語言的基礎運算符使用方法如出一轍，也是一元運算符、二元運算符、三元運算符、比較運算符、等值運算符、賦值運算符、運算符優先級也和js、C、Java這類的語言同樣，因此基礎運算符這裏就不介紹了，看看下面的實例代碼就會用了。

基礎語句

小程序中的基礎語句也和經常使用語言同樣，就是if/else、switch、for、while這些，用法也是和其餘主流語言一致，一看就明白了。

 

經常使用API

你們都知道微信小程序最牛逼的地方在於有微信巨大的用戶流量和微信原生API的支持，下面就介紹下經常使用的微信原生API，經過這些原生API能夠實現對原生操做系統一些API的操做和微信app自身功能的調用。

目前小程序開放的API能力已經很是豐富了，手機硬件基本均可以操做了，小程序現階段提供的API包括：

• 網絡請求、文件上傳、下載、WebSocket相關操做
• 本地圖片操做、錄音操做、音頻操做、視頻操做
• 本地文件操做
• 本地緩存操做
• 地理位置操做、地圖操做
• 系統基本信息查詢
• 加速器、羅盤、電話、藍牙、NFC、WiFi、iBeacon等操做
• 微信開放平臺登陸、受權、支付、轉發、二維碼、卡券、APP跳轉、小程序跳轉等相關接口

微信爲小程序具體開放的接口細節請參考官方文檔 https://developers.weixin.qq.com/miniprogram/dev/api/

 

上面是todolist的東西

接下里是日程課程安排和詳情

 

這是詳情頁，一張圖片，一兩行文字吧

非洲鼓：https://jingyan.baidu.com/article/84b4f565bcb5af60f6da329d.html

 

吉他：https://jingyan.baidu.com/article/455a99509c86d8a166277886.html

尤克里裏：https://baike.baidu.com/item/%E5%B0%A4%E5%85%8B%E9%87%8C%E9%87%8C/805901?fr=aladdin

 

滑動：https://www.jianshu.com/p/2d03af2e8741

動畫官方：https://developers.weixin.qq.com/miniprogram/dev/api/ui/animation/wx.createAnimation.html

滑動參考：https://www.jianshu.com/p/b1d24867bbe7

 

最終版：http://www.javashuo.com/article/p-wkcxfmak-ec.html

 

遺留下來的問題：頁面的滑動，還有傳值可是不到怎麼取出來  在onload  這個方法函數中

還有一個微信小程序和javaScript的一些小區別  不能混用

 

先敲兩天基礎吧

週末的時候再整理一遍

（1.代辦事件的處理，排版樣式

2.動畫的製做，3.詳情頁面的製做）

記得測試

下週報道

 

 

在App.json中的頁面導航是，不能直接註釋的

會報錯，多是由於{}json格式吧

 

手機預覽的時候：發現圖片路徑不能用中文。

真機調試，手機預覽也是文件大小不能超過2M

 

爲何我不能用++自加這個東西

在data：i = i+1一個語句這都行