收藏 / 列表

dunizb 頭像

杭州程序員張張 - 使用 Node.js 和 htmx 構建全棧應用程序

在本教程中，我將演示如何使用 Node 作為後端和 htmx 作為前端來構建功能齊全的 CRUD 應用程序。這將演示 htmx 如何集成到全棧應用程序中，使您能夠評估其有效性並確定它是否是您未來項目的不錯選擇。 htmx 是一個現代 JavaScript 庫，旨在通過實現部分 HTML 更新來增強Web應用，而無需重新加載整個頁面。與傳統前端框架中的 JSON 有效載荷不同，它通過有線方式發送 H

全棧 , node.js , htmx , 前端

hai2007 頭像

你好2007 - input或textarea中關於光標移動問題

什麼是光標 頁面上輸入框中閃爍的光標其實是一個選區，也就是選區的左邊界和右邊界直接形成的選區。 非IE瀏覽器 輸入框結點input=document.getElementById('#input')有二個屬性： selectionStart、selectionEnd，分別代表選區開始位置，選區結束位置。 通過修改這二個值就可以形成選區，寬度為0也就實現了光標的位置控制和獲取。 IE瀏覽器 IE瀏覽

input , textarea , selection , HTML , 前端

powerful_simon 頭像

小謳 - 手寫一個Virtual DOM及源碼解析

關注前端小謳，閲讀更多原創技術文章 Virtual DOM是當今主流框架普遍採用的提高 web 頁面性能的方案，其原理是： 1.把真實的 DOM 樹轉換成 js 對象（虛擬 DOM） 2.數據更新時生成新的 js 對象（新的虛擬 DOM） 3.二者比對後僅對發生變化的數據進行更新 完整代碼參考 → js 對象模擬 DOM 樹 假設有如下 ht

vue.js , 虛擬dom , virtual-dom , 前端 , Javascript

data_ai 頭像

數據庫知識分享者 - 如何 0 改造，讓單體/微服務應用成為 Serverless Application

簡介：隨着 2013 年以 Docker 為代表的容器技術、CNCF 基金會以及 K8s 的發展等，雲原生開始被廣大開發者所熟知。雲原生時代之前還有兩個階段：一是自建 IDC 機房，二是簡單地把原有的應用搬遷到雲上。自建 IDC 機房很難獲得高可用、高可擴展以及運維提效等能力；而第二個階段就是雲計算時代，相比 IDC 有了一定的進步，但大部分還是在相對原始地用雲，很難用好雲，這個階段的資源已經接近

coffeescript , Javascript

tongchuangyongyi 頭像

同創永益 - 《數據安全法》的前世今生，對災備有何影響？

文章轉載來源公眾號：@雲災備 《中華人民共和國數據安全法》（下稱“《數據安全法》”）已於 9 月 1 日正式落地實施，作為我國第一部有關數據的基礎法，其意義無須多言。一石激起千層浪，社會各界解讀不斷，但重點太多等於沒有重點，本文僅從災備行業關注的角度，理一理《數據安全法》的“前世”、“今生”以及“未來”。 一、沒有數據安全就沒有國家安全 數據作為重要的生產要素，被國家列為基礎性戰略資源，回

行業 , 數據安全 , 災備 , 安全

lenglengdechaomian 頭像

冷冷的炒麪 - 免費SSL證書申請指南

瞭解SSL證書 SSL證書是網站的安全身份證，它讓網站地址從"http"變成"https"，並在瀏覽器顯示鎖形標誌。主要作用是加密數據傳輸，驗證網站真實性，防止信息被竊取。 準備工作 1.確認域名所有權 2.準備服務器信息 3.準備企業資料（如申請企業型證書） 4.準備聯繫電話和郵箱 選擇證書類型 ：根據需求選擇合適類型 域名型證書：基礎加密功能 企業型證書：需要驗證企業資質 增強型證書：最高安全

觀點 , HTTP , HTTPS , 知識 , 前端

b2proxy 頭像

675173ff-65c2-413a-b556-576966012357 - 住宅代理的價值與未來：真實身份下的網絡自由

在網絡世界裏，身份幾乎等同於權力。一個IP地址，不僅決定了你能訪問什麼內容，也決定了你能否順利完成某項任務。 而在今天這個一切都“被識別”的互聯網時代，住宅代理（Residential Proxy），正成為越來越多企業和開發者的“隱形基礎設施”。 為什麼住宅代理越來越重要？ 過去，我們習慣使用數據中心代理（Datacenter Proxy）去爬取數據、測試網站或訪問受限內容。 它們速度

php , 數據庫 , Android , 前端

guangmingleiluodebaomihua 頭像

B2Proxy - 從數據採集到模型訓練：代理IP如何賦能AI

