教老婆寫程式記錄（十七）

今天(2019/7/31)完成以下。

Visual Studio Code HTML CSS JavaScript程式碼排版(Code Formatter)套件 Beautify

在Visual Studio Code(VS Code)撰寫前端網頁程式時，經常需要對編輯的HTML，CSS及JavaScript程式碼整理排版讓原始碼變得整齊好維護，在VS Code可以安裝Beautify這個程式碼排版(code formatter)擴充套件來幫助我們快速排版。

健身工廠金卡會員

今天取得健身工廠金卡的會員卡了。

教老婆寫程式記錄（十六）

今天(2019/7/30)完成以下。

CSS 練習 HTML <table> 表格邊框單線 CSS設定

在HTML的<table>預設沒有框線顯示。

CSS 練習 Simple selectors 綜合練習

請建立一份HTML文件，檔名為orderlist.html。請用VS Code編輯。

Java 9 不可變的集合 Immutable Collections

Java 9 提供了如List.of()，Map.of()，Set.of()等靜態工廠方法來建立不可變的集合(Immutable Collections)。

Java 9 List.of()用法

Java 9在List介面新增了List.of(E... elements)方法，其用法如下。

教老婆寫程式記錄（十五）

今天(2019/7/28)完成以下。

CSS 練習 使用Class selectors

請建立一份HTML文件，檔名為class.html。請用VS Code編輯。

Visual Studio Code 垂直選取(column selection) / 區塊選取(block selection) 快速鍵

Visual Studio Code (VS Code) 垂直選取(column selection)/區塊選取(block selection)編輯器中的文字的快速鍵(short cut)如下。

CSS Class selectors 類選擇器

本篇介紹CSS selectors的Class selectors（類選擇器）的用法。

CSS 練習 ID選擇器

請建立一份HTML文件，檔名為id-selectors.html。請用VS Code編輯。

教老婆寫程式記錄（十四）

今天(2019/7/28)完成以下。

CSS ID selectors ID選擇器

本篇介紹CSS selectors的ID selectors（ID選擇器）的用法。

CSS 練習 全體選擇器

請建立一份HTML文件，檔名為universal.html。請用VS Code編輯。

Spring Boot 設定應用程式的HTTP port號

Spring Boot應用程式預設的HTTP port號為8080，若要修改port號，可在應用程式的application.properties(or application.yml)修改server.port如下。

HTML 練習 多層<div>區塊

請建立一份HTML文件，檔名為division.html。請用VS Code編輯。

CSS Universal selector 全體選擇器

本篇介紹CSS selectors的Universal selector（全體選擇器）的用法。

CSS Type selector 元素選擇器

本篇介紹CSS selectors的Type selector（元素選擇器）的用法。

CSS 選擇器 (CSS selectors) 簡介

什麼是CSS selectors（CSS選擇器）呢？CSS selectors是用來選取要套用CSS樣式的HTML元素的一種語法規則。

HTML <div> 區塊元素 Division element 簡介

在HTML網頁可使用區塊元素(Division element)<div>來定義區塊。

裝玻璃

家裡客廳和陽台之間的門少了一塊玻璃。那個位置原本是放一台前屋主留下的舊窗型冷氣，剛搬來我就請人幫我拆了，所以那個地方就缺一塊玻璃。

教老婆寫程式記錄（十三）

今天(2019/7/25)完成以下。

Spring Cloud Netflix Eureka + Ribbon 使用Load-balanced RestTemplate實作客戶端負載平衡服務溝通

本範例介紹使用Spring Cloud Netflix Eureka建構Eureka服務發現(Service Discovery)，多個Eureka Client服務實例(Service instances)，搭配Spring Cloud Netflix Ribbon並透過RestTemplate來進行服務間溝通的客戶端負載平衡(Client side load balancing)。（很饒口，看過就好）

HTML 練習 使用超連結

請建立一份HTML文件，檔名為link.html。請用VS Code編輯。

教老婆寫程式記錄（十二）

今天(2019/7/24)完成以下。

HTML 超連結元素Hyperlink element <a>簡介

在HTML網頁中建立「超連結(Hyperlink)」可使用超連結元素(Hyperlink element)<a>。

SpotBugs Bug: Class [Class] defines non-transient non-serializable instance field [field]

當用SpotBugs檢測程式碼時，出現關於Serializable的警告訊息如下。

Java 程式碼檢測FindBugs or SpotBugs

Java的程式碼靜態分析工具有FindBugs和SpotBugs，那兩者有什麼不同，該選擇哪個呢？

CSS 練習 更改文字顏色與大小

請建立一份HTML文件，檔名為text.html。請用VS Code編輯。

桃園藝文特區範圍

桃園藝文特區的範圍根據之前桃園觀光導覽網的頁面存檔說明如下。

桃園市 桃園區 Chophouse恰好食美式餐廳 藝文店

周日(2019/7/21)下午沒事和老婆騎車四處繞順便找吃的，就到藝文特區那看看，經過這家Chophouse恰好食美式餐廳就進來吃看看。

