收藏 / 列表

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

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

全棧 , node.js , htmx , 前端

你好2007 - Symbol + Generator函數 + Promise

一:Symbol 1.1 基本使用 簡單的説,Symbol就是一個絕對唯一的key值,類似之前obj['key']='value'這種操作的字符串'key',好處是絕對不會重複,避免覆蓋之前的值。 Symbol是一個方法,會返回一個唯一的symbol,可以帶參數,比如:var sy=Symbol('sy-name'),不過這只是為了方便查看,加不加目前沒有區別。 var sy1=Symbol(),

ecmascript-6 , promise , symbol , generator , Javascript

小謳 - 小程序重構 [cnode社區]:mpvue + 開源api,現已上線!

歡迎關注前端小謳的github,閲讀更多原創技術文章 閒暇時光表浪費,由於技術棧一直用的vue,因此用 mpVue 開發了小程序版本的 cnode 社區,api 也都是官網開源的。有人會問 “mpvue不是已經停止維護了嘛?”——的確是的,而且使用起來有很有坑。但這是我第一次寫小程序,找個最相近的語言最適合——無論選擇哪種技術棧,產品要完整做出來才行。小程序現已上線,後續還將逐步嘗試在tar

vue.js , node.js , 小程序 , mpvue , Javascript

數據庫知識分享者 - 這些年在阿里學到的方法論

方法論是指導做事的基本原則,能夠幫助我們快速的觸及問題的核心並確定解決思路,好的方法論能讓我們事半功倍,下面就總結下我在阿里這幾年學習到的部分方法論。 做事方法論 5W2H 我們在做一件事時,經常需要和老闆或者合作方去講為什麼要做這件事,準備怎麼做,以求獲得來自老闆和合作夥伴的認可及支持。5W2H是指WHY、WHAT、WHO、WHEN、WHERE、HOW、HOW MUCH。5W2H方法可以幫助我們

阿里巴巴 , 雲計算 , 阿里雲 , 方法論

同創永益 - 當系統遭遇突襲?智能IT應急平台上演“教科書級救援”

在數字化業務高度依賴 IT 系統支撐的背景下,近期,因消息隊列積壓、資源過載、消費者處理能力不足等 IT 系統突發故障導致的業務中斷事件頻發,不僅造成直接經濟損失,更嚴重衝擊企業服務口碑與用户信任。 2023 年,中國某知名商業銀行部分網點及線上渠道突發系統故障:因通訊異常導致交易鏈路阻塞,全國多地線下網點出現取款業務中斷、開户功能受限等問題,線上轉賬接口響應失敗率飆升至 35%。這一故障直

it , 前端

冷冷的炒麪 - 申請SSL證書的詳細步驟:JoySSL免費政務版和教育版

一、 申請資格與準備 首先,請確認您的單位屬於以下類型: 政府機關、事業單位、公立學校、教育機構、教育平台 申請前,請準備好: 1.您的域名(例如:www.xxx.gov.cn 或 edu.xxx.com)。 2.單位證明文件(如:事業單位法人證書或統一社會信用代碼證書)。 3.聯繫人信息(姓名、電話、郵箱)。 免費SSL證書快速申請入口 直接訪問JoySSL,註冊一個賬號記得填寫註冊碼23

觀點 , 編輯器 , 資訊 , 知識 , 前端

675173ff-65c2-413a-b556-576966012357 - 提升代理 IP 穩定性的五個核心技巧

在跨境電商、廣告驗證、數據採集以及 AI 模型訓練等技術場景中,代理 IP 的穩定性決定了項目的運行效率與安全性。一個穩定的代理能讓系統持續運轉、降低封禁風險;而不穩定的代理則可能造成數據丟失、任務中斷、甚至賬户異常。 那麼,如何真正提升代理 IP 的穩定性? 本文將從五個關鍵角度入手,帶你全面掌握優化代理連接的實用方法。 一、優化網絡環境,確保本地連接穩定 很多人忽視了一個事實:代理

android-studio , 前端 , Javascript

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

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

後端 , 前端

趙大碗 - Joker 智能開發平台-組件生命週期

