楊侑宸 HTML_CSS_Javascript_Java_Python

物件導向設計OOP=Object-Oriented Programming 主詞subject受詞object東方的oriental id=identity,身分證id card, division區塊,段落 楊侑宸執行 期中考心得將以前的重點貼上 Spyder（前身為Pydee）是一個使用Python語言的開放原始碼跨平台科學運算整合開發環境IDE。Spyder整合了NumPy，SciPy，Matplotlib與IPython，以及其他開源軟體。 期中考前使用SPYDER開發環境，期中考後使用微軟公司提供的VS CODE python的append=javascript的push，接下的重python例如用在office軟體的各種自動化.. 還有一個重點是物件導向object-oriented programming JAVASCRIPT的字典 dict =new Map([["2303","聯電"],["2330","台積電"],["2880","華南金"],['AAPL','蘋果公司'],['C','花旗銀行'],['T','美國電話電報']]);//宣告配對(字典) PYTHON的字典 dict ={"2303":"聯電","2330":"台積電","2880":"華南金",'AAPL':'蘋果公司','C':'花旗銀行','T','美國電話電報'}

利用w3schools練習的python指令 animal = ["豬", "牛", "羊", '貓'] #python語言的註解comments x = animal.copy() print(animal) x.reverse() #將x反轉reverse print(x) animal.append('狗') print(animal) y = animal.copy() y.reverse() #將x反轉reverse print(y) Python 說明或範例JavaScript len() len(list) # 串列 list 長度 list.length; append() list.append(’ 加元素’) list.push(’ 加元素’) clear() list.clear() # 移除所有元素 copy() a = list.copy() # 拷貝至新串列 a count() list.clear() # 移除所有元素 list.count(’ 豬頭’) #list=[’ 豬頭’,...]? extend() list.extend([’ 豬頭’,’ 狗屎’])# 合併 (延伸) 串列 a=list.concat([’ 豬頭’,’ 狗屎’]) index() insert() list.index(’ 豬頭’) # 元素第一次出現的位置 0, 1, 2... list.indexOf(’ 豬頭’) list.insert(k,’ 豬頭’)# 位置 k 前插入元素’ 豬頭’ pop() list.pop(k) # 移除位置 k 元素 remove() list.remove(’ 豬頭’) # 移除第一次出現的’ 豬頭’ reverse() list.reverse()# 將元素次序反轉 list.slice(k,k + 1) list.reverse() sor...