在人工智能的發展鏈條中，數據是燃料，算法是引擎，而代理IP，則是保障整個系統穩定、安全、高效運行的“隱形基礎設施”。無論是數據採集、模型訓練，還是系統測試，代理IP都在背後發揮着至關重要的作用。 一、AI時代的“數據瓶頸” AI的性能高度依賴於數據的數量與多樣性。無論是自然語言處理、圖像識別，還是推薦算法，都需要從全球範圍內採集大量真實數據。然而，頻繁訪問網站容易觸發反爬機制、IP封禁或地理限制，

後端 , 前端

zhaodawan 頭像

趙大碗 - Joker 智能開發平台-組件方法

組件方法 本章着重介紹組件方法的創建與維護。 概述 除了在組件的生命週期函數中維護邏輯，平台還賦予開發人員創建組件方法的能力。通過將公共業務邏輯創建為組件內的方法，有助於更高效地維護組件。將這些方法對外公開後，還能實現從外部調用組件內部方法，這是實現高級複雜組件的關鍵操作流程。 如何創建/編輯方法 在 組件數據 面板的 邏輯事件 - 組件方法 處，能夠添加和維護組件方法。 打開方法創建面板後，平

低代碼 , 低代碼開發平台 , 前端

cryptorzz 頭像

CryptoRzz - python對接印度尼西亞股票數據接口文檔

概述 StockTV 提供全面的印度尼西亞股票市場數據接口，覆蓋印尼證券交易所（IDX）所有上市公司。支持實時行情、技術分析、公司信息等多種功能。 交易所信息 交易所: 印尼證券交易所 (Indonesia Stock Exchange, IDX) 國家ID: 42 (從文檔中馬來西亞示例推斷，具體需確認) 交易時間: 雅加達時間 09:00-12:00, 13:30-16:00 貨幣:

觀點 , chrome , 資訊 , 教程 , 知識

nihaoanihao 頭像

你好啊你好 - 摩天輪（vue）