組件生命週期 本章主要介紹組件生命週期的創建和維護。 如何創建和維護 我們可以在組件數據面板中的邏輯/事件 - 生命週期中來管理我們的組件生命週期。當我們生命週期右側的加號按鈕後,可以添加生命週期函數。添加後,我們即可在這裏維護我們的生命週期邏輯了。(邏輯編排幫助文檔可以在這裏中查看。) 一個組件或者頁面,從創建到銷燬是由完整的一套生命週期函數的,我們可以通過這些函數來實現在不同節點中的業

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

CryptoRzz - 實時期貨、黃金貴金屬、外匯數據接口文檔

StockTV 提供全面的期貨、黃金貴金屬和外匯市場數據接口,支持全球主要交易所的期貨合約、貴金屬現貨及期貨、全球外匯貨幣對等多種金融產品。所有接口返回數據均為 JSON 格式。 快速開始 1. 獲取 API Key 請聯繫官方獲取有效的 API Key,所有接口調用都需要在參數中攜帶 key。 2. 基礎信息 基礎URL: https://api.stocktv.top WebSocket

觀點 , fiddler , 教程 , 知識 , 前端

你好啊你好 - 邊緣吸附組件(vue)

效果Gif圖 使用方式 script lang="ts" setup import EdgeDockable from "***/EdgeDockable.vue"; /script template !-- localStorage 存儲位置時所需要的 key="AI" -- EdgeDockable localStorageKey="AI" template #collap

vue3 , 前端 , Javascript

雨花石 - webpack優化:提高二次構建速度

痛點: 開發過程中改一行代碼卻要等webpack構建半天實在太捉急。 項目背景 我們的項目是@vue/cli4生成的,基於webpack和vue2開發,未使用ts。用到了很多jquery、lodash、echarts等第三方依賴。 參考: @vue/cli4已經默認配置過一些優化方法了,比如為babel-loader增加cache-loder。請教了deepseek和google之後,根據項目的實

vue.js , vue-cli4 , webpack , 前端 , Javascript

PoloAPI - 一文看懂谷歌I/O 2025開發者大會: Android、Chrome、谷歌搜索、Gemini

谷歌I/O開發者大會以"AI原生生態"為核心戰略,圍繞技術升級、產品整合與商業模式展開深度佈局。以下是關鍵內容的結構化總結: 一、AI技術架構突破‌ ‌Gemini模型矩陣‌ Gemini 2.5 Pro新增Deep Think模式,增強複雜推理能力(數學/編程任務準確率提升37%) 輕量級Gemini 2.5 Flash實現移動端40%延遲降低,支持邊緣設備部署 多媒體生成模型V

gemini-2.5-pro , google , 人工智能 , 後端 , 前端

PatWu16 - PWA離線應用調研

1、PWA應用介紹 PWA 是一種通過現代 Web 技術提供類似原生應用體驗的 Web 應用。它的核心特性包括: 可離線訪問:通過 Service Worker 實現離線緩存快速加載 利用緩存策略加速資源加載可安裝 用户可以將 PWA 添加到主屏幕,像原生應用一樣使用響應式設計 適配各種設備屏幕 PWA 的核心技術包括: Service Worker:用於攔截網絡請求、管理緩存

pwa , HTML , 前端 , Javascript

倔強青銅三 - Vite VS Webpack,誰才是最強構建工具

Vite VS Webpack,誰才是最強構建工具 前言 大家好,我是倔強青銅三。是一名熱情的軟件工程師,我熱衷於分享和傳播IT技術,致力於通過我的知識和技能推動技術交流與創新,歡迎關注我,微信公眾號:倔強青銅三。 Vite vs Webpack:哪個更適合您的項目? 隨着Web應用的不斷髮展,對更快、更高效的開發工具的需求也在日益增長。多年來,Webpack一直是複雜應用的首選打包工具,以其強

vue.js , vite , webpack , 前端 , Javascript

火爆的鍵盤 - 瞭解 gRPC 狀態碼及其重要性

gRPC 是什麼? gRPC(gRPC Remote Procedure Call)是一個高性能的開源框架,它通過遠程過程調用(RPC)機制促進應用程序之間的通信。 gRPC 框架使客户端應用程序能夠調用不同機器上的服務器應用程序的方法,就好像它是本地對象一樣。因此,該框架通過抽象網絡通信的複雜性,簡化了分佈式系統的開發。 gRPC 的關鍵特性 語言中立性 RPC 是平台無關的,並支持多種編程語言