家裡的空間大小

記錄一下家裡各空間的大小。

CSS 外部樣式表(External style sheet) 在HTML文件參考外部CSS檔

CSS樣式可獨立設定在副檔名為css的檔案，然後在HTML文件使用<link>來參照。這外部CSS檔稱為外部樣式表(External style sheet)。

教老婆寫程式記錄（十一）

今天(2019/7/18)完成以下。

CSS 內部樣式表(Internal style sheet) 在HTML文件的<style>設定CSS

CSS樣式可直接在HTML文件的<style>...</style>標籤內進行設定，又稱為內部樣式表(Internal style sheet)。

我的第二筆Google AdSense收入

今天2019/7/22領到了Google AdSense的第二筆收入約107美金，距離上一次2019/2/21領取間隔約5個月。

CSS 行內樣式(Inline styles) 在HTML元素的style屬性設定CSS

CSS樣式可直接在HTML元素的style屬性進行設定，又稱為行內樣式(Inline styles)。

JavaScript 使用prompt()對話視窗

JavaScript在瀏覽器可使用Window.prompt()來顯示對話視窗(dialog box)。

IKEA E27燈泡壽命

2017年3月買了8顆IKEA E27燈泡，在2018年底左右壞了一顆，2019年7月又壞了一顆，那推測下來我想IKEA燈泡的平均壽命約在2年到3年左右

教老婆寫程式記錄（十）

今天(2019/7/18)完成以下。

CSS 簡介

Web網頁的三本柱分別為HTML，CSS，JavaScript，這三個東西交互作用構成今日我們看到的網頁。

HTML 使用rowspan屬性合併表格欄位

在HTML的表格中，表示每一格的<th>及<td>的colspan及rowspan屬性可用來合併多個格子。

機車 什麼是燒碗公

本篇介紹CVT無段自動變速機車的「燒碗公」是什麼意思。

HTML 使用colspan屬性合併表格欄位

在HTML的表格中，表示每一格的<th>及<td>的colspan及rowspan屬性可用來合併多個格子。

本篇介紹colspan跨欄合併。

HTML 練習 表格跨欄跨行

請建立一份HTML文件，檔名為table.html。請用VS Code編輯。

教老婆寫程式記錄（九）

今天(2019/7/16)完成以下。

Spring Cloud Eureka 如何取得EurekaClient的實例？

在Spring Cloud Eureka服務的程式中取得EurekaClient實例的方法如下。

Spring Cloud Eureka 取得服務的instanceId名稱

Spring Cloud Eureka Server中一個服務會註冊多個服務實例，而每個實例是以Eureka Instance ID來做唯一識別。

Spring Boot 在Properites檔中使用${random.*}來產生隨機值。

Spring Boot的properties配置檔中，屬性值可直接使用${random.*}來產生隨機值。

Spring Cloud Eureka 使用RestTemplate實作服務間溝通範例二

本篇示範如何在一個Spring Cloud Eureka的一個服務透過RestTemplate呼叫另一外一個服務的REST API。

Spring Boot RestTemplate @Autowired無法注入

今天在Spring Boot(2.1.6.RELEASE)應用程式的Controller類別中用@Autowired注入RestTemplate的實例時出現下面錯誤訊息而無法啟動。

HTML 練習 表格基本練習 指定行列數

請建立一份HTML文件，檔名為table.html。請用VS Code編輯。

教老婆寫程式記錄（八）

今天(2019/7/15)完成以下。

HTML 練習 表格基本練習

請建立一份HTML文件，檔名為alin-album.html。請用VS Code編輯。

HTML <table> 表格元素 Table element 簡介

在HTML網頁可使用表格元素(Table elements)<table>來顯示表格。

桃園市 桃園區 美味越 越南餐廳

周六(2019/7/15)中午和老婆去桃園區桃櫻橋的美味越越南餐廳吃飯。

JavaScript 練習 宣告變數 使用alert()

請建立一份HTML文件，檔名為alert.html。請用VS Code編輯。

Visual Studio Code 移動程式碼快速鍵

Visual Studio Code(VS Code)移動程式碼快速鍵如下。

教老婆寫程式記錄（七）

今天(2019/7/14)教老婆如何在VS Code撰寫JavaScript第一支Hello World程式。

Eclipse 曾經用過的套件

以下是Eclipse曾經用過的套件。

JavaScript 撰寫你的第一支Hello World程式

使用JavaScript程式語言來撰寫Hello World程式。

Angular Can not determine the module class XXXComponent in [location] 錯誤

如果在Angular 做預先編譯時(Ahead of Time Complication, AOT)，出現錯誤如下：

HTML 段落元素Paragraph element <p>簡介

在HTML網頁的段落文字可使用段落元素(Paragraph elements)<p>來呈現。

Eclipse 如何快速在Java類別中加入main()方法

在Eclipse中快速撰寫Java類別的main()方法的方式如下。

HTML 練習 建立一份HTML文件

