tag typescript

標籤
貢獻200
268
05:15 PM · Oct 25 ,2025

@typescript / 博客 RSS 訂閱

倔強青銅三 - NodeJS項目架構設計,看這一篇就足夠了!

NodeJS項目架構設計,看這一篇就足夠了! 前言 大家好,我是倔強青銅三。我是一名熱情的軟件工程師,我熱衷於分享和傳播IT技術,致力於通過我的知識和技能推動技術交流與創新,歡迎關注我,微信公眾號:倔強青銅三。 1. 🧩 整潔架構簡介 Clean Architecture(整潔架構)由Robert C. Martin(Uncle Bob)提出,它強調應用程序內部關注點的分離。該架構提倡業務邏輯

express , node.js , typescript , 前端 , Javascript

收藏 評論

長林啊 - 掌握 React Hooks:現代 React 開發的必備技能

大家好,我是長林啊!一個愛好 JavaScript、Go、Rust 的全棧開發者;致力於終身學習和技術分享。 本文首發在我的微信公眾號【長林啊】,歡迎大家關注、分享、點贊! Hooks 是 React 官方團隊在 React 16.8 版本中正式引入的概念。通俗的講,Hooks 只是一些函數,Hooks 可以用於在函數組件中引入狀態管理和生命週期方法;如果希望讓 React 函數組件擁有狀態管理和

react , hooks , typescript , 前端 , Web

收藏 評論

玩足球的傷疤 - 細説Flexbox 佈局

在響應式設計中,Flexbox 是一種理想的佈局工具。它使得元素能夠根據容器的尺寸自動調整,靈活地填充可用空間。因此,無論是在桌面端還是移動端,Flexbox 都能夠確保佈局自適應、整潔且易於維護。 示例:響應式導航欄 假設我們需要創建一個具有可調節寬度的導航欄,項之間應均勻分佈,並且在小屏幕上時,導航項能夠堆疊在一起: nav class="navbar" a href="#"Home/a

flexbox , typescript , 後端 , 前端 , Javascript

收藏 評論

42 - RxJS + Fetch: HTTP 請求的新紀元

