vault backup: 2024-02-17 23:16:21

05. 資料收集/Programming/C++/A cheatsheet of modern C++ language and library features.md

@@ -0,0 +1 @@
+[AnthonyCalandra/modern-cpp-features: A cheatsheet of modern C++ language and library features.](https://github.com/AnthonyCalandra/modern-cpp-features)

05. 資料收集/Programming/C++/C++20, How Hard Could It Be.md

@@ -0,0 +1 @@
+[C++20, How Hard Could It Be](https://docs.google.com/presentation/d/1HwLNSyHxy203eptO9cbTmr7CH23sBGtTrfOmJf9n0ug/edit?fbclid=IwAR2wToW9uFJuLtUR9nftfv9N9axXwPK7HmuJWqgVmCeXd1XJF7ySQIkNsJM&resourcekey=0-GH5F3wdP7D4dmxvLdBaMvw#slide=id.g1c5cc391dd_2_295)

05. 資料收集/Programming/C++/Modern C++ The good parts.md

@@ -0,0 +1,16 @@
+1. Use std::shared_ptr & std::unique_ptr & std::weak_ptr
+2. Use std::array or std::vector
+3. Use structured binding & std::tuple
+4. Use for (auto& elem : collector)
+5. Use std::format
+6. Use std::optional
+7. Use auto for return type
+8. Use auto in variable declaration
+9. Use `using` to replace `#define`
+10. Use "Lambda expression" and std::function
+11. `[[deprecated]]` attribute
+12. Maybe...std::any?
+13. And more, constexpr, concept, 
+
+## Reference
+- [AnthonyCalandra/modern-cpp-features: A cheatsheet of modern C++ language and library features.](https://github.com/AnthonyCalandra/modern-cpp-features)

05. 資料收集/Programming/C++/Modern C++ use in Chromium.md

@@ -0,0 +1 @@
+[Modern C++ use in Chromium](https://chromium.googlesource.com/chromium/src/+/HEAD/styleguide/c++/c++-features.md#Declaring-non_type-template-parameters-with-auto-tbd)

05. 資料收集/Programming/vue.js.md

@@ -0,0 +1,61 @@
+## 輸出
+{{message}}
+
+## 迴圈
+v-for
+
+```javascript
+<li v-for="item in list">{{ item }}</li>
+```
+
+## 輸入雙向綁定：`v-model`
+```html
+<input v-model="message">
+```
+
+```javascript
+var app = Vue.createApp({
+    data: function() {
+        return {
+            message: "要被綁定的訊息"
+        }
+    }
+});
+```
+
+## 事件：`v-on`
+
+```html
+<button v-on:click="testEvent">按我</button>
+```
+
+```javascript
+var app = Vue.createApp({
+    method: {
+        testEvent: function() {
+            alert("你按了button");
+        }
+    }
+});
+```
+
+
+## 條件式：`v-if`
+
+```html
+<div v-if="isShow"></div>
+```
+
+```javascript
+var app = Vue.createApp({
+    data: function() {
+        return {
+            message: "要被綁定的訊息",
+            isShow: true
+        }
+    }
+});
+```
+
+## 屬性綁定
+### `v-bind`