grpc , 微服務 , rpc , 程序員 , 後端

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

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

typescript , HTML , 前端 , html5 , Javascript

qinyuanqiblog - 前端直傳七牛雲 3.0 sdk詳細使用

前言 最近產品大哥説要把電商項目改成支持視頻播放,視頻要在後管項目上可以上傳到七牛雲,100M以上的這種視頻,因為我們nginx限制了只能上傳30m,所以只能採用前端直傳七牛雲的這個方案 項目介紹 這是一個基於若依的前後端不分離的項目,前端代碼卸載jsp裏面,主要是後台大哥在維護,我們需要幫助後台做好前端直傳這個動作。 前端直傳七牛雲 如何註冊賬號,創建空間 一般這一步,不需要我們做,可以做為

七牛雲存儲 , 前端

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

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

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

細心的紅酒 - 一張SSL證書可以用於多個域名嗎?

一證多能:SSL證書的“共享”藝術 在數字化時代,SSL證書已成為網站安全的標配。當企業擁有多個域名時,一個現實問題隨之而來:能否像萬能鑰匙一樣,用一張SSL證書保護多個域名?答案是肯定的,但其中大有學問。 證書類型:三種不同的“通行證” SSL證書根據覆蓋範圍的不同,主要分為三類: 單域名證書:如同專屬門禁卡,只能保護一個特定域名,是最基礎的選擇。 多域名證書(SAN證書) : 堪稱“證書家族中

後端 , 前端

MangoGoing - koa實踐總結

什麼是koa? koa是Express的下一代基於Node.js的web框架。使用 koa 編寫 web 應用,通過組合不同的 generator,可以免除重複繁瑣的回調函數嵌套,並極大地提升常用錯誤處理效率。Koa 不在內核方法中綁定任何中間件,它僅僅提供了一個輕量優雅的函數庫,使得編寫 Web 應用和API變得得心應手。 Koa能幹什麼? 主要用途 網站(比如cnode這樣的論壇) ap

koa2 , node.js , koa.js , 前端 , Javascript

程序員優雅哥 - 分享一個實用的 vite + vue3 組件庫腳手架工具,提升開發效率

無論是 vue2 全家桶還是 vue3 + vite + TypeScript,組件庫的使用幾乎大家都會,但自己開發一個獨立組件庫就不是每個人都掌握的,因為搭建組件庫的基礎開發環境,就會讓很多同學望而卻步。一個組件庫應該至少要包括三個方面: 組件庫的開發和打包; 組件庫文檔的開發和打包; 命令行工具 cli 快速創建新組件。 這幾天 程序員優雅哥 搭建了一個組件庫的基礎腳手架: vue3

腳手架cli , 組件庫 , vue-cli3 , vue3 , 前端

前端早早聊 - 今天聊:2~4 年前端走出離職困境與舒適區

本文寫於 2019 年,原鏈接 404 了,重新發布同步於此。1 萬個小時和 3 萬行代碼,會成為工作前 4 年非常核心的量化指標,把握住這段週期,可以在職場建立非常有競爭力的擇業優勢,更關鍵的是自己真正的潛能會被挖掘出來,繼而有機會成為那個心目中的大牛,而把握二字,知易行難,背後需要不斷的走出舒適區,不斷的突破困境區,需要你的決心和勇氣。我是一個做了10 年前端、堅信創業是場修行的趕路人,如果你

職業發展 , 前端工程師 , 職業規劃 , 程序員 , 前端

清隆 - 細説Vue2的響應式原理

什麼是響應式 在 Vue 開發中,我們修改了數據,所有用到這份數據的視圖都會更新。 響應式概括來説就是數據驅動視圖的自動更新 舉個例子,本文也將以下面這段代碼來講解與實現響應式 HTML div id="app" {{ obj.message }} /div JS let data = { obj: { message: 'Hello Vue!', }, } new Vue(

vue2 , vue.js , 響應式 , 前端 , Javascript