Posts
Oracle Database 23ai 入門指南
這是一份針對開發者的 Oracle Database 23ai 快速入門指南,內容涵蓋其核心新功能、安裝步驟,以及如何開始您的第一個查詢。本文結合了官方建議與實用的操作範例。
1. 核心新功能:不僅僅是資料庫 Oracle 23ai 的標語是 “AI for your Data”,它引入了多項突破性功能,旨在將 AI 和開發者便利性深度整合到資料庫中。
🚀 AI Vector Search 這可能是 23ai 最重大的新功能。它讓您能直接在 Oracle 資料庫中儲存、索引和搜尋向量(Vector)。
什麼是向量? 向量是物件(如文字、圖片、音訊)的數學表示。 能做什麼? 您可以進行 “語意搜尋” 或 “相似性搜尋”。例如,找到與一張圖片 “相似” 的所有圖片,或與一段文字描述 “語意相關” 的文件。這對於建立推薦系統、RAG (檢索增強生成) 應用至關重要。 🚀 JSON Relational Duality View 此功能完美地橋接了 JSON 文件的靈活性與關聯式模型的結構化優勢。
開發者視角:開發者可以繼續使用他們熟悉的 JSON 格式來存取和操作資料。 DBA 視角:資料庫內部將這些 JSON 文件對應到標準的關聯式表格。 優點:兼具兩者之長,開發快、查詢快、資料一致性高。 🚀 Operational Property Graphs (OPG) 您現在可以直接在 Oracle 資料庫上執行圖形資料分析。
能做什麼? 分析複雜的關係網路,如社交網路分析、金融詐欺偵測、供應鏈路徑規劃等。 🚀 True Cache 一個在資料庫中介層運作的高效能快取。它可以顯著提升應用程式的回應速度,且能自動保持與主資料庫的資料一致性,開發者無需手動管理快取失效。
2. 安裝指南 您可以選擇適合自己的安裝方式。對於初學者,我們推薦使用 Docker,因为它更簡單快速。
Posts
vue init webpack [專案名稱]
安裝 Vue CLI 安裝 npm install -g vue-cli 安裝 npm install -g @vue/cli- 2. 建立專案 vue init webpack staff 3. 設定vue router 4. 前端專案結構 參考 https://cli.vuejs.org/zh/guide/creating-a-project.html#%E6%8B%89%E5%8F%96-2-x-%E6%A8%A1%E6%9D%BF-%E6%97%A7%E7%89%88%E6%9C%AC
Posts
使用 Vue CLI 建立專案
安裝 Vue CLI 安裝 Vue CLI npm install -g @vue/cli 使用 vue create [專案名稱] 或 vue create . 選擇手動建立專案 (Manually select features) 套件選用 Babel、Vuex、CSS Pre-processors Vue版本,選擇2 Vue-Router為了讓在網址上會多出#,輸入n 選擇Sass/SCSS 存檔在 package.json 不要儲存相關設定 安裝完成 參考 https://hsuchihting.github.io/vue-js/20200404/497821688/
Posts
VSCode 擴充套件設定
Prettier - Code formatter Vue - Official { "prettier.useEditorConfig": false, "prettier.printWidth": 200, // 超過 XX 個字元就換行 "prettier.tabWidth": 4, // 程式碼縮排 4 個空格 "prettier.useTabs": false, // 不使用 tab,預設使用空格 "prettier.semi": true, // 語句結尾加上分號 "prettier.singleQuote": false, // 使用單引號,預設使用雙引號 "prettier.quoteProps": "as-needed", // 預設 'as-needed',只有在屬性名稱包含特殊字元或空格時才會使用雙引號。否則,它將使用單引號。 "prettier.trailingComma": "es5", // 在物件或陣列最後一個元素後面加上逗號 "prettier.bracketSpacing": true, // 在物件的左右括號間加上空格 "prettier.arrowParens": "always", // 箭頭函式只有一個參數時,也需要括號 "prettier.endOfLine": "lf", // 換行符號,預設 lf "prettier.proseWrap": "preserve", // 是否要换行 "prettier.bracketSameLine": true, //結束標籤>不換行 "prettier.htmlWhitespaceSensitivity": "ignore", //ignore的話就是所有元素間的空格都會被忽略 "editor.defaultFormatter": "esbenp.prettier-vscode", "editor.
Posts
父組件傳遞資料在子組件偵測應用
(CustomSelect.vue)子組件要偵聽父組件(App.vue)來的props,使用watch監聽,來變更子組件的數據。(備註:computed也可以)
父組件 App.vue <template> <div id="app"> 父組件: <el-input-number v-model="parentSelectedValue" @change="handleChange" :min="1" :max="10" label="描述文字"></el-input-number> <custom-select :parentSelectedValue="parentSelectedValue" :title="title" @returnSelectedChange="getSelectedValue"></custom-select> 子組件,變更時選擇的數值:{{ selectedValue }} </div> </template> <script> import customSelect from "./components/CustomSelect.vue"; export default { name: "App", components: { customSelect, }, data() { return { selectedValue: null, title: "縣市", parentSelectedValue: null, }; }, methods: { getSelectedValue(val) { this.selectedValue = val; }, handleChange(value) { this.parentSelectedValue = value; }, }, }; </script> <style></style> 子組件 CustomSelect.vue <template> <div> <b>{{ title }}:</b> <el-select v-model="value" placeholder="請選擇縣市" @change="selectedChange"> <el-option v-for="item in options" :key="item.
Posts
建立 Vue.js 前端專案
安裝 Node.js 安裝 Vue CLI npm install -g @vue/cli 創建 Vue.js 專案 vue create my-project 啟動 Vue.js 專案 cd my-project npm run serve
Posts
Vue Provide 和 Inject
原本要傳遞三層
App -> FirstLayer -> SecondLayer -> ThirdLayer
可使用Provide和Inject提供跨多層組件傳遞數據的方式
App -> ThirdLayer
App.vue <template> <div id="app"> <div :class="theme"> <button @click="changeFontSize">"第一層"字型變大</button> <FirstLayer ref="first" /> </div> </div> </template> <script> import FirstLayer from "./components/FirstLayer"; export default { name: "App", data() { return { myName: "ming", theme: "theme" }; }, provide() { return { myName: this.myName, changeBgColor: this.changeBgColor }; }, components: { FirstLayer }, methods: { changeBgColor() { console.log("changeBgColor"); this.theme = "dark-theme"; }, changeFontSize() { this.
Posts
Git Tutorial
Git設定 查看設定 git config –list
設定帳號 git config –global user.name “hezhengmin”
設定信箱 git config –global user.email “zhengmin099@gmail.com”
Git基本用法 建立Repository git init
複製他人專案 git clone https://github.com/hezhengmin/Minesweeper.git
檢查狀態 git status
查詢記錄 git log
新增單一檔案 git add <檔案名稱>
新增全部的檔案 git add .
git add –all
全部修改提交 git commit -am “modified”
提交版本 git commit -m “填寫版本資訊”
推送到你的遠端 git push origin master
遠端主機分支master更新到本地主機 git pull origin master
刪除檔案 git rm “1. Two Sum.cpp”
Git分支用法 建立新branch並切換過去 git checkout -b <branch名稱>
Posts
Postman-儲存JwtToken為全域變數
1. 新增script const resp = pm.response.json(); pm.environment.set("jwtToken", resp.jwtToken) 程式回傳jwt token 2. 新增JWT變數 3. Request API上加入Token (Authorization) 4. Request API上加入Token (Header) 參考 Postman 儲存 API 變數 JWT Token 驗證資訊
Posts
建立網站
安裝 Hugo 官方提供 Hugo安裝路徑 設定環境變數 創建新站點 確認有無安裝hugo hugo version 建立 hugo new site quickstart 添加主題 cd quickstart git init git submodule add https://github.com/theNewDynamic/gohugo-theme-ananke.git themes/ananke 添加一些內容 hugo new posts/my-first-post.md 例如 D:\Github\Hugo\quickstart> hugo new posts/202303191040.md 啟動 Hugo 服務器 hugo server -D 構建靜態頁面 hugo -D cd public file_server . git init git remote add origin https://github.com/hezhengmin/hezhengmin.github.io.git git add -A git commit -m "init site" git push origin master 開啟http://localhost:1313/ 測試網站 PS D:\Github\Hugo> cd quickstart PS D:\Github\Hugo\quickstart> hugo server -D 參考 https://gohugo.