RxJS + Fetch: HTTP 請求的新紀元 Reach 是一個使用 RxJS 和原生 Fetch API 構建的 HTTP Client,它受到 Axios 的啓發。 RxJS 用於實現類似於 Axios 中攔截器的功能,它被稱作管道,是比攔截器更加強大的自定義工具。同時它也儘量使用 Web API 而不是自定義數據類型,這使得它十分的輕量。 它使用起來類似這樣: import { R

rxjs , HTTP , Axios , typescript , Javascript

收藏 評論

perkz - React Native 如何接入騰訊地圖 IOS篇

在React Native App上之前使用的是通過Webview渲染一張Web地圖(https://map.qq.com/api/gljs?v=1.expkey=XXX),這麼做的弊端就是速度慢而且不穩定,之前也用過高德地圖,為了和微信小程序保持一致,需要用騰訊地圖。 參考 騰訊地圖(IOS) 實現的功能 地圖中心點 縮放比例 地圖控件(指南針,比例尺子) 多個標記點 根據多點設置最

objective-c , 騰訊地圖 , ios , typescript

收藏 評論

月半大熊貓 - 從紅屏到斷點,VSCode+Chrome打開調試vue.js項目的黃金配置公式,後端轉前端必看!

夙夜小哥這幾天有個項目前端人手不夠,要我支援幾天。我本人之前是寫後端的,在支援的過程中發現前端對JavaScript或者typescript的方法提示以及代碼導航功能都比較弱,可能是由於js本身屬於弱類型語言,所以這波並不屬於VSCode的鍋。 但是我又發現好像VSCode不進行配置的話,沒法直接使用調試功能,好傢伙,這下讓我一頓上網衝浪百度+谷歌,翻來翻去感覺網友都沒有寫在點子上,最後還是

vue.js , visual-studio-code , 調試 , typescript , Javascript

收藏 評論

歡進 - 開源 | Warpvas 實現扭曲的畫布

介紹 名字靈感源於 warped + canvas,扭曲的畫布。 畫布可以被扭曲嗎? 如果你使用過canvas,可能你對setTransform API也有所瞭解,那你可能會給出一個偏消極的答案:只能整體傾斜變形,但做不到扭曲變形。 但這真的做不到嗎? 我們可以先來想一個問題:如果對於一個方方正正的圖像來説,setTransform API施加的變形效果只能作用於整體,那如果把它從斜對角切成兩份三

webgl , canvas , typescript , 前端 , Javascript

收藏 評論

月半大熊貓 - 《95%開發者不知道的vue.config.js高階玩法》手撕Webpack配置鏈/SSR優化/多頁應用,3倍構建效率實戰方案

Vue工程化配置指南:vue.config.js深度解析 一、初始化配置文件 在Vue CLI工程根路徑下創建配置文件: 項目層級示意: your-project/ ├── src/ ├── public/ ├── package.json └── vue.config.js # 新增配置文件 基本模板結構: module.exports = { // 工程化配置區域 } 二、核心配置參數解

vue.js , visual-studio-code , webpack , typescript , 前端

收藏 評論

活潑的臉盆 - FeHelperPlus:提升前端開發效率的VsCode插件(支持:JSON轉TS、JSON和EXCEL互轉 等)

根據JSON生成TS類型 在日常開發中,根據JSON生成TS類型是常見需求。只需選中 JSON 字符串,鼠標右鍵喚起菜單或者使用快捷鍵,即可自動生成 TypeScript 類型約束。支持小駝峯、下劃線等多種命名風格,操作簡單,結果精準。 多語言JSON文件和Excel文件互相轉換 在多語言項目中,JSON 文件與 Excel 文件的轉換是常見需求。該插件支持扁平化和非扁平化 JS

vscode插件 , excel , typescript , 前端 , Json

收藏 評論

feixi50 - 開始開發 MCP Server

部署 MCP Server 到函數計算 FC 完成 Server 的開發後,你可以通過 Serverless Devs CLI 工具一鍵將你的 MCP Server 部署到函數計算。Serverless Devs 是通過 s.yaml 部署代碼的,其需要包含所有部署需要的信息,包括實例規格、代碼目錄、觸發器配置等等,而 CLI 已經幫你寫好了,因此你不需要在意這些。 在部署之前,還需要對代碼

react , angular , typescript

收藏 評論

奔放的炒粉 - 分享8款研發團隊協作常用軟件

Coding管理工具是一款集開發協作、代碼託管、項目管理、持續集成與自動化部署為一體的企業級雲平台,旨在為開發團隊提供一站式的開發與運維解決方案。該平台整合了敏捷項目管理、代碼版本控制和自動化構建流程,幫助企業實現數字化轉型,提高協同效率,並確保項目從開發到上線的全流程無縫連接。Coding管理工具主要功能包括Git代碼託管、項目任務管理、問題追蹤、持續集成與自動化部署以及團隊協作與文檔管理。平台

bootstrap , chrome-devtools , typescript

收藏 評論

Ming - MetisUI-一套企業級 React-Tailwind 組件庫

Metis UI 的目標是為那些喜歡 Ant Design 的開發者提供一個更靈活的選擇,特別是希望結合 Tailwind CSS 的開發者。我們在保留 Ant Design 組件設計邏輯的基礎上,提供了以下改進: 樣式覆蓋更靈活基於 Tailwind CSS 的樣式體系,開發者可以方便地對組件的各個元素進行樣式覆蓋,無需編寫複雜的自定義樣式,快速實現個性化設計。 增強的交互功能內置了一些

react , tailwind-css , antd , typescript , 前端

收藏 評論

鄭知魚 - 【擁抱鴻蒙】HarmonyOS之構建一個自定義彈框

​ ​ 彈窗是一種模態窗口,通常用來展示用户當前需要的或用户必須關注的信息或操作。在UI開發中,彈框是重要且不可忽視的組件。 HarmonyOS內置了多種系統彈框,分別有AlertDialog 、TextPickerDialog 、DatePickerDialog以及TimePickerDialog等。 ​ 本文將詳細介紹系統彈框的封裝和使用,並着重展現自定義彈框的實現。 ​ ​ 系統彈框

harmonyos-next , android-studio , harmonyos , typescript

收藏 評論

溪抱魚 - Next的Seo實踐

第10章:Next的Seo實踐 1. Meta標籤 Next App Router比較主流的有兩種定義源數據標籤的方式,一種是通過在佈局或者頁面上導出一個 metadata 的對象,會自動生成對應的Meta源數據標籤,這是靜態的。 而另外一種則是動態生成meta標籤,這種場景通常需要先請求接口得到一些信息的動態源數據頁面,在這種情況下我們採用generateMetadata函數。 1.1. 靜態M

next , seo , typescript , 前端

收藏 評論

六月的可樂🥤 - 強烈推薦 Web前端在線代碼IDE(代碼編輯器)

好用代碼在線編輯器推薦 在前端開發的世界裏,一款高效、便捷的代碼編輯器是每位開發者的得力助手。今天,我將以一名前端技術愛好者的身份,為大家介紹一款專注於前端領域的免費在線代碼編輯器——ColaOnlineCoder。它不僅支持在線編輯和預覽HTML、CSS、JavaScript等前端代碼,還集成了豐富的在線前端框架模板,以及強大的AI編程助手能力,為前端開發帶來了前所未有的便捷與可能。 這裏先貼一

css3 , 人工智能 , typescript , 前端 , html5

收藏 評論

想天瀏覽器 - 從 0 到 1 打造社區產品:短説社區助力開啓社交新篇

從 0 到 1 打造社區產品:短説社區助力開啓社交新篇在這個信息繁雜的時代,人們愈發渴望能有一方專屬天地,與志同道合之人盡情交流興趣、分享生活點滴。你是否也在尋覓這樣一個獨特的社交空間呢?現在,一款依託短説社區搭建,即將從 0 成長為 1 的全新社區產品,正準備為你開啓前所未有的社交體驗! 打造社區產品的第一步,是精準定位。我們深入剖析目標用户羣體,聚焦於 (具體目標用户羣體)。拿攝

node.js , chrome-devtools , typescript , npm , Javascript

收藏 評論

細心的手套 - HTTP代理:網絡世界的智能中轉站

在互聯網信息高速流動的時代,HTTP代理作為一種基礎卻強大的網絡工具,正在各類網絡活動中扮演着越來越重要的角色。它就像一位經驗豐富的網絡嚮導,不僅能夠優化訪問路徑,還能在用户與目標網站之間建立起安全屏障,讓網絡體驗更加流暢和安全。 HTTP代理最基本的功能是作為網絡請求的中轉站。當用户通過代理訪問網站時,請求首先發送到代理服務器,再由代理服務器向目標網站獲取數據。這種間接訪問的方式帶來了多重優勢:

safari , swoole , typescript , 前端

收藏 評論

一顆冰淇淋 - 提升開發體驗:基於 JSDoc 的 React 項目自動代碼提示方案詳解

需求背景 主管和其他同事基於公司的業務特點,開發了一套自研前端框架。技術選型是 React + JavaScript 的組合,上線後表現還不錯。現在他們想把這個組件庫推廣到其他團隊使用,所以讓我琢磨一下:怎麼能讓使用者用得更順手一點?尤其是能不能在寫代碼的時候有自動提示? 我調研了一下市面上常見的幾種方案,大致有以下幾類: 把整個項目從 JavaScript 重構為 TypeScript,這樣

前端工程化 , jsdoc , typescript , 前端 , Javascript

收藏 評論

夢想雲圖網頁CAD - (Online CAD Software)在線CAD二次開發形位公差標註

一、前言 形位公差是指對零件幾何要素的形狀誤差和位置誤差所允許的最大變動量,它與傳統的尺寸公差不同,不僅關注長度或直徑等線性尺寸的變化,還關注零件的幾何特性是否符合設計意圖。在本篇文章中我們將介紹如何通過mxcad插件根據形位公差的特性來實現形位公差標註功能。 二、形位公差的分類 形位公差的所有公差代號如下圖所示: 根據國家標準 GB/T 1182-2018(等同於 ISO 1101

node.js , typescript , npm , html5 , Javascript

收藏 評論

ChenyCHENYU - robot-admin 一個現代化的基於業務場景的中後台解決方案

我做了個 Vue3 的中後台框架,想和你聊聊背後的故事 不是技術博客,只是一個前端開發者的自白 開篇 你好,我是 CHENY。一個有點代碼潔癖的前端開發者。 今天想和你聊聊我最近做的一個開源項目 —— Robot Admin。不聊技術有多牛,不聊架構有多先進,就想和你説説,為什麼要做這個項目,以及它能幫你解決什麼問題。 為什麼又是一個後台框架? 是的,我知道。GitHub 上的後台框架已經夠多了

vue.js , 前端框架 , typescript

收藏 評論

wszgrcy - 通用表單解決方案---皮影

皮影為不同框架提供統一的表單開發體驗 使開發者更加關注於邏輯和佈局,從瑣碎事物中解放出來 皮影的相關設置更加語義化,減少開發心智;並允許自定義封裝 皮影完全兼容valibot的所有Action,可以完美的利用其驗證及轉換機制 文檔 感性的認識可能會讓您更快的體驗到皮影的魅力,網站上實現了大量的用例,方便您快速瞭解皮影 https://piying-org.github.io/we

react , vue.js , angular , typescript , 前端

收藏 評論

AXUI - AXUI v3.1.27震撼發佈:全新Viewer媒體查看器模塊和Toast短消息模塊

更新內容 修復Range組件使用reset方法無效的問題。 將 Range 庫的參數從 aixs 改為 flow,可選值為 h/v(水平/垂直) 修復Datetime組件在手機端下拉年份和月份高度不正確的問題的。 修復Select組件的工具箱顏色問題 修復Search組件,使用shape屬性時報錯的問題。 修復Search組件,使用s

前端框架 , typescript , 前端 , html5 , Javascript

收藏 評論

usdoc - 前端VUE.js實現Excel文件的在線預覽效果

簡介 在日常工作中,我們經常需要快速查看Excel文件的內容,但不一定總是需要打開完整的Excel軟件。為了解決這個問題,我開發了一個輕量級的在線Excel預覽工具,讓您可以通過瀏覽器快速查看Excel文件內容。 🔗 在線體驗:點擊查看Excel文件在線預覽效果 功能特點 無需安裝,打開網頁即可使用 支持拖拽上傳或點擊選擇文件 界面簡潔清晰,操作直觀 核心功能 純前端實現,無需服

chrome , typescript , HTML , html5 , Javascript

收藏 評論

wszgrcy - 我開源了一個表單庫 - 元數據定義一次,即可渲染

我查看了市面上所有的表單庫,都有一個致命的缺點,定義多次才能實現表單 比如,像下面的代碼(偽代碼) interface Test { firstName: string; } const form = useFormTest({ defaultValues: { firstName: "default", }, onSubmit: async ({ value }

react , vue.js , angular , typescript , Javascript

收藏 評論