原创 從蘋果官網學到的炫彩文字技術

今天逛了一把蘋果官網,準備買點東西,翻着翻着不由地讚歎蘋果的UI和交互,多年不寫文章的我,現在難得說出多麼絢麗的辭藻,反正就一個字,好看! 就這種文字效果,你就說牛不牛通? 作爲一名對視覺要求很高的前端,怎麼能沒有一點職業敏感度呢🤣?這個

原创 微信小程序橫屏狀態下的自適應實踐(尺寸單位vmin)

1. 小程序橫屏 在目標頁面json文件裏設置"pageOrientation": "landscape"即可實現全屏,這個參數默認是"portrait"(豎屏),設置"auto"表示跟隨手機系統自動轉換。 需要注意的是,設爲橫屏後,rpx

原创 微信小程序實現computed計算屬性

上篇博客講了小程序實現watch機制,這篇介紹如何實現computed計算屬性。 小程序的計算屬性和Vue.js的不太一樣——小程序在.wxml(不是.js)文件中定義(其實是借用wxs標籤實現的): <view class="contai

原创 微信小程序實現watch監聽

Vue.js裏有watch監聽機制,很適合“一處改變,多處影響”的場景,在開發小程序的過程中,自然也會遇到這樣的場景,下面介紹如何在小程序中實現watch監聽。 1. 定義watch.js 在根目錄(miniprogram)下創建watch

原创 叮咚買菜內推啦!

叮咚買菜,生鮮賽道上的一匹黑馬,誠邀屏幕前的你一同加入,打造更強大的互聯網+生鮮服務。 文章下方評論留言或郵件聯繫我進入內推渠道:[email protected] 具體職位JD(不限以下職位,更多請留言諮詢): 運維工程師(高級&資深

原创 Node基礎入門(一):起步

Node最近幾年特別火爆,作爲一門用js開發的後端語言,Java和PHP能實現的功能,Node同樣可以實現,並且在某些方面還能做的更好,而且對於前端開發者來講,學習Node也更加容易。Node可以幫助前端開發者樹立大局觀,能更全面地掌握整個

原创 【九】Vuex初始化

關於專題【vue開發音樂App】 Vuex是一個專爲Vue.js應用程序開發的狀態管理模式。 它可以輕而易舉地處理多個頁面或多個組件共享一個狀態(數據)的情況,包括: 多個視圖依賴於同一狀態 來自不同視圖的行爲需要變更同一狀態 Vuex

原创 【十一】數組洗牌函數

關於專題【vue開發音樂App】 如何優雅地將一個數組打亂?打亂意味着要隨機、沒有任何規律,就像洗牌那樣,所以用Math.random()生成隨機數是個可取的方法。shuffer()有可能在日常開發中使用,所以我們可以歸納到公用的js中去,

原创 實現張鑫旭博客的程序示例效果

前端開發者應該都知道張鑫旭老師以及他的鑫空間鑫生活博客,在業界實在是太有名了,我在大學第一次發現這個博客的時候簡直就像哥倫布發現了新大陸一樣,如獲至寶。參加工作後也經常會去拜讀研究,可以說我和很多人一樣都是看着他的博客“長大”的。 張老師的

原创 Node基礎入門(三):數據交互

上一篇《Node基礎入門(二):模塊》 數據是以報文爲載體在瀏覽器與服務器之間傳輸的,報文(message)是網絡中交換與傳輸的數據單元,即站點一次性要發送的數據塊,它由三個部分組成: 起始行:報文的第一行就是起始行。請求報文的起始行

原创 【八】listview組件

關於專題【vue開發音樂App】 何爲listview?簡單來說就是類似於我們手機自帶的通訊錄列表、音樂APP的歌手列表、外賣APP的分類菜單……,本文介紹的listview組件具備以下特性: 列表數據按照一定的分組依據(如熱門、A、B、

原创 Node基礎入門(二):模塊

上一篇《Node基礎入門(一):起步》 一、全局模塊 1. 定義:何時何地都能使用,不需要引入; 2. process.env:環境變量,執行Node命令console.log(process.env) ,類似於電腦的系統變量 : 3.

原创 Node基礎入門(四):案例

上一篇《Node基礎入門(三):數據交互》 用以上所學知識開發一個登錄/註冊的程序。 一、需求分析 輸入賬戶和密碼,點擊登錄,查詢數據庫是否有該賬戶,有則繼續檢查密碼是否正確,不正確則提示“密碼錯誤”,正確則登錄成功,跳轉後臺頁面,無該賬

原创 【十】環形進度條組件

關於專題【vue開發音樂App】 本篇介紹底部快捷控件的環形進度條的實現方法:通過svg繪製兩個環,線條模糊的環作爲背景、線條明亮的環根據傳入的百分比繪製相應長度(即進度)。該組件同樣屬於基礎組件,在src/base/progress-c