search

Lauviah0622 / junior_frontend_program

1 stars 0 forks source link

2020.8.3 ~ 8.9 #1

Open Lauviah0622 opened 4 years ago

Lauviah0622 commented 4 years ago

本週進度

Mentor Program week8

作業

🔺[看狀況]Mentor Program week9

看完課程還有文章部分

其他

Lauviah0622 commented 4 years ago

8/2

今日進度

好像大概就這樣了...不知道為什麼切版切很久。

明日進度

心得

今天又是一個重新振作的日子，已經大概重新振作兩百次。每一次最後又失敗，然後又在振作。至少是越挫越勇啦。 把心得換一個地方寫，用 github 來記錄，目前的感覺好很多（第一天）

今天學到

Lauviah0622 commented 4 years ago

8/3

今日進度

明日進度

今天學到

心得

原本想說今天好像做的不多，結果其實收穫還算豐富，先把 devTools 看一下之後的流程也會順利很多，

又錯過直播了...e04 每次都忘記時間超XX

Lauviah0622 commented 4 years ago

8/5

今日進度

明日進度

程式的狀態儲存

我看到有滿多人都喜歡用 HTML 上面的元素來做一些判斷，或者是用 class 本身。

假設今天有一個點了畫面會變色的網頁，有些人變色之後可能幫背景加上一個 bg-changed 的 class，然後點畫面時根據背景有沒有這個 class 來決定變色了沒。

這其實都是很奇怪的做法，如果沒有一個好的理由，你不該用 HTML 元素的狀態或者是 class 去判斷現在程式的狀態。原因是，你有 JS 的變數可以用，而這邊是最適合儲存程式狀態的地方。

例如說你可以宣告一個變數叫做 isBackgroundChanged 來取代上面的 class 的判斷，這樣子才能把介面跟邏輯給切開，介面歸介面，邏輯歸邏輯，政治歸政治，忍者龜忍者（？）。

一旦把這些東西混在一起，當你要做改動的時候就會痛苦萬分。所以請大家慢慢學著程式邏輯相關的東西就是寫在 JS，就算你要多宣告一個變數也無妨，其實程式碼反而還會更容易讀。

其實上一點講的也是，只是是把 style 跟 JS 切開，透過 CSS 跟 class 把兩者連結在一起。

今日問題

murmur

今天好困...

Lauviah0622 commented 4 years ago

8/5

今日進度

明日進度

今日收穫

murmur

宜蘭真的是一個會讓人振作不起來的地方... 一切都好慢啊

Lauviah0622 commented 4 years ago

8/6

今日進度

明日進度

今日收穫

學習方向

覺得自己的應該要調整一夏學習的方向，之前太投入於寫文章了，這樣不太對。文章應該是作為輔助，記錄自己的所學，而不是把重心放在寫文章，現階段應該把重心放在跟課還有練習，可以大膽的超前進度。

然後如果比較托進度的作業就先放著了... 像是 Facebook 那個，因為切版自己算是蠻熟練了。 但是 week3 的作業倒是可以再抓回來想...逃避太久啦！演算法是自己弱弱項耶！

Lauviah0622 commented 4 years ago

8/8

今日進度

明日進度

今日問題

mySQL 的 索引是怎麼新增的？原理是什麼？為什麼這樣做可以加快搜尋的速度？

小分享

讓 Lidemy 的影片變成 100 %螢幕寬度的方法

在這個地方（左邊全部課程列表的稍微右邊一點點的地方）按右鍵然後檢查

image

再把這兩個 CSS 關掉。其實就是應用 chrome devTools 控制 CSS，可以把任何網頁變成屬於自己的形狀 🤩

筆記

