Mern 10/5 學習

-

 1. Node JS 安裝 & 側試

https://www.youtube.com/watch?v=SYQU0TSMjYw

2. Node.js Express 框架快速入門：npm 指令，使用 Express 框架 By 彭彭

https://www.youtube.com/watch?v=vQ4KV07bVk0

出現node js 第3方套件


3.


留言

張貼留言

這個網誌中的熱門文章

Kiro 教學

-
  Kiro 不同於過去大家熟悉的 AI 編碼助手如 GitHub Copilot 或 Amazon Q Developer，它不只是簡單地根據開發者輸入的提示生成程式碼，更深入整合整個軟體開發流程。從需求分析開始，Kiro 就能自動生成詳細的規格文件，幫助開發團隊將具體點子轉化成具體執行項目，接著，依據這些規格，Kiro 會建立完整的設計藍圖與任務清單，確保每一環節都有明確目標。  除了協助開發者不用程式碼開發產品，在實際編碼階段，Kiro 會不斷監控並自動更新文件，確保程式碼與規格文件、測試案例以及安全檢查同步，避免團隊因資訊不同步而產生錯誤。這種從需求到生產的全面支援，大幅提升團隊協作效率和軟體品質。  AWS 產品負責人 Nikhil Swaminathan 表示，Kiro 的最大優勢在於「讓原型程式碼順利進入生產系統」，同時自動處理測試、文件生成和性能優化等必要工作，讓開發者專注於核心功能的實現。 https://www.ckmates.com/index.php/front/ckmates/blog_page/106
閱讀完整內容

Playwright MCP VS Playwright test MCP

-
圖片
Playwright MCP (@playwright/mcp) • 主要用途：讓 AI 代理（AI Agent）直接驅動及互動真實的網頁瀏覽器。 • 運作方式：將瀏覽器的基本動作（如開啟網頁、點選按鈕、填寫表單、抓取文字）包裝成 MCP 工具。 • 適用場景：即時網頁自動化、瀏覽器操作、爬蟲與資料擷取，或讓 AI 幫忙手動探索網頁。 [1, 2] Playwright Test MCP • 主要用途：緊密結合專案中的 Playwright Test 測試框架，專門處理自動化測試的生命週期。 • 運作方式：提供測試規劃（Planner）、程式碼產生（Generator）以及自我修復與除錯（Healer）等高階測試指令與工具。 • 適用場景：根據需求文件自動產生測試案例、分析並修復失敗的測試腳本，適合整合進開發與測試流程 Playwright MCP 跟一般 Playwright 測試差在哪？ https://iambigd.tw/playwright-vibe-coding-ai-agent-testing-guide Browser MCP 跟 Playwright skill 最大的差別是「誰來控制瀏覽器」。 Browser MCP 是把瀏覽器變成 MCP Server，讓 Claude、Cursor 這類 AI agent 透過 MCP 協議直接下指令。AI 自己決定要點哪、輸入什麼，你不用寫腳本。它適合做探索、測試、自動化流程。 Playwright skill 則是 Claude Code 內建的工具，底層一樣用 Playwright，但它是「技能包」。你下指令讓 Claude 去寫或執行一段固定的 Playwright 腳本，更像你叫 AI 幫你寫 code 再跑。彈性低但穩定可控。 簡單記：MCP 是讓 AI 即時遙控瀏覽器，Playwright skill 是讓 AI 幫你寫好劇本再演。   d  
閱讀完整內容

datagrid checkbox

-
  onBeforeCellEdit: function(index,field){     var row = $(this).datagrid('getRow', index);     console.log(row) } https://www.jeasyui.com/forum/index.php?topic=5868.0 $(function(){ $('#dg').datagrid({ onLoadSuccess: function(){ $(this).datagrid('getPanel').find('.tooltip-dlg').each(function() { $(this).tooltip({ content: $('<div></div>'), onUpdate: function(content){ content.panel({ width: 500, height: 200, border: true, http://code.reloado.com/ayibuk3/9/edit#javascript,html https://www.jeasyui.com/forum/index.php?topic=7104.0  function formatAttribute(value,row,index){ return '<span class="tooltip-dlg" data-field="'+this.field+'" data-index="'+index+'">'+value+'</span>'; } $(function(){ $('#dg').datagrid({ onLoadSuccess: function(){ $(this).datagrid('getPanel'...
閱讀完整內容