EMBED嵌入影片522 期中考筆試重點 SELECTOR{用在多個元素},SPAN拇指與小指的距離,一小段,一小段的文字 UL=UNDERER LIST, OL=ORDERED LIST, LI=LIST push推,美國餐廳放置餐盤的架子下面是彈簧,取盤子pop,放入盤子push append附加在後面, appendix書本的附錄 大括號{ }CURLY BRACKET, CURLY捲,用於PYTHON集合 中括號[ ]SQUARE BRACKET, SQUARE方形,用於PYTHON串列 小括號( )CIRCLE BRACKET, CIRCLE圓,用於PYTHON元組 角括號<>CORNER BRACKET,不能直接打角括號,因為它們是HTML命令,需用&符號接LT(小於Less Then)再分號; 圓周CIRCUMFERENCE, 直徑DIAMETER, 半徑RADIUS BORDER邊界, SOLID實心, PX=PIXEL點 PYTHON與JAVASCRIPT命令的對照,PYTHON必須透過編輯器或雲端伺服器(例如GOOGLE COLAB)執行,JAVASCRIPT可以直接在瀏覽器CHROME或EDGE執行 PYTHON指令len(串列)對比JAVASCRIPT串列.length; PYTHON指令串列.append(新增)對比JAVASCRIPT串列.push(新增); 按鈕BUTTON按下去的事件ONCLICK 按鈕BUTTON push 以上程式碼在html模式貼在最下面 <BUTTON ONCLICK='ABC()'>按鈕BUTTON按下去的事件ONCLICK</BUTTON> <BUTTON ONCLICK='XYZ()'>按鈕BUTTON push</BUTTON> <P ID='SHOW'></P> <SCRIPT> banks=['摩根大通','美國銀行','中國工商','富國銀行']; function ABC()   { //javascript註解//python註解# //python使用內縮固定字...

全球市場價值最大的銀行 按鈕PUSH增加 按鈕POP執行自訂函數kill 按鈕POP執行kill呼叫其他函數 CSS也可以in-line 以上javascript與html與css程式碼 <STYLE>BUTTON{COLOR:WHITE;BORDER-RADIUS:20PX;}H1{COLOR:WHITE;BACKGROUND-COLOR:BLACK;TEXT-ALIGN:CENTER;PADDING:5PX;}</STYLE> <button onclick="ABC()">全球市場價值最大的銀行</button> <button onclick="XYZ()">按鈕PUSH增加</button> <button onclick="kill()">按鈕POP執行自訂函數kill</button> <button onclick="kill_SHOW()">按鈕POP執行kill呼叫其他函數</button> <P id="SHOW" style="BACKGROUND-COLOR:PINK; FONT-SIZE:24PX;"></P> CSS也可以in-line <script> banks=['摩根大通','美國銀行','中國工商銀行','富國銀行','匯豐銀行','巴黎銀行']; function ABC()  { let x = '';//定義字串x內容空白 for (let i in banks)//javascript for loop () python不需要     { x += banks[i] + '<BR>';} //x後面加上banks[0]....<> document.getElementById('SHOW').innerHTML = x;} function XYZ(...

SPYDER程式碼 程式碼 from tkinter import * #從函式庫 tkinter 輸入所有 * 方法 banks=['摩根大通','美國銀行','中國工商','富國銀行','匯豐銀行','巴黎銀行'] def ABC(): #畫圖 define自訂函數 global b1 #宣告b1是廣域GLOBAL變數,其他函數也可使用 txt = '' for i in range(len(banks)): txt += banks[i] + ' ' b1=Label(canvas,text=txt,font='Arial 20 bold') b1.pack(side=TOP) def XYZ(): #清除視窗的all所有canvas圖 banks.append('三菱銀行') banks.append('台灣銀行') ABC()#結束XYZ之前給它顯示 def kill(): b1.pack_forget() tk = Tk() tk.title("賴青德python建立tkinter視窗使用者介面") #也可以定義視窗名為 window, root課本都如此習慣 canvas = Canvas(tk, width=400, height=400) canvas.pack() btn1 = Button(tk, text="賴青德銀行", command = ABC, bg='black',fg='white').pack(side=LEFT) btn2 = Button(tk, text="賴青德增加", command = XYZ).pack(side=LEFT) btn3 = Button(tk, text="賴青德刪除", command = kill).pack(side=LEFT) tk.mainloop() 534影片用標題二...

PYTHON程式碼放入SPYDER執行 from tkinter import * #從函式庫 tkinter 輸入所有 * 方法 banks=['摩根大通','美國銀行','中國工商','富國銀行','匯豐銀行','巴黎銀行'] def ABC(): #畫圖 define自訂函數 global b1 #宣告b1是廣域GLOBAL變數,其他函數也可使用 txt = '' for i in range(len(banks)): txt += banks[i] + ' ' b1=Label(canvas,text=txt,font='Arial 20 bold') b1.pack(side=TOP) def XYZ(): #清除視窗的all所有canvas圖 banks.append(bank.get())#得到bank變數 ABC()#結束XYZ之前給它顯示 def kill(): banks.pop()#pop()移除banks串列的最後一個元素 ABC() tk = Tk()#建構視窗名為tk global bank#宣告廣域變數bank,local是global相反 bank = StringVar(tk)#bank視窗tk變數 tk.title("老猴王python建立tkinter視窗使用者介面") #也可以定義視窗名為 window, root課本都如此習慣 canvas = Canvas(tk, width=400, height=400) canvas.pack() btn1 = Button(tk, text="列出銀行", command = ABC, bg='black',fg='white').pack(side=LEFT) btn2 = Button(tk, text="增加", command = XYZ, fg='blue').pack(side=LEFT) b...

楊侑宸JAVASCRIPT不需要如PYTHON輸入TKINTER因為已經在視窗執行 楊侑宸增加 楊侑宸銀行 刪除串列的最後一個元素 重點 python的append=javascript的push，接下的重python例如用在office軟體的各種自動化.. 還有一個重點是物件導向object-oriented programming style程式碼 <STYLE> BUTTON{BORDER:10PX SOLD RED;BORDER-RADIUS:20PX;} H1{BORDER:10PX SOLD RED;BORDER-RADIUS:20PX;BACKGROUND:PURPLE;COLOR:WHITE;FONT-SIZE:16PX;}   </STYLE> 以上程式碼在HTML模式貼上 在撰寫模式下貼上程式碼就形成以下的畫面 <SCRIPT> var banks=['摩根大通','美國銀行','中國工商','花旗銀行']; function ABC(){ var c = document.getElementById("myCanvas"); var ctx = c.getContext("2d"); txt = ''; ctx.clearRect(0, 0, 600, 300); for (i=0; i<banks.length; i++) txt += banks[i]+' '; ctx.font = "20px 標楷體"; ctx.fillText(txt,0,40); } function XYZ(){  newbank = document.getElementById('bank').value;     banks.push(newbank);     ABC(); } function kill(){  banks.pop();     ABC(); } </SCRIPT> <INPUT ID='bank' value='劉任昌金庫'></INPU...

到「程式交易040」下載檔案，然後拷貝程式碼，貼到spyder，另存新檔案abc.py但一定要和下載的檔案同一目錄。 電腦學過HTML, CSS(控制網頁的樣式style), Javascript, Python import csv#劉任昌python #輸入csv套件comma separated value file = open('SPY.CSV','r') #打開下載的檔案SPY.CSV,模式是r讀取, csvreader = csv.reader(file) #將檔案讀入變數csvreader header, rows = [], [] #宣告空白串列(陣列,清單) header = next(csvreader) #串列header儲存檔案第一列 for row in csvreader: #檔案接續逐列附加append於rows串列 rows.append(row) file.close() #關閉檔案 print(header) print('劉任昌分析資料數目'+str(len(rows))) 參考的線內css指令 <pre style='border: 3px double blue'> double也可以使用其他實心solid點線dotted虛線dashed

2330 股數 100 2880 股數 1000 物件導向程式設計 Javascript指令new Constructor產生新的instance案例 s1.shares.toString()=案例sa的屬性shares內建方法toString()轉成字串，原來的數字被轉成字串string 才可以和其他字串相加 w3schools練習

SPXL、SPUU、SPY、SPDN、SDS、SPXU 標普500ETF一天走勢 標普500ETF五年走勢 教學影片070