Quanist 生活趣

填完DS160表格後，就要繳費並面試了，建立基本資料並付款連結： https://cgifederal.secure.force.com/SiteRegister?country=Taiwan&language=zh_TW 問題 但我目前遇到的問題都是，每次辦完帳號登入，都會直接跳到阿爾及利亞 (Algeria)的網頁。 後來發現，應該是在辦帳號時國家選錯。 為了解決這個問題，我又去辦了電子郵件重新申請繳費帳號，但是系統要求將兩個帳號合併，還要上傳護照資料頁。 送出護照資料頁等大概1小時就完成帳戶合併，並且可以預約面試了。

要去美國玩，可以辦ESTA就好，但是去念書可能就要辦美簽。 最近辦了B1/B2簽證，DS-160表填寫分享如後。 網址? 首先，要找到填寫DS-160的網站，網址在這 https://ceac.state.gov/GenNIV/Default.aspx 準備資料 護照。 航班資料。 旅館地址、名稱、電話。 5X5簽證用大頭照電子檔。 注意事項 中文名稱有一格要填入CCC碼，可以在這個網站取得： https://www.njstar.com/cms/chinese-commercial-telegraph-code-lookup CCC碼有4位數，每4個號碼中間要用空白鍵隔開。 開始填寫時，過了20分鐘會強迫登出(seession timed out)，記得每個步驟都要存檔。 填寫剛開始時，要記住 Application ID，可以下次登入繼續填寫。 實際填寫起來，每幾分鐘就有可能session timed out一次，比20分鐘短，可能是網路連線有問題。 名字字之間不能用橫線-，用空白隔開。 首頁 條款及安全性問題 個人資料第一頁 個人資料第二頁 旅行資訊頁 跟團嗎? 來過美國嗎?辦過簽證嗎? 住家地址及電話 護照資訊 在美國的聯絡人資料 家人資訊 包括父母及配偶，英文名子給可以到這邊查： https://www.boca.gov.tw/sp-natr-queryresultm-1.html 工作資訊 工作資訊欄位會跟教育資料在同一頁，相當麻煩，因為教育要填國中以上學歷，可能會填很久，建議過去工作填一個，教育資料填一個就先儲存。

我喜歡玩合作冒險的遊戲，最近玩到一款覺得還蠻好玩的，而且很有創意，就是星之卡比-探索發現。 這個遊戲好玩的點在於變身跟多樣的怪物。能夠變身，能使用的招式跟應對不同的情況就會不一樣。 不同的怪物弱點也不一樣。 最重要的事，這個遊戲能雙人合作遊玩 其實，我比較喜歡雙人成行這個遊戲，不過Switch沒有，但是星之卡比也的確給我雙人成行遊戲的感覺。 雙人遊戲分螢幕 最近又買了一款，Starlink: Battle for Atlas，銀河聯軍：阿特拉斯之戰，很好玩、很酷。 會買這款遊戲，是因為看到那隻狐狸，有給人看星際異攻隊的感覺，重點是，這款遊戲是少數Switch支援的分螢幕雙人射擊遊戲，而且是一起破關的。

如何在blogger中加入自訂CSS 在blogger撰寫文章時，往往都會有要美化文章外觀的需求，blogger內建的功能常常也不夠使用，這時候就需要用CSS了，那麼要在blogger使用自訂CSS最主要有兩種方式(如果有別種方式，也歡迎留言分享)，第一種是使用inline css，也就是在html標籤裡直接打上想要的css代碼，另外一種是外掛式css，以下就跟大家分享這兩種方式： inline CSS 外掛式CSS 第一種方式，inline CSS： 首先到blogger文章編輯區。 點選編輯區最左邊有一支筆。 點選 "HTML檢視"。 在任何HTML標籤裡寫入"style = "color:red""。 儲存文章後，開啟，就可以看到剛剛寫的CSS有作用了。 第二種方式，外掛式CSS： 首先到blogger後臺。 點選左邊選項列的" 主題 "，然後點選" 自訂 "。 再來點選" 進階 "。 點選" 網頁文字 "後，卷軸向下滾動，直到找到" 新增CSS " 在下方內容欄中填入CSS程式碼，以使用class為例，寫入以下代碼。 .asd{ color:blue } 儲存文章後，開啟，就可以看到剛剛寫的CSS有作用了。 不夠清楚嗎?沒問題，請參考這部影片： https://www.youtube.com/watch?v=7ZLxRPJYoTI 想知道怎麼在blogger文章中加入程式碼嗎?參考這...

按滑鼠右鍵，建立一個「文字文件」 內容輸入 using System; namespace Test { class Test { public static void Main(string[] args)              {              Console.WriteLine("asd");              Console.ReadLine(); } } } 接續： 將這個文字文件副檔名以 " .cs "儲存。 按右鍵點選「開啟檔案」。 到c/Windows/MicrosoftNET/Framework/v4.30319之後， 開啟 " csc " 這個應用程式。 " csc "會 編譯c#代碼，編譯完成後會在同一個資料夾產生一個同名的應用程式，點選兩下開啟即可執行剛剛寫的C#代碼了。 csc就是「C Sharp compiler(編譯器)」的縮寫， 好奇如何使用「文字文件」編輯html嗎? 參考這篇文章： https://quanistlife.blogspot.com/2022/04/html.html

