tag 前端

標籤
貢獻1,036
955
06:37 AM · Oct 27 ,2025

@前端 / 博客 RSS 訂閱

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

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

全棧 , node.js , htmx , 前端

收藏 評論

無名小貝勒 - 10年後再打開 SegmentFault感慨萬千

很久很久沒有打開過 SegmentFault 了,它一直躺在我的書籤裏。今天下午隨手點了一下,“誒,怎麼打不開了?”書籤裏的 URL 是個人主頁鏈接,大概是登錄態早就失效了,一直跳轉到一個失敗頁面。我索性手動刪掉後面的路徑,直接訪問首頁,重新登錄。剛進來,右上角一堆紅點:動態、私信、郵件……我點開一看,發現居然有 324 個粉絲。 哈哈,這是我所有平台賬號裏粉絲最多的一個,説實話還真有點驚喜

chatgpt , 程序員 , web3 , 前端

收藏 評論

Apifox - REST API 的 HTTP 請求參數:最佳實踐

當我們在談論現代 Web 開發時,REST API (Representational State Transfer Application Programming Interface) 扮演着至關重要的角色。它允許不同的系統以一種簡潔且高效的方式進行通信。HTTP 請求參數是控制此通信流程中數據如何被髮送和接收的重要組成部分。 HTTP 請求參數簡介 HTTP 請求參數允許你將信息從客户端(例如

rest-api , HTTP , 後端 , 前端 , Web

收藏 評論

Warn - web開發如何入門元宇宙?Blender探索筆記 | 大帥老猿threejs特訓

前言 精彩的世界盃決賽期間,參與了胖達老師基於Three.jsBlender的元宇宙搭建入門實訓,趁着年前還有點記憶,來做個筆記。本來想在這篇筆記裏面完整記下整個流程,但是篇幅實在太長了,本文暫時以Blender探索為主。 基礎環境搭建 Three.js提供的API是可以讓我們基於原生JavaScript隨便玩的,但是為了讓我們能在VSCode環境下有更好的代碼提示和熱更新,我們可以把Vite和T

元宇宙 , web開發 , three.js , blender , 前端

收藏 評論

可不簡單 - vue 表格 vxe-table 樹結構實現單元格複製粘貼功能,實現樹層級節點複製功能

vue 表格 vxe-table 樹結構實現單元格複製粘貼功能,實現樹層級節點複製功能;樹結構默認是平級粘貼,可以通過 clip-config.isDeepPaste 啓用深層數據結構的粘貼,需要注意樹結構只支持 tree-config.transform 模式 https://vxetable.cn 可以通過 clip-config.isDeepPaste 啓用深層數據結構的粘貼 templa

前端

收藏 評論

倔強青銅三 - vscode插件開發中文文檔教程(6)——擴展的主題

vscode插件開發中文文檔教程(6)——擴展的主題 原文鏈接:Theming\ 作者:Microsoft\ 譯者:倔強青銅三 前言 大家好,我是倔強青銅三。是一名熱情的軟件工程師,我熱衷於分享和傳播IT技術,致力於通過我的知識和技能推動技術交流與創新,歡迎關注我,微信公眾號:倔強青銅三。歡迎點贊、收藏、關注,一鍵三連!!! 擴展的主題 在 Visual Studio Code 中,有

vscode插件 , typescript , 前端 , Javascript

收藏 評論

zhanle_huang - highchart的draggable-points.js依賴實現圖表的動態拖拽操作

highchart的draggable-points.js依賴實現圖表的動態拖拽操作 需求 實現一個曲線圖,能夠通過鼠標去拖拽點,來進行修改圖表 實現 例子基於vue來實現,如果是jq的按照官網的例子即可,配置列表鏈接.,例子 // 引入依賴 import Highcharts from 'highcharts/highcharts.js'; import dragg

vue.js , highcharts , 前端 , Javascript

收藏 評論

註銷 - Client Side Cache 和 Server Side Cache 的區別

Cache me outside 緩存是一種優化網頁加載時間並優化其使用的內存量的持久化機制。 Cache 的定義 出於篇幅限制,本文重點介紹 Web 緩存。 當您加載網站時,網站數據(如圖像、視頻和 html 文檔)將被保存。 重新加載網站後,它不會調用數據庫再次獲取該數據。 它只是將數據從內存中讀取。 緩存以容量換取速度,緩存通常會暫時存儲數據的子集,而數據庫的數據通常是完整且持久的。 Cli

cache-control , 緩存 , 前端 , html5 , Javascript

收藏 評論

細心的紅酒 - SEO高手不説,但都在做的秘密:SSL證書的排名加成

在SEO的世界裏,真正的頂尖高手往往默默踐行着一些基礎卻極其關鍵的優化法則。其中,為網站部署SSL證書,從HTTP遷移到HTTPS,就是這樣一條公開的“秘密”。它並非奇技淫巧,而是由搜索引擎官方背書、影響深遠的基礎性排名因素。 如果你還在忽略它,可能正在將寶貴的排名機會拱手讓人。本文將為你清晰拆解,SSL證書如何以及為何能成為你的SEO助推器。 獲取SSL證書提示SEO排名 註冊碼230976 官

後端 , 前端

收藏 評論

guyu - less&scss 常用 mixin&function集合

lessscss 常用 mixinfunction集合 scss mixin:返回樣式集合 定義:@mixin 變量名(參數) { 樣式 } 調用:@include 變量名(參數); mixin 基礎用法 // 單行文本溢出 @mixin oneRowOverflow { white-space: nowrap; overflow: hidden; text-

less , scss , mixin , function , 前端

收藏 評論

點量實時雲渲染 - 點量雲流突破架構壁壘,實現全棧信創自主可控

在信創產業加速推進的背景下,軟硬件技術的自主可控成為關鍵發展路徑。點量雲流率先實現從硬件適配到軟件生態的全棧信創佈局,為各行業提供安全可靠的實時雲渲染解決方案。 一、全面覆蓋主流硬件架構,夯實自主根基 點量雲流實時雲渲染率先完成對ARM架構的深度適配,全面支持鯤鵬等國產芯片,同時兼容x86架構的海光、兆芯等處理器,實現跨平台硬件覆蓋。在圖形處理層面,點量雲流已完成對摩爾線程等國產GPU的兼容適配

Android , ios , 後端 , 前端

收藏 評論

xiaohe0601 - 🧸 前端不是隻會寫管理後台,我用 400 行代碼畫了一個 LABUBU !

注意看,這個男人叫小何,別小看他,每天晚上 9 點 59 分他都準時打開泡泡瑪特小程序蹲守 LABUBU 搶購。就在剛才,屏幕時鐘倒計時又到 00:00:00 了,他立刻開始狂戳屏幕上的「立即購買」按鈕,切換「購買方式」反覆刷新庫存,熟練的讓人心疼。 可是,現實卻從來沒有什麼“功夫不負有心人”,有的只是無數“黃牛”揮舞着自己的“科技”與小何同台競技。毫無意外,今天的小何依然沒有勝利,看着屏幕上的「

vue.js , canvas , typescript , 前端

收藏 評論

RandomSleep - JS中的塊作用域和遮蔽效應

JS中的代碼塊是什麼? 我們的程序是由一條條語句構成的,語句是按照自上而下的順序一條條執行的。代碼塊(block)也被稱為複合語句(coumpound statement),其作用是通過“{ }”將多條語句組合在一起。 { // 複合語句 var a = 10; console.log(a); } 那麼為什麼要將多條語句組合在一起呢? 因為我們可以將多條語句“打包”在一起,

作用域 , 前端 , Javascript

收藏 評論

可不簡單 - vue 甘特圖 vxe-gantt table 可視化依賴線的使用,可視化拖拽創建連接線的用法

vue 甘特圖 vxe-gantt table 可視化依賴線的使用,可視化拖拽創建連接線的用法 支持拖拽兩個任務之間創建連接線、支持雙擊線刪除 https://gantt.vxeui.com/ 類型説明 0 FinishToStart 結束後才開始,表示一個任務必須在另一個任務開始之前完成 1 StartToFinish 開始到結束,表示從某個過程的開始到結束的整個過程 2

前端

收藏 評論

王大山 - 我看underscore 源碼設計

先過濾掉underscore內部各個工具函數的具體邏輯,只看源碼庫本身有什麼內容。 構造函數 underscore有兩種調用方式: 風格對象 _.map([1, 2, 3], function(n){ return n * 2; }); 函數風格_([1, 2, 3]).map(function(n){ return n * 2; }); _是一個函數對象,api中的函數全都掛載到_上,實

underscore , 前端 , Javascript

收藏 評論

小謳 - 《javascript高級程序設計》學習筆記 | 8.1.理解對象

關注前端小謳,閲讀更多原創技術文章 理解對象 ECMAScript 定義對象:無序屬性的集合(一組沒有特定順序的值),其屬性可以包含基本值、對象、函數,整個對象可以想象成一個散列表 相關代碼 → 創建自定義對象的 2 種方法:Object 構造函數和對象字面量: 用構造函數創建一個 Object 實例,然後為它添加屬性和方法 var person = n

面向對象編程 , object , 前端 , Javascript

收藏 評論

微芒不朽 - vue3插槽的本質

引言 插槽(Slots)是 Vue 組件系統中一個強大而靈活的特性,它允許我們在組件之間傳遞模板內容。在 Vue3 中,插槽機制得到了進一步的優化和完善。本文將深入探討 Vue3 插槽的本質,幫助開發者更好地理解和使用這一重要特性。 什麼是插槽? 插槽本質上是一種內容分發機制。它允許父組件向子組件傳遞任意的模板片段,這些片段可以在子組件內部被渲染到指定的位置。 !-- 父組件 -- templat

vue.js , 前端 , Javascript

收藏 評論

倔強的鉛筆 - Django 整合 Swagger:實現快速 API 文檔生成

Django ,作為 Python 編寫的一個優秀的開源 Web 應用框架,特別適用於快速開發的團隊。對於很多場景來説,我們需要一份 API 文檔,好處實在太多了: 提高開發效率:開發者可以基於 API 文檔 快速學習和嘗試 API,同時 Swagger 文件也可以在許多不同的平台上從代碼註釋中自動生成,減少了手動編寫文檔的時間和精力。 方便接口測試:基於 API 文檔可以生成客户端 SDK

web開發 , django , 程序員 , swagger , 前端

收藏 評論

y_lucky - MAC-react項目cordova工程環境搭建及報錯解決辦法

本文主要目錄結構: 1. -前言 2. -什麼是Cordova 3. -**Cordova前期準備** 4. -真機設備調試:IOS調試+Android設備 5. -**安裝過程中的9個錯誤及解決方案** 一.前言 因為工作需要,第一次搭建Cordova項目環境,打包的過程中遇到了很多的問題,特記錄下來,希望可以幫助到有同樣困惑的小夥伴。也十分感謝同事的熱心指導,❤️❤️手動比心❤️❤️ 二.什

cordova , 前端

收藏 評論

雲綺棠兮 - JavaScript之對象篇

對象 是無序屬性的集合,其屬性可以包含基本值,對象,或者函數。可以將對象想象成散列表:鍵值對,其中值可以是數據或者函數。ECMAScript中的對象其實就是一組數據(屬性)和功能(方法)的集合。 題外話:睡了,明天再搞,中秋節快樂鴨!!!!! 對象是一個包含相關數據和方法的集合(通常由一些變量和函數組成,我們稱之為對象裏面的屬性和方法) 比如在現實生活中,每一個人都是一個對象。對象有它的屬性,如身

node.js , object , 前端 , Javascript

收藏 評論

意孤行 - vue3使用iconfont

1.首先登陸阿里雲矢量圖標庫,把需要的字體圖標加入到自己的項目中 2.將項目下載到本地,並解壓到項目中 3.在vue項目下的資源文件夾下新建iconfont文件夾,將下載後的文件解壓將一下文件拷貝到項目的iconfont文件夾下, 4.在main.ts中引入iconfont.css和iconfont.js,如果不使用多色圖標的話可以不用引入iconfont.js文件 import

iconfont , vue3 , 前端

收藏 評論

OpenTiny社區 - 使用開源技術快速上手 Web 前端開發(內含PPT課件)

11月29日 OpenTiny 參與了華為雲開源針對的高校學生在中國人民大學舉辦的 meetup 交流活動,本次活動演講主要圍繞數據庫、Web3、AI大模型、微服務治理、前端等領域展開討論。OpenTiny 主要為大家分享了 《使用開源技術快速上手Web前端開發》 ,與大家共同探討前端開發經驗。 本次分享主要分為三個環節展開: Web前端開發與核心技術簡介 實踐:使用開源上手前端開發 開

web開發 , 開源 , 前端

收藏 評論

野生程序猿江辰 - 微信小程序 web-view 問題

大家好,我是江辰,這篇文章記錄一次在真實的線上環境中,關於 web-view 的問題,大家可以跟隨作者一起看看心路歷程。 本文首發於微信公眾號:野生程序猿江辰 歡迎大家點贊,收藏,關注 問題背景 上半年最開始做的一版是展業大廳頁面和互動白板頁面(以下統稱 web-view)分離,後面由於騰訊那邊對交互方式不滿意,強調一定要展業大廳頁面和白板頁面在同一個頁面進行交互,最開始我們沒有思路,因為在小程序

微信 , 微信小程序 , webview , 前端

收藏 評論

codexu - 試試 NoteGen,它用 AI 讓記錄和寫作更高效!

為什麼選擇 NoteGen? 在眾多筆記應用中,NoteGen 脱穎而出,因為它兼顧了簡潔、實用和強大擴展性。傳統筆記工具往往 bloated(臃腫),用着累贅,但 NoteGen 設計初衷就是“輕快高效”,讓你專注於內容本身,而不是軟件本身。 極致輕量,免打擾體驗:NoteGen 的安裝包只有 10-20 MB,啓動瞬間即用。更重要的是,它完全免費、無廣告、無捆綁軟件。這意味着你下載後,就

編輯器 , next.js , 人工智能 , 程序員 , 前端

收藏 評論