博文

目前显示的是 十一月, 2023的博文

范雅惠VS Code俄羅斯方塊

图片
339 340 學習心得 之前用STYLE區塊,現在獨立一個STYLE.CSS檔案。 之前用SCRIPT,現在獨立一個SCRIPT.JS檔案。 JS程式碼 let canvas = document.getElementById("tetris"); let scoreboard = document.getElementById("score"); let ctx = canvas.getContext("2d"); ctx.scale(30,30); const FOUR = [ //設定 [[0,1,0,0],[0,1,0,0],[0,1,0,0],[0,1,0,0]],//I紅 [[0,1,0], [0,1,0], [1,1,0]], //J橘 [[0,1,0], [0,1,0], [0,1,1]], //L黃 [[1,1,0], [0,1,1], [0,0,0]], //Z綠 [[0,1,1], [1,1,0], [0,0,0]], //S藍 [[1,1,1], [0,1,0], [0,0,0]], //T靛 [[1,1], [1,1],]]; //M紫,正方形,以上共7個 const COLORS = [ "lightgray","red","orange","yellow","darkgreen","blue","indigo","purple"]; const ROWS = 20; //列數ROWS const COLS = 10; //欄數COLumnS let grid = generateGrid(); //呼叫函數產生20x10格子

范雅惠VSCode編輯HTML,CSS,JS俄羅斯方塊

图片
335影片 改寫自印度程式設計師 w3schools學習二維振列JavaScript Arrays

范雅惠VScode,HTML檔案,CSS檔案,JS檔案

图片

范雅惠VS code編輯網頁程式html,css,javascript

图片
Visual Studio Code(簡稱 VS Code)是一款由微軟開發且跨平台的免費原始碼編輯器[7]。該軟體以擴充元件的方式支援語法突顯、程式碼自動補全(又稱 IntelliSense)、程式碼重構功能,並且內建了命令列工具和 Git 版本控制系統[8]。使用者可以更改佈景主題和鍵盤捷徑實現個人化設定,也可以透過內建的擴充元件程式商店安裝其他擴充元件以加強軟體功能。 VS Code 使用 Monaco Editor 作為其底層的程式碼編輯器。[9] Visual Studio Code 的原始碼以 MIT授權條款在 GitHub 上釋出[5],而可執行檔使用了專門的授權條款[6]。 微軟在2015年4月29日舉辦的 Build 2015大會上公布了 Visual Studio Code 的開發計劃;同日,其預覽版本釋出[10]。2015年11月18日,Visual Studio Code 在 GitHub 上開源,同時宣佈將支援擴展功能[11]。2016年4月14日,Visual Studio Code 正式版發佈[12]。 在2019年的 Stack Overflow 組織的開發者調查中,Visual Studio Code 被認為是最受開發者歡迎的開發環境。據調查,87317名受訪者中有50.7%的受訪者聲稱正在使用 Visual Studio Code[13]。 Ctrl+Shift+L一樣的全選 Ctrl+放大 Ctrl-縮小