# 學習筆記
###### tags: `首頁`
## 關於
- [關於這份筆記](/EDp1BHxSTKq32v-GLgO3Lg)
## HTML
- [display: inline, block 跟 inline-block 的差別是什麼？](https://hackmd.io/@hatiblog/Skn7TjVYF)
- [盒模型（box model）](https://hackmd.io/@hatiblog/B1ezTo4KY)
- [HTML tag blockquote、object、code](https://hackmd.io/@hatiblog/SkH8noEKt)
## CSS
- [CSS Selector 權重的計算方式](https://hackmd.io/@hatiblog/Byb9WhEKY)
## JS
- [JSONP](/xJyST6XdQxab8v3deRFIHg)
- [Ajax](/MBNZws2ZTLeaboM9ORUD_w)
## web 基礎
- [SPA](/fNGEgi5jT-SGiRqdqX5bsw)
- [Cookie 是什麼？如何設定？](/rqHPHVfeR66ZvFtdqU_4lA)
- [API 是什麼](/iso2vj9iRsSBP1g-o7Godg)
- [HTTP](/xL2a-5AuRMKntoaKLjoVMA)
- [TCP / IP](/-TnHyE1xSgWjU10T3YitXQ)
- [DNS](/jdySlGVGQrqdEjbEaThfKA)
## 前端工具
- [Webpack 是做什麼用的](https://hackmd.io/@hatiblog/BysPb24KF)
## DOM
- [BOM DOM 差別](/-9EmIYB-TIqSKzcHdhzepg)
- [事件傳遞機制：冒泡 & 捕獲](/GFrQW6p3S72C2p7pRWUpGg)
- [DOM](/rK_EFM98R-eqML_xzeNcvw)
- [event delegation](/iQS1r3npSbuaRTDx_e49zQ)
- [event.preventDefault() 跟 event.stopPropagation() 差別](/0mpBdSIBT1ylBqsgAGOdqg)
## react
- [state 跟 props 的差別](/Wc8Em9WBTfKZbMrThJni0A)
- [React 的思考模式](/VIDU45-rSOuTz7ZQDIQ-_A)
- [React 解決了什麼問題](/JOulcuriSRuQtU-fG60FUg)
- [Redux](/3bD6yjnaSQGS9WbiYa67OA)
## 網路安全
- [CSRF 的攻擊原理以及防範方法](/juZTbPstSvOqBKQYZEd7Wg)
- [SQL Injection 的攻擊原理以及防範方法](/WEzVWmDRQaCUHA17RAC1tQ)
- [XSS 的攻擊原理以及防範方法](/D2nfkcdBTO2jhszwzuUJYQ)
- [CORS](/pblfuacTTS6tkuDxlnCX4A)
- [雜湊跟加密的差別](/wQfYQTDITbmSrixkjlPFlg)
## 資料結構與演算法
- [Linked List](/yNUlgF_pRfeJ8sWqI3X2Jw)
- [演算法筆記](/s2r0LK1kQSeg73nsyKtXcw)
## 資料庫
- [NoSQL 跟 SQL 的差別在哪裡？](/igCRtljTT-6w5hNAvrX90Q)
- [什麼是資料庫的 lock](/K_oU9Qt9SLSy9m9rNgu-ag)
- [資料庫的 ACID](/QfxpeninRlWWTs_BeOff5A)
- [VARCHAR 跟 TEXT 的差別是什麼](/w0QXwmXPTzaRHoVkV8Cn_w)
## 部署
- [AWS EC2 Nginx + pm2 完整部署流程](/o1brj_gRTViXuAuvhAL0lw)
- [AWS EC2 nginx + pm2 部署踩雷紀錄](/vl8QJz_8Tt-Pxh2KL_pnRA)
## PHP
- [include、require、include_once、require_once 的差別](/9ULZsnorRb6FqJdd0KA1rA)
- [PHP 學習筆記](/SwJjixqeRqS7rIkdMWyJJw)
## 產品開發
- [產品開發筆記](/ELr941pCSqyyAXSetUXk5w)
## 後端
- [Express 筆記](/MdsFlYAiSzi2pta1PBjl0g)
- [MVC](/b7e3WRZ3SkeS-p4alGCz9g)