內容簡介
本書分為四個篇章:第壹篇即為第1章,介紹開發環境的準備及賬號的注冊。學完本章內容,相當於取得瞭入場券。第二篇包括第2—10章,是項目實戰部分。其中第2-6章是小程序前端案例,使用瞭後颱端口但未涉及後颱編程;第7-10章是在已有案例的基礎上添加瞭後端程序的支持。先學習前端,再學習後端,由淺入深,這樣更易於理解和掌握。第三篇包括第11-14章,詳細講解所有小程序組件的使用方法,幾乎全部組件都具有生産可用的UI,所附示例源碼可以直接用於實際項目中,大大降低瞭初學者開發一個小程序時在美工上的門檻。第四篇包括第15-17章,是綜閤練習部分,係統地介紹JS語言、Go語言、WXSS樣式語法等必備知識與技能。其中各節有獨立的練習代碼,可供讀者實際練習之用。這部分也可作為工具文檔,供開發者參考使用。
作者簡介
李藝(石橋碼農),畢業於清華大學計算機科學與技術專業,曾就職於騰訊、呱呱財經、安利中國、PMG集團等公司,有15年以上軟件開發經驗,長期活躍於技術社區並撰寫編程技術教程。
現專注於Go語言與微信小程序技術開發,著有《Swift語言快速入門》一書。
目錄
目錄 Contents
推薦序
前言
篇 基礎入門篇
第1章 學前準備2
1.1 注冊賬號2
1.2 配置開發工具5
1.2.1 下載6
1.2.2 安裝6
1.2.3 設置編輯器屬性6
1.3 從quick start項目開始7
1.3.1 創建項目8
1.3.2 運行項目10
1.3.3 刷新項目10
第二篇 項目實戰篇
第2章 豆豆電影14
2.1 從splash功能開始14
2.1.1 創建項目14
2.1.2 隱藏模擬器16
2.1.3 快捷創建頁麵16
2.1.4 引用sim.js類庫17
2.1.5 實現splash效果18
2.1.6 下載源碼21
2.2 緩存本地數據21
2.2.1 使用wx.setStorage接口21
2.2.2 使用Storage麵闆21
2.2.3 省略function關鍵字22
2.3 實現頁首splash效果23
2.3.1 使用swiper組件23
2.3.2 批量調用接口24
2.3.3 使用wx.getStorage接口25
2.3.4 下載源碼25
2.4 實現橫嚮滑動列錶26
2.4.1 列錶渲染26
2.4.2 引用樣式27
2.4.3 下載源碼27
2.5 實現電影詳情頁27
2.5.1 格式化代碼28
2.5.2 邏輯層28
2.5.3 視圖層29
2.5.4 頁麵跳轉30
2.5.5 下載源碼30
2.6 實現電影列錶頁30
2.6.1 使用finally方法 31
2.6.2 模闆組件32
2.6.3 加載更多34
2.6.4 如何調試35
2.6.5 刷新視圖36
2.6.6 下載源碼37
2.7 實現下拉刷新功能37
2.7.1 小程序中的下拉更新API37
2.7.2 下載源碼38
2.8 實現搜索功能38
2.9 提交42
2.9.1 修改信息42
2.9.2 使用Sketch生成頭像43
2.9.3 配置域名器域名43
2.9.4 在手機上預覽44
2.9.5 上傳版本44
2.9.6 提交審核45
2.9.7 下載源碼46
第3章 計算皮相47
3.1 使用模闆創建項目48
3.2 實現history頁麵48
3.3 實現index主頁49
3.3.1 冒泡事件51
3.3.2 樣式選擇器51
3.3.3 實現計算的邏輯52
3.3.4 使用wx.setStorageSync接口56
3.3.5 下載源碼57
3.4 服務類目57
3.5 發布57
3.6 添加分享58
3.7 下載源碼58
第4章 黑黑天氣59
4.1 實現視圖層60
4.1.1 關於rpx60
4.1.2 絕對定位61
4.2 如何使用weui62
4.3 關於static目錄63
4.4 實現邏輯層64
4.4.1 js函數split與push66
4.4.2 下載源碼66
第5章 笑林百傢67
5.1 使用tabBar68
5.2 實現index頁麵69
5.2.1 定義模闆組件 70
5.2.2 import與include的區彆71
5.2.3 js數組函數 71
5.2.4 js正則錶達式73
5.3 實現image頁麵74
5.3.1 將函數作為參數傳遞74
5.3.2 關於lower-threshold屬性74
5.3.3 使用wx.previewImage接口75
5.4 下載源碼75
第6章 圖靈聊聊76
6.1 實現index頁麵77
6.1.1 建立server目錄模擬服務器數據78
6.1.2 在文件作用域中聲明app80
6.1.3 調用圖像預覽接口 80
6.1.4 用戶友好的時間格式化方法formatTimeline80
6.1.5 js語言中的展開符81
6.1.6 變量自增81
6.1.7 js的忽略符81
6.1.8 通用的下拉區域82
6.2 實現聯係人頁麵82
6.2.1 js中的引用傳遞84
6.2.2 js數組的push方法84
6.2.3 接口返迴數據的通用格式85
6.3 實現聊天頁麵86
6.3.1 在視圖渲染中使用三目運算符87
6.3.2 js中的全等於與等於運算符87
6.3.3 wx:if條件渲染87
6.3.4 使用css遮罩實現消息框樣式87
6.3.5 調用圖靈接口89
6.3.6 js中的邏輯或操作90
6.3.7 js中的let關鍵字90
6.4 實現my頁麵92
6.5 實現about頁麵93
6.6 下載源碼94
第7章 豆豆電影服務端95
7.1 開發後端程序95
7.1.1 安裝Golang語言包95
7.1.2 安裝倉庫管理工具git96
7.1.3 安裝Go語言編輯器96
7.1.4 使用sim.go類庫96
7.1.5 創建豆瓣接口97
7.2 改寫小程序前端100
7.3 下載源碼 101
第8章 計算皮相服務端102
8.1 創建服務端程序102
8.1.1 啓用sqlite3數據庫與小程序服務端的自動登錄功能102
8.1.2 安裝命令行工具curl103
8.1.3 關於一般性通用接口的解讀103
8.1.4 使用SQLiteStudio104
8.1.5 擴展新的控製器105
8.2 改寫小程序前端110
8.2.1 使用POST方法新增數據110
8.2.2 調用分頁接口拉取數據110
8.3 下載源碼 111
第9章 黑黑天氣服務端112
9.1 創建服務端程序112
9.1.1 使用萬能的JSON字段113
9.1.2 特改特定的接口邏輯113
9.1.3 解析動態JSON數據的方法114
9.2 改寫小程序前端116
9.2.1 使用不同的模擬器測試項目117
9.2.2 使用默認的頁麵數據避免渲染錯誤118
9.2.3 分離代碼邏輯提高可閱讀性118
9.2.4 在WXML頁麵中直接綁定字典數據121
9.3 下載源碼122
第10章 笑林百傢服務端123
10.1 創建服務端程序123
10.1.1 啓用七牛雲上傳功能124
10.1.2 注冊七牛賬號與創建存儲空間124
10.1.3 Go語言的作用域125
10.2 修改小程序前端127
10.2.1 使用模闆組件實現頂部導航欄128
10.2.2 關於navigator組件的open-type屬性129
10.2.3 在tabBar中新增操作按鈕129
10.2.4 使用icon組件130
10.2.5 在小程序中直接上傳圖片131
10.3 下載源碼133
第三篇 實用組件篇
第11章 容器組件136
11.1 view136
11.2 scroll-view137
11.3 swiper142
11.4 movable-view145
1
前言/序言
前 言 Preface為什麼要寫這本書2017年4月22日,我在知乎發起瞭一場“零基礎周末學習小程序開發”直播,從當晚8點開始,我一邊撰寫教程筆記,一邊與500多位學員在綫互動。教學從注冊賬號開始,接著是下載微信開發者工具,然後創建個quick start項目,最後編寫後端代碼,並在微信上運行和測試所開發的小程序。從那天晚上到第二天淩晨4點,我發齣瞭7篇教程。
在這場直播中,我原本以為大傢會提問一些諸如頁麵如何跳轉、數據如何緩存等技術問題,但是大傢提的卻大都是一些有關小程序的邊緣問題,諸如如何下載和安裝小程序、如何獲得小程序內測資格等。
不少學員尚不知道小程序已於2017年1月9日正式上綫;並且,個人也能注冊賬號;所謂的200個小程序內測資格已經成為過去式瞭;而且小程序不需要下載安裝。
很多學習小程序開發的學員甚至毫無編程基礎,他們對如何開發一款小程序一無所知。由此我意識到,小程序初學者最迫切需要的並不是復雜和高深的教程,而是一本簡單而全麵地介紹小程序開發的圖書。全麵與快速入門是其需求,基於此,筆者編寫瞭本書。
小程序不是一門語言,它是一門新的綜閤應用技術。小程序無須下載,不用安裝,拿來即用,正所謂“事瞭拂衣去,不留身與名”。凡是接觸過原生iOS、Android應用開發的讀者,都能理解傳統開發技術帶給開發者的痛苦,如機型繁多、適配睏難、審核周期長(iOS應用),等等。
達爾文說過,“自然界生存下來的,既不是四肢最強壯的,也不是頭腦最聰明的,而是有能力適應變化的物種。”
國內App的運營成本一直在增長,目前獲取一個新用戶的成本甚至高達30元人民幣。在這種環境下,微信的小程序應運而生。從小程序的更新曆史來看,微信之父張小龍打造新技術生態圈的決心是異常堅決的。隨著小程序技術的成熟,開發者社區的形成,在批小程序開發者賺到桶金時,這一新技術的火爆纔剛剛拉開帷幕。
2017年3月27日,微信小程序開放瞭個人賬號申請,從此以後,不是企業也能開發小程序。
2017年3月28日,微信小程序開放瞭藍牙、卡券、獲知訪問場景、共享微信通訊錄等功能,並支持JS ES6新語法。
2017年4月17日,微信小程序代碼包的大小限製由1MB提升到2MB,開放瞭第三方平颱開發小程序的功能,開放瞭數據分析接口。
2017年4月20日,微信小程序對所有公眾號都開放瞭關聯小程序的功能。
2017年4月25日,微信小程序開放瞭公眾號推送文章可插入小程序的功能。
2017年5月19日,微信小程序可支持藍牙。
2017年6月21日,微信小程序開放瞭打開另一個小程序的功能。
2017年7月11日,微信小程序添加瞭富文本支持。
……隨著微信小程序不斷開放新接口與新功能,小程序的開發社區正在逐漸形成。學習一門新技術最好的契機,正是其方興未艾之時。無論是初入校園的大一新生,還是剛剛走上工作崗位的職場新人,此時學習小程序技術,正是最佳良機。你與有數十年編程經驗的老手站在瞭同一起跑綫上,因為小程序對所有人來說都是全新的技術。今天的菜鳥,未必就不能成為明日高手。
根據我在小程序培訓中的觀察,初學者最大的痛點是感覺技術太雜,要學的東西太多。買瞭一堆書堆在桌上,學完這個又學那個,難於將其融會貫通。行程未遠,激情已耗大半。目前市麵上還沒有一本書從前端到後端、全麵介紹小程序的開發技術,已有的書籍有的介紹瞭小程序組件而未介紹JS語言,有的介紹瞭JS語言卻未講解如何開發服務端程序,而本書首次全麵介紹瞭小程序所需要用到的所有技術,從小程序組件到WXSS樣式,從前端JS語言到後端Go語言,通過實戰案例,由淺入深地介紹小程序開發涉及的所有內容,幫助讀者快速成長為一名真正的微信全棧工程師。
讀者對象高校畢業生,中專技校畢業生。
工作1~2年的、渴望獲得加薪技能的職場新人。
渴望以軟件開發為謀生手段的自由“手藝”人。
準備報名或已參加小程序開發培訓班的讀者。
有人說,大學裏最美好的事情就是找到一個喜歡的人,認認真真地談一場無關名利的戀愛。但大學裏不隻有戀愛,在新學期伊始就開始學習小程序開發吧,這將是送給四年後的自己最好的禮物。許多人後悔在2007年款iPhone發布時沒有開始學習iOS開發,隻能羨慕那些早期的iOS開發者獲得平颱的初期紅利。現在小程序來瞭,企業市場對小程序的需求越來越旺,學好這門實用的技術,畢業後就不怕找不到工作;如果嚮往自由的生活,不想在公司打工,還可以自己接單,做SOHO一族。如果學得好,那麼在校期間就可以接單,成為一名自食其力的編碼“手藝人”。
如何閱讀本書本書主要包括四篇,內容分布如下。
篇,即第1章學前準備,講解瞭小程序開發環境的準備及賬號的注冊。完成第1章的學習相當於取得瞭小程序技術殿堂的入場券。
第二篇,第2~10章,本篇是項目實戰部分,其中第2~6章講解小程序前端案例,使用瞭後颱地址但未涉及後颱編程;第7~10章在已有案例的基礎上添加瞭後端程序的支持。先學習前端,再學習後端,每次專注一個點學習,更易理解和掌握。
第三篇,第11~14章,本篇詳細地講解瞭所有小程序組件的使用方法,所附示例幾乎全部都是生産可用的,這就大大降低瞭初學者在美工上的學習門檻。
第四篇,第15~17章,本篇是綜閤練習部分,係統地介紹瞭JS語言、Go語言、WXSS樣式語法等必備知識與技能。這3章既可作為工具手冊,以備開發查詢之需;每一章節又都有獨立的練習代碼,可便於讀者利用課餘或業餘的碎片時間提高編碼水平。
學習指引:
1.讀者從第1章開始到第14章,逐章學習,並運行測試所有的實例。每一章都附有源碼,讀者在學習的過程中如果遇到問題,可以下載作者的源碼對照學習。
2.待前14章全部學完,進入第15~17章的綜閤學習。在這個階段的學習過程中,不妨直接用新學的知識直接深入修改前麵業已完成的示例,將本書的示例變成自己的示例。如果有時間,建議將修改過程以博客的形式記錄下來,並在社區發錶,可以此加深印象。
小組學習我至今最為懷念的時光,便是大學裏和兩位好友在機房裏通宵學編程的日子。我們三個人相互鞭策又相互欣賞,經常比較誰的代碼寫得更優雅,誰的代碼執行效率更高。
我希望每個讀者都能找到朋友或同學組成一個學習小組,或2人,或3人,共同學習,相互激勵,這樣學習的效率和動力會高許多。孔子曰“三人行,必有我師”,誠不我欺。
勘誤由於作者水平有限,寫作時間又很倉促,書中難免有不妥之處,懇請讀者批評指正。
如果讀者在閱讀過程中發現瞭問題,或者有什麼疑問,歡迎與作者聯係。作者的郵箱是liyi@rixingyike.com。
微信公眾號在學習本書的過程中,也歡迎加入作者的小程序微信群,關注微信公眾號“藝述思維”,迴復“小程序”就能加入。未來作者會舉辦讀者綫下交流會,請留意群內通知。
緻謝感謝機械工業齣版社華章公司的楊綉國老師,她的認真和敬業令我摺服。
感謝支持我進行《藝術論》創作的老楊同誌、何超超、雲哥、琥珀人生、楊龍晨等微信好友,感謝李萌、李書衛、南陽著名甲骨文書法傢郝新安、國畫傢彭航、邯鄲著名書法篆刻傢杜文平、開封著名書法傢王德雲等130位日行一刻藝術天使們兩年來的默默支持。
感謝所有讀者,希望這本書對您的學習有所幫助。
石橋碼農2017年7月於北京月亮河
小程序從0到1:微信全棧工程師一本通 epub pdf mobi txt 電子書 下載 2024
小程序從0到1:微信全棧工程師一本通 下載 epub mobi pdf txt 電子書