原创 將 JSON 數據格式輸出至頁面上

JSON 是一種輕量級的數據交換格式,它有鍵值對集合(js 中的對象)和數組兩種結構。JSON是一個通用的格式,在前後端語言中都能跟該 JSON 打交道。 有時候我們需要將 JSON 格式輸入至頁面展示的需求,其中還需要保持一定的索引,那麼

原创 從搭建到部署,快速構建一個私人博客

有時候我們希望有一個受控的博客,來記錄或分享一些東西。這個博客的主題內容由你自己來決定,可以是技術分享(編程、漢化分享等),也可以是生活感想。 本文將介紹一個可以迅速搭建並部署的受控博客。閱讀本文前,希望你對以下知識點有所瞭解: git

原创 從零開始配置前端開發環境

前段時間更換了設備,正好趁着這個機會來記錄一下適合前端開發的一個環境,以及推薦提高效率的應用。 基礎環境 Node.js 是JavaScript運行時,目前前端工程化必不可缺的一個環境。通常我們會選擇穩定版本(LTS)進行下載。 NPM 是

原创 在本地測試微信登錄

在做微信登錄的時候,希望能在本地能夠測試登錄。這裏使用的是微信開放平臺的網站應用微信登錄, 與微信公衆平臺不同,微信開放平臺並沒有提供測試號的服務,因此在調試起來會十分的麻煩。比較傳統的方法就是部署上測試服務器上專門先測試這一個接口。但從流

原创 [UI組件] 來做一個可配置的滑塊進度條吧

在一些需要用戶填寫資料的業務場景中,有時會讓用戶選擇某個業務的範圍,這時就需要用到滑塊進度條。然後你們最愛的產品經理會說,給我整一個顏色可控,滑塊按鈕可大可小,滑塊邊框也要可大可小的滑動條來.. emmm,一看這樣的設計需求就意味着小程序原

原创 在微信小程序中保存網絡圖片

微信代碼片段點這裏, 該功能需要添加appid才能進行正常的測試。 在小程序的文檔中我們得知,wx.saveImageToPhotosAlbum 是用來保存圖片到相冊的。 但是仔細一看會發現這個接口的filePath參數只接受臨時文件路

原创 小程序的項目結構設計

簡要認識小程序開發 其中小程序的構成是由.wxml、.wxss、.js、.json四種類型構成(下文將簡稱爲四類文件)。其開發方式跟傳統網頁開發是十分類似的。 .wxml模板文件對應爲傳統網頁開發的.html文件,是一個頁面(組件)的骨