有寫過javascript的人對於這段javascript程式碼應該不陌生， var asd = document.getElementById('asd'); asd.style.color = 'red'; 這邊的"document"就是一個物件，"getElementById"是這個物件的方法（method），而style就是這個物件的屬性（property）； 那我們要怎麼製作一個物件呢？ 主要有3種方式： 直接宣告 使用函數建構子(function constructors) 使用類別(class) 直接宣告  直接宣告的方式，是使用大括號{}來宣告。  var object = {}  而大括號裡面的內容都是以冒號來宣告，舉例來說 var object = { color:'red' } 上面這個"color"就是"object"的屬性（property），而除了屬性以外，也可以宣告方法 （method） var object = { color:'red', call:function(){ alert('asd'); } } 這邊的"call"是就是"object"的方法（method）；另外要特別注意的是，"color"跟"call"之間適用逗號","隔開的喔。 使用函數建構子(function constructors) 使用函數建構子的時機在於要重複創造類似物件的時候，舉例來說，每輛車子大致上都有4顆輪胎、方向盤、雨刷及煞車，但是每台車都可以有自己的品牌跟顏色。例如，"甲"車，品牌為福特，顏色為白色，"乙"車，品牌為豐田，顏色為黑色，用程式語言表達的話就像是 var 甲 = { 品牌:'...

剛開始學程式語言時，最害怕的還不是一行行抽象的代碼，而是完全不熟悉的開發軟體。 好奇心驅使之下，我開使試著用「文字文件」撰寫HTML代碼，發現其實可以不用開發軟體，例如Visual Studio Code、Atom或是Sublime Text之類的軟體進行網頁設計。 如何做？ 以使用Windows作業系統為例： 桌面按右鍵，新增「文字文件」。 開啟剛建立的「文字文件」，點選左上角「檔案」，然後點選「另存新檔」。 另存新檔視窗下方的「存檔名稱」後面打上".html"的附檔名，然後存檔。 點擊兩下這個html檔案，就會用網頁開啟嘍。 後續... 只要在html檔案上點選右鍵，以文字文件開啟後就能修改程式碼嘍。 好奇如何不用Visual Studio編輯C#嗎? 參考這篇文章： https://quanistlife.blogspot.com/2022/04/visual-studioc.html 不夠清楚嗎?參考這部影片 https://www.youtube.com/watch?v=kh8TL_z6tsY

一行一行的程式碼最後是怎們變成我們看到無論是手機、電腦或是網頁以圖像(GUI,Griphical User Interface)呈現方式的介面呢? HTML標籤 javascript innerHTML AJAX HTML標籤 這是最基礎的方式，舉來來說在HTML文件上直接使用原生HTML標籤(tag)即可 <h1>asd</h1> javascript innerHTML  這種方式是單頁式應用程式(single page application, SPA)，vue或是react主要方式 <script> document.getElementById('display').innerHTML = "<h1>asd</h1>"; </script> AJAX 這種方式可以使用網頁瀏覽器原生的 XMLHttpRequest或是fetch API，這是AngularJS使用呈現內容的方式，這邊介紹 fetch API，另外可以參考 兩種網頁瀏覽器原生AJAX的方式 <script> fetch('目標連結或數據') .then(data => data.text()) .then(data => { document.getElementById('display').innerHTML = data; }) </script> 所以也可以純粹使用javascript呈現網頁，這也是為什麼在用Angular,React或是Vue開發的時候，整個專案都是javascript的原因。

如果要找一個免費的方式架設網架，不妨參考使用GitHub靜態託管網頁的功能。 以下為大家介紹相關流程： 第一步：登入GitHub 第二步：點選右上角" + "，然後按下" New repository " 第三步：進入" Create a new repository "頁面後，在" Repository name "的空格處填入專案名稱，接續點選" Create repository " 第四步：進入專案頁面後，點選" creating a new file " 第五步：檔名取名明" index.html "，內容先隨意寫，做為測試，再來按下" Commit new file " 第六步：點選" Settings " 第七步：向下捲動瀏覽器視窗，到" GitHub Pages "，點擊" source "，選擇" main "，然後按下" save " 最後，點選GitHub產生的網址，就可以到剛剛建立的網頁了 想了解更多嗎?請參考這部影片 https://www.youtube.com/watch?v=2m-Xz0D4cqQ

<div> asdasd sad asd asd asd asda sdas sasdasd sad asd asd asd asda sdas sasdasd sad asd asd asd asda sdas sasdasd sad asd asd asd asda sdas sasdasd sad asd asd asd asda sdas s </div> <div> asdasd sad asd asd asd asda sdas sasdasd sad asd asd asd asda sdas sasdasd sad asd asd asd asda sdas sasdasd sad asd asd asd asda sdas sasdasd sad asd asd asd asda sdas s </div><div> asd </div><div> asd </div><div> asd </div><div> asd </div><div> asd </div><div> asd </div><div> asd </div> <div> asd </div> 好奇怎麼做到的嗎? 首先，到Blogger後台然後，點選「主題」這個選項，然後點選自訂。 點選"進階" 點選 "網頁文字 "後，會出現滾動式選單，往下滾動，就會可以看到並點選 "新增CSS " 然後填入以下代碼 pre{ background-color:black; color:white } 之後在編輯文章時，使用"HTML...