放棄一切錯誤的方法，從今天開始「刻意練習」， 因為這是最強大的，也是唯一正確的學習方法。—《刻意練習》
作為一名產品經理，每天都要和技術打交道，技術知識總是抽象又複雜的。如何能更好的理解技術術語及領域知識是我們要學習的。那些技術們用ppt可以做到的效果，我們用Axure也可以嘗試實現。接下來，我們開始練習吧
深度遍歷、棧簡介
用Axure實現之前，我們先來學習下深度遍歷和棧的知識：
深度遍歷：深度優先遍歷 沿著樹的深度遍歷結點,儘可能深的搜索樹的分支。如果當前的節點所在的邊都被搜索過,就回溯到當前節點所在的那條邊的起始節點。一直重複直到進行到發現源節點所有可達的節點為止。 棧：是一種線性存儲結構，它具有如下特點：棧中的數據元素遵守」後進先出」。限定只能在棧頂進行插入和刪除操作。
前期準備
軟體：Axure 9.0硬體：Windows/Mac電腦需求分析：
預期效果
深度遍歷：二叉樹節點從1-10個節點依次遍歷（閃爍）直到10（最後一個節點）停止遍歷。棧：數據元素A-E依次進棧，最後進棧的元素排在棧頂，最先進入的排在棧底。
教程
1. 深度遍歷
拉取圓形和直線元件組成二叉樹，給每個圓形元件命名並調整樣式如下：
製作交互效果，讓二叉樹節點從1-10依次閃爍，完成。
2. 棧
拖動矩形元件，設置樣式隱藏上邊框可見，如圖：
拖動動態面板元件命名zhan，右鍵勾選自適應內容。
雙擊進入動態面板，添加5種狀態並命名。
分別設置每個狀態內元件如下圖（移動參數根據棧長度自行調節）。
A狀態：當前A設置在棧頂位置，通過移動到達棧底，對元件A設置交互效果。
B狀態：當前A已進棧，元件B處在棧頂，頁面載入時通過移動到達元件A上方。
C狀態：當前A、B已進棧，元件C處在棧頂，頁面載入時通過移動到達元件B上方。
D狀態：當前A、B、C已進棧，D處在棧頂，頁面載入時通過移動到達元件C上方。
E狀態：A、B、C、D已進棧，E處在棧頂，頁面載入時通過移動到達元件D上方。
結語
以上實現比較簡單，大家還可以想下有沒有其他方法。
當我們打算臨摹或者實現某種效果時，實現的方法並非一種，但是實現思路可以概括為以下內容：
今天的這裡就結束了，第一次寫文章請多多指教。
本文由 @藍汐 原創發布於人人都是產品經理。未經許可，禁止轉載！
題圖來自Unsplash，基於CC0協議