---
# System prepended metadata

title: JavaScript 網頁全端

---

# 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)