網頁

2019/7/31

教老婆寫程式記錄(十七)

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

2019/7/30

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編輯。

2019/7/29

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 練習 ID選擇器

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

2019/7/28

教老婆寫程式記錄(十四)

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

CSS ID selectors ID選擇器

本篇介紹CSS selectorsID selectors(ID選擇器)的用法。

CSS 練習 全體選擇器

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

2019/7/27

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 Type selector 元素選擇器

本篇介紹CSS selectorsType selector(元素選擇器)的用法。

2019/7/26

CSS 選擇器 (CSS selectors) 簡介

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

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

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

裝玻璃

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

2019/7/25

教老婆寫程式記錄(十三)

今天(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

教老婆寫程式記錄(十二)

今天(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的程式碼靜態分析工具有FindBugsSpotBugs,那兩者有什麼不同,該選擇哪個呢?

2019/7/23

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

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

桃園藝文特區範圍

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

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

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

家裡的空間大小

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

2019/7/22

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

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

教老婆寫程式記錄(十一)

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

2019/7/21

我的第二筆Google AdSense收入

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

2019/7/19

JavaScript 使用prompt()對話視窗

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

IKEA E27燈泡壽命

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

2019/7/18

教老婆寫程式記錄(十)

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

CSS 簡介

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

2019/7/17

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

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

2019/7/16

機車 什麼是燒碗公

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

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

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

本篇介紹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.*}來產生隨機值。

2019/7/15

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)中午和老婆去桃園區桃櫻橋的美味越越南餐廳吃飯。

2019/7/14

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

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

Visual Studio Code 移動程式碼快速鍵

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

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/12

教老婆寫程式記錄(六)

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

JavaScript 用var宣告變數

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

2019/7/11

技術社群聚會參加心得

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

教老婆寫程式記錄(五)

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

2019/7/10

五秒鐘了解什麼是 Kubernetes K8s

Kubernetes(簡稱K8s)是用來管理一堆容器(Container)(例如:Dockerrkt)的工具,就是這樣。

在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>來呈現。

2019/7/9

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

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

2019/7/8

教老婆寫程式記錄(三)

今天(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這篇文章的感想,想必每個程式工作者都會感同身受。

HTML元素的分類

HTML元素可分為下面種類。

HTML <html>簡介

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

2019/7/7

HTML <!DOCTYPE html>的意思

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

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

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

教老婆寫程式記錄(一)

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

英文 The Expert (Short Comedy Sketch)

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

2019/7/5

英文 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表示式的支援度仍不完整。

2019/7/3

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

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

2019/7/2

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

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

2019/7/1

珍珠蛙

珍珠蛙,台灣特有種

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記憶體區塊的結構如下。