glance

• To-do list

  做完請直接用 ~~to-do blah~~ : to-do blah 加上刪除線

  1. displine image

     • 加上標籤
     • 中間放百分比

  2. POS tag image

     • 改配色
     • 浮出

  3. one-column

  4. position image

     • x 軸 value 不對
     • 改標籤
     • 改顏色（移過去換色?）

  5. polarity

     • 換顏色
     • 改標籤位置

  6. responsive layout

     • 大螢幕要設定 max-width or 給固定長度
     • 現在平板會爆炸

  7. 功能

     • auto-complete
     • (Low priority) 字源，使用時間
     • (Low priority) 呈現字的難易度
     • (Low priority) (進階版) visualize auto-completion (cloud?)
     • (critical) Hello page

  8. 後端

     • (critical) 解決 heroku 啟動時的 delay 問題
     • (critical)將一部分資料搬到 mongo lab (壓縮到 500 MB 以下？)

---

system

所有前端的檔案都放在/app/ 下面的相對位置都是以/app為根目錄標示的

• flask template: template/
• flask statistic file statistic/

/template/index.html

最小單位的區塊長這樣 其中col-lg-12代表在大螢幕裝置上這個區塊的寬度就是12個單位, 以glance來說就是單欄顯示 最裡面的div就是裝每個module的地方, 可以用底下的loadTemplate把資料裝進去

    <div class="row marketing plot-module">
        <div class="col-lg-12">
            <h4>Definition</h4>
            <div id="wordDefinition">

            </div>

        </div>
    </div>

/scripts/main.js

所有的js檔都先放在這裡面

Functions

fetchData( qWord )

user輸入一個字之後, 會啟動這隻function 所以只要把你寫好的function在這隻call就好了

loadTemplate( templateName, data, entry )

這個檔案會讀取template檔(語法是用鬍子先生mustache, 底層是handlebar), 然後把render好的html檔讀到entry裡面

template path

記得要把template擺在

/hb-tempate/<template name>    

並且副檔名是.tpl templateName這個參數就是傳.tpl之前的檔案名稱(不包括副檔名)

鬍子先生的語法可以參考

handlebar.js

---

Written with StackEdit.