Kite的筆記

1. 什麼是 API?

應用程式介面（英語：Application Programming Interface)

想像API是服務員，你來到了餐廳，看了菜單(API Doc)，點了你想要的項目(Request)。經過廚師的努力(Server)，服務員將菜端出來(response)給你。

格線系統

container-fluid 滿版容器
container 定寬容器

手機、平板以上
col-12 col-md-3

平板直向md
平板橫向lg
桌機xl

不想管幾欄 就寫class=”col”
自動欄寬 col

col-4 ，如果有6個div 會自己換行
w-100 h-100

breakpoint
用時寫sm 與md ，優先序是md會蓋掉sm

col-12 col-md-4 col-lg-3 col-xxl-2
這個寫法用在col 上

另一種寫法寫在row
row row-cols-md-3 row-cols-lg-4 row-cols-xl-6
欄位間距
g-5

垂直居中
justify-content-center
align-items-center
col-8 col-md-6

height:98vh – > vh 是什麼?
background-size:cover; –> 是什麼?
mb4

格線距離的控制

圖片與寬高尺寸控制
class img-fluid 滿版圖片
css max-width:100%
w-100 與 max-width:100%

共用項目margin padding

卡片組件
.amos-card-img{
width:100%;
height:100%;
object-fit:cover;
}

1. git 20道題目

1. 反射型
2. 存儲型
3. DOM-Based型

1. XSS的防範

對輸入進行過濾
對輸出進行編碼
Cookie 設置 http-only

2. 相關參考

XSS原理和攻防
Google XSS Game

上課筆記

1. 整數除法

1
2

print(7//3)
#2

2. 平方

1
2

print(2**4)
#16

3. 字串換行

1
2
3
4

print("""Hi,
How are you?
I'm fine.""")
#How are you?

4. 開根號

1
2

print(64**0.5)
#8.0

5. 3次方根

1
2

print(pow(8,1/3))
#2.0

6. LIST

6.1. length

1
2
3

fruits =["apple","orange","Guava"]
print(len(fruits))
#3

6.2. how to list remove range

1
2
3
4
5
6
7
8
9
10
11
12

fruits =["apple","orange","Guava"]
fruits[:2] = []
print(fruits)

#==result==
#['Guava']

```python
### how to set nested list

```python=
[[1,2,3],[4,5,6]]

7. what’s differnect list vs tuple ?

不能修改值

8. collections

1
2

collection_1 = {1,2,3}
collection_2 = {2,3,4}

8.1. 交集

1
2

print(collection_1 & collection_2)
#{2, 3}

8.2. 聯集

1
2

print(collection_1 | collection_2)
#{1, 2, 3, 4}

8.3. 差集

1
2

print(collection_1 - collection_2)
#{1}

8.4. 反交集

1
2

print(collection_1 ^ collection_2)
#{1, 4}

8.5. IN

1
2

print(2 in {1,2,3})
#True

9. string to list

1
2
3
4
5
6
7
8

name = "kite"*2
print(name)
name = set("kite"*2)
print(name)

#==result==
#kitekite
#{'i', 'e', 'k', 't'}

10. 從列表的資料產生字典

1
2
3
4

dic = { x:x*2 for x in[3,4,5] }
print(dic)
#==result==
#{3: 6, 4: 8, 5: 10}

11. 函式不定參數

1
2
3
4
5
6
7
8

def avg(*nums):
    sum = 0
    for num in nums:
        sum = sum + num
    return sum/len(nums)

print(avg(4,8))

12. 模組的概念

sys.path.append(“modules”)
sys.path

封包的設計與使用
專案檔案配置

• 專案資料夾
• 封包資料夾
  • init.py
    • 模組一.py
    • 模組二.py

import 封包名稱.模組名稱

13. 檔案操作

1
2
3

with open("config.json",mode="r") as file:
    data = json.load(file)
print(data)

1
2
3
4
5

import json
with open("config.json",mode="w") as file:
    data = json.load(file)
    data["name"] = "kite"
    json.dump(data,file)

14. 隨機數

1
2
3
4
5
6
7
8
9
10
11
12

import random
random.choice([0,1,5,8])
random.sample([0,1,5,8],2)
data = [0,1,5,8]
#洗牌
random.shuffle(data)
print(data)
#隨機數
random.random()
random.uniform(0.0,1.0)
#常態分配
random.normalvariate(100,10)

15. 平均數

1
2

import statistics
statistics.mean([1,4,6,9])

16. 中位數

1
2

import statistics
statistics.median([1,4,6,9])

17. 標準差

1
2
3

import statistics
#標準差 資料散部的狀況，資料間有沒有落差很大
statistics.stdev([1,4,6,9])

1. windows python install

• 直接去官網下載windows 版本安裝
• 檢查安裝是否成功

1

python --version

1. 前言

前端開發人員寫 JS 遇到需要串接第三方 API，或是想存取第三方網站的資料時，遲早會遇到跨域限制的問題。

1. 在 patterns & practices Developer Center簡單歸納出三個步驟防止SQL injection：

1. Constrain input.
2. Use parameters with stored procedures.
3. Use parameters with dynamic SQL.

1. 攻擊手段

利用使用者已經登入過A系統之後，在B系統上偽造請求去做壞事情。比如影片中舉的例子轉帳金額跟對象參數偽造。