html-js-css quick guide

5 years ago · 86c42be861
parent b3f0ccd2d5
commit 86c42be861
2 changed files with 85 additions and 0 deletions
--- a/html-js-css/README.md
+++ b/html-js-css/README.md
@ -0,0 +1,52 @@
+# Quick Guide on HTML / Javascript / CSS
+
+* Quick Tutorial on HTML / Javascript / CSS
+* [W3.CSS](https://www.w3schools.com/w3css/default.asp)
+* [Javascript](https://www.w3schools.com/js/)
+* [HTML](https://www.w3schools.com/html/default.asp)
+* [Bootstrap CSS Framework](https://www.w3schools.com/bootstrap/bootstrap_ver.asp)
+* Tools
+  * Visual Studio Code
+  * Extension : Live Server
+
+## Javascript Library
+
+* [jQuery](https://www.w3schools.com/jquery/jquery_intro.asp)
+
+* syntax : `$(selector).action()`
+  * `$("p").hide()` : hide paragraph element
+  * `$("#test").hide()` : hide element with id=test
+  * `$(".test").hide()` : hide element with class=test
+  * `$(this).hide()` : hide current element
+  * [more...](https://www.w3schools.com/jquery/jquery_selectors.asp)
+
+* [download](https://jquery.com/download/) and add this
+
+  ```html
+  <!-- use downloaded jQuery library -->
+  <head>
+  <script src="jquery-3.5.1.min.js"></script>
+  </head>
+  ```
+
+  ```html
+  <!-- use google CDN -->
+  <head>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
+  </head>
+  ```
+
+* Events
+  * `.change()`
+  * `.click()`
+  * `.mouseenter()`
+  * [more...](https://www.w3schools.com/jquery/jquery_events.asp)
+  
+* [AJAX](https://www.w3schools.com/jquery/jquery_ajax_intro.asp) (Asynchronous JavaScript and XML) : Exchange data with server
+
+  * `$("#div1").load("demo.txt")`
+  * `$.get(URL,data,callback)`
+  * `$.post(URL,data,callback)`
+
+* [References Overview](https://www.w3schools.com/jquery/jquery_ref_overview.asp)
+
--- a/mysql/README.md
+++ b/mysql/README.md
@ -93,3 +93,36 @@ shell-js> util.loadDump("/mnt/data/worlddump", {dryRun: true})
 shell-js> util.loadDump("razerpay-schema-prod-MY.sql", {threads: 88, waitDumpTimeout: 1800})
 ```

+## Performance Optimization
+
+* improve query for huge dataset
+
+* configuration `my-custom.cnf`
+
+```cnf
+[mysqld]
+innodb_buffer_pool_size = 2G
+```
+
+
+
+* configuration for `docker-compose.yml`
+
+```yml
+version: '3.1'
+
+services:
+
+  db:
+    image: mysql
+    command: --default-authentication-plugin=mysql_native_password
+    restart: always
+    ports:
+      - "3306:3306"
+    environment:
+      MYSQL_ROOT_PASSWORD: root
+    volumes:
+        - ./persistent_data:/var/lib/mysql
+        - ./etc/conf.d:/etc/mysql/conf.d
+```
+