1. 程式人生 > >微信小程式開發教程(破解版IDE 無內測資格也可使用)

微信小程式開發教程(破解版IDE 無內測資格也可使用)

破解版IDE下載地址,以及使用說明:

這裡由於csdn有上傳大小限制,所以只能做兩次上傳了。要放在一起看哦。

安裝步驟

一個步驟都不能錯哦

1、安裝0.7 — 掃碼登陸 — 關閉0.7
2、安裝0.9 ——不要啟動程式——替換3個檔案
檔案在weapp-ide-crack-master資料夾中
替換目錄
C:\Program Files (x86)\Tencent\微信web開發者工具\package.nw\app\dist\weapp\appservice\asdebug.js
C:\Program Files (x86)\Tencent\微信web開發者工具\package.nw\app\dist\components\create\createstep.js
C:\Program Files (x86)\Tencent\微信web開發者工具\package.nw\app\dist\stroes\projectStores.js
3、開啟0.9——新建專案:appid和名稱隨便填,路徑選demo的路徑
4、good luck


IDE安裝完成後,下面就可以開始學習怎麼開發了。

基本介紹

微信小程式是基於微信提供的一套sdk,這套sdk的設計思想跟html,css,js的設計思想是完全一樣。它基於微信瀏覽器,並且經過很好的封裝和效能優化,有經驗的程式設計師可以很快上手,並完成比較優秀的作品。

但是也有缺點,目前開發的api還是比較少;而且這套sdk是基於微信的,並不是基於作業系統,所以註定有很多功能是不能很好的實現的。從某種意義上來說,微信小程式可以替代很多輕量級的app,但是一些業務複雜的app,建議還是用原生的開發語言來開發,可以保證更好的體驗。

微信小程式的開發跟傳統的前端開發思想是一樣的,有前端開發經驗的同學學習微信小程式開發會輕鬆很多。

基本功能

檢視容器:檢視(View)、滾動檢視、Swiper
基礎內容:圖示、文字、進度條
表單元件:按鈕、表單等等
操作反饋
導航
媒體組建:音訊、圖片、視訊。
地圖
畫布
檔案操作能力
網路:上傳下載能力、WebSocket
資料:資料快取能力
位置:獲取位置、檢視位置
裝置:網路狀態、系統資訊、重力感應、羅盤
介面:設定導航條、導航、動畫、繪圖等等
開放介面:登入,包括簽名加密,使用者資訊、微信支付、模板訊息

傳統的前端開發的一個介面一般由.html .css .js

.html控制介面結構

.css描述控制元件的樣式

.js完成資料互動,以及動畫效果。

微信小程式也是一樣,是多了一個.json.小程式的介面由四個檔案組成:.wxml .wxss .json .js

.wxml 控制介面結構

.wxss 描述介面樣式

.js 介面的指令碼檔案,在這個檔案中我們可以監聽並處理頁面的生命週期函式、獲取小程式例項,宣告並處理資料,響應頁面互動事件等。

.json 是介面的配置檔案 ,是非必要的。當有頁面的配置檔案時,配置項在該頁面會覆蓋app.json的window中相同的配置項。如果沒有指定的頁面配置檔案,則在該頁面直接使用app.json中的預設配置。

.wxml 

主要標籤

目前已開發的標籤有

這裡的指定樣式名也用class

獲取資料是用{{datainfo}},datainfo來自於.js Page data下對應的datainfo

.wxss

這個跟css幾乎是一模一樣,有不懂的可以檢視css文件哈。這裡不多講了

.js

官方文件已出來,微信提供的官方文件非常詳細,也容易理解,所以後期不再闡述技術細節,但是會持續更新一些在實際開發中遇到的問題,以及解決方案。

====================================收藏這個連結哦,將會持續更新哈=========================================