原创 全棧工程師之路-中級篇之小程序開發-第二章第三節小程序豆瓣評分主頁

今天我們來編寫整個豆瓣評分的首頁界面框架。 效果圖如下: 我們今天主要講解界面的編寫,目的是再一次加強對模板的理解。我們還是拿index文件修改。 先去掉原有的元素。 修改app.wxss 接下來進入今天你的主題。 首先我們來修

原创 全棧工程師之路-中級篇之小程序開發-第三章第五節獲取用戶權限、下載文件、保存到相冊、用戶拒絕授權重新授權

繼上一節課,我們已經簡要說明了將圖片保存到相冊的流程和方法。 這節課我們圍繞這個問題,展開講解獲取用戶權限,將網絡圖片下載到臨時文件,最後保存到相冊。 獲取用戶權限 wx.authorize 使用方法如下: // 可以通過

原创 全棧工程師之路-中級篇之小程序開發-第二章第七節個人中心

今天我們接着編寫個人中心頁面。 首先我們編輯上半部分的內容。 部分內容在之前的課程中已經有涉及了, 所以這裏有寫部分直接上代碼咯。 編寫頁面的基本元素user.wxml <view class="userinfo">

原创 全棧工程師之路-中級篇之小程序開發-第三章第一節頁面跳轉及參數傳遞,跳轉到更多頁面

繼上次教程結束之後,我們的小程序已經完成到如下程度了。 如果你是一個零基礎的開發,只要跟着這個教程一步一步完成的,你就能完成這樣的界面優美是不是很容易啊。 但是,完成前兩章,我們只涉及到頁面的編寫,很少涉及到頁面的功能,那

原创 全棧工程師之路-中級篇之小程序開發-第三章第二節小程序下拉刷新,上拉加載

今天就直入主題吧! 調試技巧 這裏講一個調試的技巧,因爲這個頁面是我們點擊了首頁的更多才進入的,並且他需要攜帶參數。 所以我們在左側工具裏面 注意點擊的是圖中紅色框框標記的位置,這是一個自定義按鈕。 寫上路勁和參數就

原创 全棧工程師之路-中級篇之小程序開發-第二章第二節小程序電影卡片模板

上一節課,有朋友反映我最後寫的操作步驟太瑣碎了。 其實我只是想表達一下我自己的思想過程,從分析方法到關注點。 我覺得這對於新手還是有點作用的。 如果你不知道怎麼入手解決一個問題,不放跟着我的節奏,進去試試。 言歸正傳,我們接下來編寫,電影

原创 全棧工程師之路-中級篇之小程序開發-第三章第四節點擊查看大圖,保存壁紙

由於獲取詳情那些接口的豆瓣API,都有權限限制。 所以,電影詳情頁面和電影搜索頁面我們就不做了。 接下來我們來看一些還蠻實用和有趣的小功能。 點擊查看大圖wx.previewImage 我們在moviecard模板中加入點擊事

原创 Angular最新教程-第一節環境搭建和新建項目

步驟一:安裝開發環境 在開始學習angular之前,我們要先設置好開發環境。 一般現在的的開發環境基本上都是nodejs, 因爲基本上都有使用了nodejs的npm管理和安裝依賴包。 如果你的電腦上已經安裝過nodejs,那

原创 全棧工程師之路-中級篇之小程序開發-入門教程完結報告

首先,說說小程序開發的完結,基本上的東西,在我們前面的章節中,都已經提到過了。 我覺得掌握這些內容,足夠你開始開發小程序了。 接下來,就要我們根據實際的項目需求去實現了, 如果遇到教程中沒有提到的東西,可以查閱官方的API, 也可

原创 全棧工程師之路-中級篇之小程序開發-第二章第五節小程序中的Promise

上一節課最後,我們遇到了一個警告。 說我們太過頻繁的調用serData了,因爲我們這個頁面的三部分數據是通過三個接口獲取的。 所以我們分別在三個接口返回的時候調用了數據綁定。 但是過於頻繁的調用setData很容易引起性能問題。 要理解

原创 全棧工程師之路-中級篇之小程序開發-第二章第一節小程序的模板-評分星星模板

本章我們將以一個實戰項目爲主要內容,穿插講解小程序的各種概念。 因爲沒有UI和後端,所以,我們這裏使用豆瓣電影的API和小程序豆瓣評分作爲學習材料。 最終我們將會完成一個類似下圖的小程序。(大家可以搜索小程序,豆瓣評分,線上已經有了。)

原创 全棧工程師之路-中級篇之小程序開發-第二章第四節小程序http請求與請求本地json文件

上一節課,我們已經基本完成了,首頁的界面編寫。 邏輯暫時不理會。 但是我們用於展示頁面綁定的是我們本地的假數據。 接下來我們就來獲取真正的數據來展示頁面。 請跳過劃線部分。。。。。 綁定假數據編寫頁面算是前段最早做的一件事情吧。 特別是在

原创 Angular最新教程-第二節使用git、svn和碼雲做版本控制

上一節課我們已經創建了一個新的項目, 這節課我們瞭解一下如何創建碼雲(https://git.oschina.net/)管理我們的代碼。 在工作中,不管是自己一個人開發,還是團隊開發,都會涉及到版本控制。 比較常用的版本控制

原创 全棧工程師之路-中級篇之小程序開發-第三章第三節正在加載,loading狀態

繼前一篇文章,我們已經實現了小程序中的上拉加載和下拉刷新, 如果用戶網絡較差的情況下,或者服務端返回處理較慢的情況下, 那麼我們的頁面在這段時間內沒有等待提示。 或者服務端返回數據之後,我們的頁面又好像突然之間出現的, 這

原创 全棧工程師之路-中級篇之小程序開發-第二章第六節tabBar詳細說明

首先我們新建一個界面,還記得新建界面的快捷方式嗎? 在app.json的pages裏面,新增”pages/user/user” 即 "pages":[ "pages/index/index", "page