效果圖 使用示例 script lang="ts" setup import FerrisWheel from "**/FerrisWheel.vue"; import { ref } from "vue"; const defaultUrls = [ "https://naive-ui.oss-cn-beijing.aliyuncs.com/carousel-img/carousel1.

vue.js , Css , HTML , 前端 , Javascript

yuhuashi_584a46acea21f 頭像

雨花石 - review代碼系列（二）：

背景： 因技術優化需要，打算將現有項目庫的部分代碼摘出來單獨構建，所以在package.json加了新的打包命令,當然也要單獨進行webpack配置。 處理babel時發現有兩種babel配置，既有babel.config.js，也有.babelrc。因為都在根目錄下面，所以新的構建任務默認也會使用這兩個babel配置。考慮到後續的單獨維護，覺得用單獨的babel配置比較好。那就要處理

webpack , babel , 前端 , Javascript

chunzhendexiaogou 頭像

PoloAPI - 谷歌正式推出 Gemini 2.5 系列模型，使 AI 推理性能提升30%。

谷歌於2025年6月正式推出‌Gemini 2.5系列模型‌，核心聚焦推理效率與多模態能力升級，具體解讀如下： 🚀 ‌一、三大模型定位與技術亮點‌ ‌Gemini 2.5 Pro‌ ‌角色定位‌：主攻複雜推理與多模態分析（“思考型模型”），在數學、編碼任務中刷新LMArena榜單記錄。 ‌上下文能力‌：支持100萬token輸入（計劃擴展至200萬），可解析代碼庫、大型數據集及混合媒

llm , 算法 , google , 人工智能 , 深度學習

wupeng_5a4de5c290b9d 頭像

PatWu16 - chrome-devtools-mcp 工具試用記錄

谷歌 Chrome 開發者工具 MCP 服務器公佈，它允許 AI 代理在瀏覽器中直接調試、測試和修復代碼，彌補了以往 AI 編碼工具無法直接觀察代碼在瀏覽器中運行情況的缺陷，更多內容查看官方博客、Github倉庫，其在發佈的短時間內即引起廣泛關注，npm下載量陡升： 調試工具提供的能力： 試用記錄，僅供參考：   

chrome-devtools , 前端

jueqiangqingtongsan 頭像

倔強青銅三 - 苦練Python第1天：為何要在2025年學習Python

苦練Python第1天：為何要在2025年學習Python 原文鏈接：Day 1/100: Why Learn Python in 2025? 作者：therahul_gupta 譯者：倔強青銅三 前言 大家好，我是倔強青銅三。是一名熱情的軟件工程師，我熱衷於分享和傳播IT技術，致力於通過我的知識和技能推動技術交流與創新，歡迎關注我，微信公眾號：倔強青銅三。歡迎點贊、收藏、關注，一鍵三

python3.x , 人工智能 , 後端 , 前端 , Python

huobaodejianpan 頭像

火爆的鍵盤 - 利用 pyhttptest 快速測試和調試 RESTful API

現在，無論是開發還是使用服務，我們每個人都面臨着 REST API 的挑戰。同時，我們正處於微服務的流行時代，我們將業務邏輯拆分為多個獨立的小服務。這些服務大多遵循 RESTful 原則，並使用 JSON 格式進行通信，因為其簡單性使其成為最廣泛使用的格式。 pyhttptest- 這是一個命令行工具，用於對 RESTful APIs 進行 HTTP 測試。 此工具通過三個簡單的步驟實現自動化測試

API , 測試 , restful , 測試工具 , 後端

liuyuedekele 頭像

六月的可樂🥤 - SSE請求多種實現方式總結

文前推薦一下👉 前端必備工具推薦網站(圖牀、API和ChatAI、智能AI簡歷、AI思維導圖神器等實用工具): 站點入口：http://luckycola.com.cn/ 什麼是SSE SSE（Server-Sent Events）是一種用於實現服務器主動向客户端推送數據的技術，也被稱為“事件流”（Event Stream）。它基於 HTTP 協議，利用了其長連接特性，在

typescript , HTML , 前端 , html5 , Javascript

qinyuanqiblog 頭像

qinyuanqiblog - angularjs 學習筆記

angularjs官網 Awesome AngularJS angularjs菜鳥學院 angular 中文網 angular新手經常會碰到的坑 angularjs核心功能介紹 所有的東西都是綁在module上面的 angular .module('app', []) // module .factory() //

angularjs , 前端

sovitjs 頭像

可視化PaaS開發 - 智慧工業園可視化生產風險管控系統

建設背景 隨着經濟飛速發展和產業創新升級，作為新經濟形式的重要載體，工業園區污染嚴重、安全生產難以監管等問題日益突出。工業園區作為工業高質量發展的重要載體和平台，工廠聚集，安全生產風險集中，在這個背景下，建設智慧工業園區已經成為了許多企業和政府的共同選擇。 總體架構 工業園區智能化管控平台應按照工業互聯網平台架構進行設計，建立統一的標準規範體系和安全運維保障體系，保證系統平台的規範、安全和穩定運行

工業互聯網 , 物聯網 , 前端設計 , 可視化 , html5

xixindehongjiu 頭像

細心的紅酒 - SSL雙向認證

SSL雙向認證：不止是服務器亮明身份，更是客户端的“實名制”通行證 在互聯網安全領域，SSL/TLS證書幾乎無人不知。我們日常訪問的絕大多數 HTTPS 網站，使用的都是單向認證——瀏覽器驗證服務器的身份，確保你連接的是真正的銀行或電商網站，而非釣魚網站。但在一系列對安全要求極高的場景中，一種更嚴格、更安全的機制被廣泛應用：SSL雙向認證。 本文將深入淺出地解析SSL雙向認證的核心原理、工作流程、

後端 , 前端

chengxuyuanyouyage 頭像

程序員優雅哥 - Vue3 企業級優雅實戰 - 組件庫框架 - 9 實現組件庫 cli - 上

上文搭建了組件庫 cli 的基礎架子，實現了創建組件時的用户交互，但遺留了 cli/src/command/create-component.ts 中的 createNewComponent 函數，該函數要實現的功能就是上文開篇提到的 —— 創建一個組件的完整步驟。本文咱們就依次實現那些步驟。（友情提示：本文內容較多，如果你能耐心看完、寫完，一定會有提升） 1 創建工具類 在實現 cli 的過程中

vite , 組件庫 , vue3 , cli , 前端

zaotalk 頭像

前端早早聊 - 【Node 連載 3/9】如何高效開發表現層 Node.js 應用

本文是 2021 年 12 月 26 日，第三十五屆 - 前端早早聊【前端搞 Node.js】專場，來自預測科技的技術總監 —— 芋頭的分享。感謝 AI 的發展，藉助 GPT 的能力，最近我們終於可以非常高效地將各位講師的精彩分享文本化後，分享給大家。（完整版含演示請看錄播視頻）：https://www.zaozao.run/video/c35 完整版高清 PPT 請添加小助手「zzleva」獲取

node.js , 前端框架 , graphql , nestjs , 前端

qinglong_62898aa51988d 頭像

清隆 - 兩千字助你理解for of原理，擴展for of完美解決遍歷對象問題

ES6 推出的 for of 語句非常強大，遠超曾經的所有遍歷方式。 for of 可以很輕鬆地遍歷數組、集合、映射，寫法也十分簡潔。 在我的項目中，除了需要獲取特定返回值的時候還採用數組的 map filter reduce 方法，其餘遍歷都由 for of 代勞。 本文我將逐層深入地介紹 for of 語句的用法與注意事項，並刨析其原理——迭代器和生成器，最後在對象與數字類型上擴展 for o

迭代器 , for循環 , 前端 , Javascript

_6085362b65292 頭像

HZFEStudio - New 操作符的原理

完整高頻題庫倉庫地址：https://github.com/hzfe/awesome-interview 完整高頻題庫閲讀地址：https://febook.hzfe.org/ 相關問題 new 操作符做了什麼 new 操作符的模擬實現 回答關鍵點 構造函數 對象實例 new 操作符通過執行自定義構造函數或內置對象構造函數，生成對應的對象實例。 知識點深入 1. new 操作符做了什麼

面試 , new , es5 , 前端 , Javascript