後端基礎 PHP ### 環境建置 XAMPP Apache, MariaDB, PHP, Perl MariaDB = 開源的 MySQL，基本上差不多 htdocs 裡面會放 server 裡面的東西 ## PHP 最外面要包上這個東西，不然就是單純的什麼出現什麼。 ``` ``` 這樣也是可以，只是有時候不支援會出問題 ``` ``` 可以加上 HTML echo 有點像 print 的概念 ``` ``` 每一行結尾都要加分號 宣告變數 + 只能數字 + 數字，字串拼接要用 . `$a . $b` 如果PHP 中打 /n => 原始碼會有換行，但是在 HTML 中 /n 會被 解析成 空白 => 必須用 `
` ### apache 是啥 request => acache => php => html(或者其他格式) => apache => response 可以看到 Header 裡面用 apache 做 server ![](https://i.imgur.com/8kTBa90.png) 但正常會隱藏起來... ![](https://i.imgur.com/cUQKVtg.png) > 為什麼 facebook 等等的東西可以用 > facebook/user/12355162 這樣的 url 而不是像我們使用 apache 會是 text.php > > 因為 Facebook 的 Server 會直接解析 url 去生成 response。 > 但是 apache 的預設就是依照檔案路徑給 body > server => 程式，專陳處理 Request 跟 response 的程式 資料庫系統 => 程式，專門處理資料的程式 關聯式資料庫 SQL(統稱)：有 postgreSQL mySQL 等等拉 不同資料庫語法大同小異。 NoSQL (Not only SQL) => 適合存 log 紀錄 MariaDB：mySQL 的攣生兄弟，因為 mySQL 被甲骨文買走，所以有人就複製一個 MariaDB 保持 opensource ### phpMyAdmin schema 資料表的 結構，也就是有什麼欄位 ![](https://i.imgur.com/YLc4BAP.png) 每個 schema 一定會有 1. 名稱 2. 型態 ---- 3. 編碼 unSIGN => 只有正數 => 儲存數字範圍變大 A_I auto increment 自動增加 Primary Key 主鍵： 1. 非空值
Lauviah0622 commented 4 years ago

今日進度：

明日進度

murmur

前幾個禮拜因為自己算是有經驗還以為自己離工程師很近了，看了一下課綱，又覺得自己很遠，還有很多要學的。有時候心裡就會很急，很希望自己能快點進職場，找到工程師的工作。希望當兵不要把一切都忘光了，多寫點文章來提醒自己？

筆記

建立索引？用更快速的方法來領整理資料 可以用複合的欄位組成索引 phpMyAdmin 就只是 PHP 的 GUI 而已（用 phph 寫的 GUI） ### SELECT ``` SELECT FROM ``` 選擇 table 中全部的欄位 ```SQL SELECT * FROM table ``` 多個欄位 ```SQL SELECT id, age, name FROM test1 ``` 別名 ```SQL SELECT id an student_is, age, name FROM test1 ``` 設定條件 ```SQL SELECT id as student_id, age, name FROM test1 WHERE id = 2 ``` 條件是字串 ```SQL SELECT id as student_id, age, name FROM test1 WHERE name = "Tom" ``` 多個條件 ```SQL SELECT id as student_id, age, name FROM test1 WHERE name = "Tom" and id < 7 ``` 注意，條件的 schema name 用原始的名稱而不是 alias ...這樣就會跑出 ```SQL SELECT 10 FROM table ``` | 10 | |:--- | | 10 | ### INSERT ```SQL INSERT INTO ([schema...]) VALUES ([對應的值]) INSERT INTO `test1`(`id`, `age`, `name`, `crated_time`, `descrption`) VALUES ([value-1],[value-2],[value-3],[value-4],[value-5]) ``` `` => 這個是 schema 名稱有用到保留字的時候包起來用的 ```SQL WHERE 1 => 全選 WHERE 0 => 全不選 ```
Lauviah0622 commented 4 years ago

8/9

今日進度

明日進度

murmur

今天用 github 做學習紀錄整理滿一週，整體下來覺得結果還不錯。之前用 hackMD 每天開新的頁面紀錄不太會知道說昨天發生了什麼事。現在用 github 把一週的進度報告都放在一個 issue ，每天都可以檢視整週的目標還有每天的進度。

感覺每天都在用"每個人都有自己的時區" 這句話來安慰自己，不過自己那個屬於自己時間真的會到來嗎？

自己人生的進度比同齡人慢的不少，大學比別人晚畢業，連當兵都還沒當，也沒有一份工作。同齡人都已經在自己的道路上有不錯的成就了，可能也是因為這樣，這幾年或的有點自卑吧，不管是在哪些方面。

自己想過很多但也放棄很多，最後來到前端這條路，已經是真的不能再放棄了。

筆記

### SQL delete 大部分都是暫時刪除 或者說標記為 is_Deleted 重要的資料通常都會這樣做 ### 後端概念 動態檔案與靜態網頁的差別 ![](https://i.imgur.com/Byvwhnm.png) 靜態網頁直接回傳檔案，不依照 request 做處理 動態網頁會對 request 做處理，並執行程式(apache 適用 PHP)，來發出對應的 response。 ```

``` 印出現在的時間。 可以在任意地方加入 `` 的 tag 來插入 PHP 語法 date(格式) 來 get 現在的時間 ### query String query print_r ： Print 出有結構的東西 exit() 中斷執行 isset() :::warning ```php "; if ( !isset($_GET['name']) || !isset($_GET['age'])) { echo "

缺資料！

"; exit(); } echo "

". $_GET['name'] ."

"; echo "

". $_GET['age'] ."

"; ?> ``` ```php
``` 這沒辦法耶，就算都不加東西也不行 即使不填入資料， isset($_GET['name']) 還是不是 false ::: die() 印出終止訊息：下面的東西都不會再執行 empty() print_t() require_once('conn.php')：引入程式碼 ```php $conn->query('SET NAMES UTF8'); // 設定編碼 $conn->query('SET time_zone = "+8:00"'); // 設定時區 ``` :::info 在 git 裡面不會把 Conn.php 上傳，不然就等於帳號密碼被上傳ㄌQQ ::: ```SQL select now() ``` mySQL 的 function 可以拿到現在的時間 平常可能都是塞在 value 裡面？ :::warning `print_r` 只會 print 出變數嗎？ ::: fetch_assoc() 這啥？ => 把資料弄成 PHP 可以理解的東西，就是把資料塞進 Array => 只會拿第一筆資料而已 ```php $conn = new mysqli($server_name, $username, $password, $db_name); $conn->query('SET NAMES UTF8'); if ($conn->connect_error) { die("資料庫連線錯誤: " . $conn->connect_error); } // 設定編碼 $conn->query('SET time_zone = "+8:00"'); // 設定時區 ``` 這個樣子，還沒確定錯誤就先進行 Query，會造成前面的 query 也連帶錯誤 ```php $conn = new mysqli($server_name, $username, $password, $db_name); if ($conn->connect_error) { die("資料庫連線錯誤: " . $conn->connect_error); } $conn->query('SET NAMES UTF8'); // 設定編碼 $conn->query('SET time_zone = "+8:00"'); // 設定時區 ``` 所以這邊這樣子才 OK