請建立一份HTML文件，檔名為lyrics.html。請用VS Code編輯。

教老婆寫程式記錄（六）

今天(2019/7/13)介紹什麼是變數，怎麼在JavaScript用var關鍵字宣告變數。

JavaScript 用var宣告變數

JavaScript使用var關鍵字來宣告變數。

技術社群聚會參加心得

分享我參加技術社群聚會的一點心得與看法。

教老婆寫程式記錄（五）

今天(2019/7/11)又再說明了一次HTML文件標籤的擺放規則，因為她仍不是很懂，所以我用箱子來做比喻。

五秒鐘了解什麼是 Kubernetes K8s

Kubernetes（簡稱K8s）是用來管理一堆容器（Container）（例如：Docker，rkt）的工具，就是這樣。

在Visual Studio Code建立第一個HTML文件

本篇介紹如何在Visual Studio Code（簡稱VS Code）建立一個HTML文件。

安裝Visual Studio Code

Visual Studio Code（簡稱VS Code）是微軟開發的程式碼編輯器，是目前網站前端開發者(Front-end developers)愛用的編輯器之一。

本篇記錄在Windows 7 64bit的安裝VS Code編輯器的過程。

教老婆寫程式記錄（四）

今天(2019/7/10)主要講了標題元素<h1>，段落元素<p>，什麼是Block元素，什麼是Inline元素。

HTML 標題元素Heading element <h1>簡介

在HTML網頁內容的標題可使用標題元素(Heading elements)<h1>來呈現。

TypeScript 撰寫第一支Hello World程式範例

在Windows用TypeScript撰寫第一支Hello World程式教學。

TypeScript 在Windows安裝TypeScript

在Windows安裝TypeScript的方法如下。

英文 為何有些人對自己的人生不積極？

This article is from Quora "Why are some people inactive in their own life?"

教老婆寫程式記錄（三）

今天(2019/7/10)什麼都沒教，只是給她看了前20個最常被使用的HTML標籤。

HTML 最常使用的HTML元素(The most used HTML elements statistics)

根據統計，網頁中最常被使用的HTML元素/標籤(HTML elements/tags)如下。

程式開發者應享有的基本權利

本篇為CODING HORROR - The Programmer's Bill of Rights這篇文章的感想，想必每個程式工作者都會感同身受。

教老婆寫程式記錄（二）

今天(2019/7/8)介紹HTML。

HTML元素的分類

HTML元素可分為下面種類。

HTML <html>簡介

每一份HTML文件是由許多的HTML元素(HTML elements)所組成，又稱為HTML標籤(HTML tags)。而<html>元素為HTML文件的根結點(Root node)。

HTML <!DOCTYPE html>的意思

在一份標準的HTML文件中，在第一行都會有<!DOCTYPE html>，其作用如下。

HTML 撰寫你的第一個HTML網頁教學

本篇教您如何撰寫你的第一個HTML網頁教學。

教老婆寫程式記錄（一）

今天(2019/7/7)開始教老婆寫程式。

英文 The Expert (Short Comedy Sketch)

Youtube影片The Expert (Short Comedy Sketch)的逐字稿與翻譯。

英文 Live under a rock 與世隔絕

If you are in the software industry and you don’t know who Jeff Atwood is, then you have been living under a rock.
如果你在軟體業卻不曉得Jeff Atwood（stackoverflow共同創辦人）是誰，那麼你一直都是與世隔絕。

Eclipse Java 8 Lambda 語法錯誤問題

在2019年的Eclipse對Java的Lambda表示式的支援度仍不完整。

Maven 什麼是Archetype

本篇簡介Maven Archetype是什麼。

Java Servlet 4.0 web.xml 範本

參考於Servlet 4.0規格書。

如何在Eclipse安裝Tomcat Server

本篇為如何在Eclipse中加入Tomcat Server教學範例。

Java 8 使用Stream.sorted()對List物件進行排序範例

本篇為使用Java 8 Stream.sorted()方法來對List中的元素進行排序。

Java 11 使用String.repeat()來產生重複的字串

在Java 11新增的String.repeat(int count)方法可返回重複的字串。

Java JVM GC Stop the World (Za Warudo!)

當JVM在進行垃圾回收(Garbage Collection, GC)時，會導致Stop the World。

Java JVM對物件生命週期的世代假設(generational hypothesis)

Java HotSpot VM（以下簡稱JVM）把Heap區劃分為不同世代區塊，是基於對物件生命週期(objects lifetimes)的世代假設(generational hypothesis)。

珍珠蛙

珍珠蛙，台灣特有種

JVM 與 HotSpot 有什麼不同？

JVM(Java® Virtual Machine)是規格(specification)，而HotSpot(Java HotSpot Virtual Machine)則是Oracle根據OpenJDK HotSpot對JVM的實作(implementation)。

Java HotSpot VM (JVM) 的Heap記憶體的劃分

Java HotSpot VM (JVM) Heap記憶體區塊的結構如下。