simonallen 技術部落格

Sign in Subscribe

Latest

解決 CSS 困境的 scoped style

在使用Vue Cli開發時，Vue是將每個組件(副檔名.vue)拆封成HTML、CSS、JavaScript三個部分，也就是如下： <template> //這裡寫HTML </template> <script> //這裡寫JavaScript </script> <style> //這裡寫CSS </style> 但這樣就產生了一個問題，假如我在a.vue檔(a組件)寫了一段CSS <style> h2 { color:red; } </style> b.vue檔(b組件)、c.vue檔(c組件)

SQL 筆記：查詢資料 SELECT FROM

SELECT 是最常用的入門 SQL 語法，顧名思義，他是用來從資料庫選取資料，我們通常將這個選取的行為稱之為查詢 (query)。資料庫依 SELECT 查詢的要求會返回一個結果資料表 (result table)，我們通常稱之為資料集 (result-set)。 SELECT 語法 SELECT $欄位 FROM $表格; 例如 SELECT column1, column2, ... FROM table_name; 若需要一次選取全部欄位，可以用 * 字號 SELECT * FROM table_name; 可參考 w3schools 網站若目前 DB 有個表格叫做 Customers ，其欄位、資料如下圖想取出如圖中 Customers 表格全部資料可以這樣下 SELECT

SQL 筆記：限制篩選 LIMIT OFFSET

要限制選取的部分資料中，回傳回來的行數目，我們會使用到 LIMIT 跟 OFFSET 這兩個功能。 SELECT $column_list FROM $table_name ORDER BY $column_list LIMIT $row_count OFFSET $offset; * 在 LIMIT row_count 檢查回傳回來的「欄位的數目 (row_count)」。 * OFFSET offset 會在開始回傳資料前就跳過被標註 offset 的這一列。在上面的範例中， OFFSET 不是必要的，如果把這一句刪掉，那麼這段查詢會回傳的是經由第一行 SELECT 選取出的，紀錄行的「行數目」。當使用 LIMIT 語法的時候，需要確保資料的順序是正確的，因此使用時，通常也會伴隨著

SQL 筆記：邏輯運算子 SELECT WHERE LIKE

https://www.w3schools.com/sql/sql_like.asp LIKE 語法 SELECT $column1, $column2, ... FROM $table_name WHERE $columnN LIKE $pattern; LIKE 這的指令可搭配 WHERE 子句一起使用，可用在依照一特定模式為相似條件來搜尋資料表中的資料。最常見的兩種作法為搭配 % 和 _ 一起使用。 * %：代表零個、一個或多個字符，還有字符前後的位置。 * _：代表一個、單個字符位置，兩個 _ 就是兩個字符，三個 _ 就是三個字符，已此類推。可以想像成當我們要搜尋一個模糊的範圍，或是只知道部份條件時我們可以用 % 和 _ 來代表我們不確定的區域。例如： * 想找 A 開頭的國家 - WHERE CountryName LIKE

SQL 筆記：邏輯運算子 SELECT WHERE IN

https://www.w3schools.com/sql/sql_in.asp IN運算子是多個 OR 條件的簡寫，可以允許我們在一個子句中指定多個值 WHERE。 IN 語法 SELECT $column_name1, $column_name2, $column_name3,... FROM $table_name WHERE $column_name IN ($value1, $value2, ...); 或 SELECT $column_name1, $column_name2, $column_name3,... FROM $table_name WHERE column_name IN (SELECT STATEMENT); 使用情境 IN運算子理解很簡單，

SQL 筆記：邏輯運算子 SELECT WHERE BETWEEN

https://www.w3schools.com/sql/sql_between.asp BETWEEN運算子顧名思義，是用來查找「特定範圍」，例如「時間」或「數值」這種可以找特定範圍區間就很好用。 BETWEEN 語法 SELECT $column_name1, $column_name2, $column_name3, ... FROM $table_name WHERE $column_name BETWEEN $value1 AND $value2; 使用情境從 Products 表查找 Price 價錢在 10 到 20 之間的資料集 SELECT * FROM Products WHERE Price

Vuex 存放狀態的State

在Vuex有四大物件元素，分別是State、Mutations、Getters、Actions State內負責存放初始資料，裡面可以放任何東西：物件、陣列、數值、字串...etc 只要我們後續Vuex有用到，就應該先在State宣告其存在，就算是空值、空字串、空陣列也沒關係。因為一但在之後的Mutations突然寫了一個未先宣告的State資料，Vuex不會當場動態產生這個變數資料出來，就會報錯。 (想像成寫程式，會用到什麼都要在編輯器最上方先宣告變數存在) 但還是有辦法的，如果要臨時在Mutations新建一個State資料，要這樣寫 Vue.set(state,’資料名稱’,’ ‘值'); 要讀取Vuex的值，我們會在(.Vue)組件的</script>的computed寫一些計算回傳的方法去讀值 export default { computed:{ //<————————寫在這裡 count(){ //<————————要讀取的Vuex對應值的方法 return this.$store.