# JavaScript 網頁全端 [TOC] --- ## VSCODE :link: [酷東西 Power Mode](https://marketplace.visualstudio.com/items?itemName=hoovercj.vscode-power-mode) ![](https://github.com/hoovercj/vscode-power-mode/raw/master/images/demo-presets-particles.gif) ## JavaScript :link:[【JavaScript】JS地下城-9F-抽獎轉盤](https://blog.hanlee.co/) ![](https://blog.hanlee.co/wp-content/uploads/2019/10/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88-2019-10-02-23.46.48-1024x648.png) ## electron.js >![](https://i.imgur.com/yJfph06.png =50%x) >:::info >:link: [在 electron APP 中使用 vue](https://hackmd.io/@c36ICNyhQE6-iTXKxoIocg/S1QWFxD88) >:link: [利用 electron.js 建立桌面 APP ( Windows )](https://hackmd.io/YJIDUOGZQO-Uw9f5Dd9Frg) >:link: [試用 Electron 的心得](https://blog.wildsky.cc/posts/electron/) >:link: [使用Bootstrap、Electron和JavaScript開發桌面應用](https://www.itread01.com/content/1550725115.html) >::: --- ## vue.js --- ## v-charts.js >:::info >:link:[圖表](https://v-charts.js.org/#/line) >::: --- ## bootstrap >![](https://i.imgur.com/wiJ6IZw.png =50%x) >:::info >:link: [在 electron 中使用 bootstrap](https://www.itread01.com/content/1541444285.html) >::: --- ## [BootstrapVue](https://bootstrap-vue.org/) >![](https://i.imgur.com/W6BH42q.png =50%x) --- ## mysql >:::info >:link: [掌握Python連結MySQL資料庫的重要操作](https://www.learncodewithmike.com/2020/02/python-mysql.html) >::: ## another infomation >:::info >:link: [w3schools](https://www.w3schools.com/sql/default.asp) >::: > >### VSCode 縮排 alt + shift + f --- ## LINE_BOT ### DEMO :link:[LINE塔羅APP](https://www.appbank.net/2013/04/18/iphone-application/585962.php) ![](https://lineofficial.blogimg.jp/ja/imgs/f/3/f391e0fb.jpg) :link:[美食地圖](https://www.learncodewithmike.com/2020/07/line-bot-buttons-template-message.html) ![](https://1.bp.blogspot.com/-IcBc7an6_DQ/XwrvK_bdzaI/AAAAAAAADhM/MEkIkwpWtXASH9GDNOXArtL073LPXDwCgCLcBGAsYHQ/w298-h640/line_bot_buttons_template_message.jpg) ### Rich Menu :link:[用LINE bot api建立line@圖文選單](https://medium.com/front-end-augustus-study-notes/line-bot-rich-menu-aa5fa67ac6ae) ![](https://miro.medium.com/max/875/1*kHT7xaKIWhKIOulb6BHwWg.jpeg =40%x) ### Flex Message :link:[LINE BotでFlex Messageを使ってみる（Python編）](https://qiita.com/bowtin/items/475fafe7d79f08231e05) :link:[Line Bot 機器人 一次呼叫兩個模板](https://aishuafei.com/line-bot-call-two-templates/) :link:[LINEBOT使用配置檔(config.ini)](https://ithelp.ithome.com.tw/articles/10217767) :link:[LineBot+Python，輕鬆建立聊天機器人](https://blackmaple.me/line-bot-tutorial/) ### Heroku :link:[使用 Flask 框架開發 Line Bot](https://missterhao.me/2018/02/18/) :link: [教你如何部署Python網頁爬蟲至Heroku雲端平台](https://www.learncodewithmike.com/2020/08/deploy-python-scraper-to-heroku.html) :link: [如何使用 Heroku 部屬一個 Web App 網頁應用程式](https://blog.techbridge.cc/2020/03/08/how-to-use-heroku-to-deploy-clear-mysql-db-web-app-tutorial/) :link: [第 15 天：LINE BOT SDK：Heroku Postgres 資料庫](https://ithelp.ithome.com.tw/articles/10219773) Heroku 連結 ClearDB 目前問題 Heroku 連結 ClearDB 會出現 **"Connect Error (2003) Can't connect to MySQL Server on '' (111)"** 不知道解法 ### image :link:[Mammals - Flat icon set](https://www.iconfinder.com/iconsets/mammals-flat)