tag typescript

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

@typescript / 博客 RSS 訂閱

玩足球的傷疤 - JavaScript與TypeScript的對比:深入理解兩者的異同

JavaScript 和 TypeScript 是當今最流行的兩種編程語言,尤其在前端開發中,它們佔據着主導地位。雖然這兩種語言在表面上看起來很相似,但它們有着顯著的差異,尤其是在類型系統、開發體驗、代碼維護性等方面。本文將深入探討 JavaScript 和 TypeScript 的差異,幫助開發者理解何時選擇使用 JavaScript 或 TypeScript,以及如何在項目中有效地運用它們。

ecmascript-6 , typescript , HTML , 前端 , Javascript

收藏 評論

用户bPdeUmS - TypeScript 中的類型推斷詳解:為什麼我們應該信任 TypeScript 的推斷能力?

在 TypeScript 中,類型推斷(Type Inference)是一個強大且被廣泛使用的特性。它允許開發者在許多情況下省略顯式的類型註解,從而簡化代碼,同時仍然享受強類型系統帶來的安全性和可靠性。然而,對於初學者或經驗不足的開發者來説,常常會疑惑:我真的可以完全信任 TypeScript 的類型推斷嗎?它的邊界和侷限性是什麼? 本文將聚焦於這個問題,通過深入解析 TypeScript 的類型

ecmascript-6 , typescript , HTML , 前端 , Javascript

收藏 評論

百度安全 - 度安講|第七期「智效融合,安全護航」深圳站技術沙龍成功舉辦

近日,「智效融合,安全護航」深圳站·暨第七期“度安講”技術沙龍成功舉辦,沙龍聚焦企業智能化工程效能探索及其安全能力建設實踐等熱點議題,來自百度、網安加社區、順豐科技、數篷科技、南京大學的產業界和高校嘉賓,與各界生態夥伴共聚一堂,共同切磋探討,共話人工智能時代下,企業如何提升工程效能、創新健康發展思路與實踐,暢想人機協同未來發展趨勢,探索人工智能與企業提效的安全融合之路。 第七期“度安

ecmascript-6 , 安全 , typescript , 前端 , Javascript

收藏 評論

倔強青銅三 - 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

收藏 評論

不可能的是 - 深度解析:Sass-loader Legacy API 警告的前世今生與完美解決方案

📖 文章概述 當你在前端項目中看到 Deprecation Warning [legacy-js-api]: The legacy JS API is deprecated and will be removed in Dart Sass 2.0.0 這個警告時,是否感到困惑?本文將帶你深入探索這個警告背後的技術原理,從源碼層面分析調用鏈路,對比不同版本的功能差異,並提供多種實用的解決方案。 你

css3 , Css , typescript , 前端 , Javascript

收藏 評論

xiaohe0601 - 👋 一起寫一個基於虛擬模塊的密鑰管理 Rollup 插件吧(一)

在現代 Web 應用開發中,密鑰的使用幾乎是不可避免的,無論是加解密本地敏感數據、調用第三方 SDK 還是網絡請求籤名等場景都需要用到密鑰。 如何相對安全、靈活地管理密鑰一直是一個令人頭疼的問題,我們既希望在開發環境可以方便地修改、調試和注入密鑰,又不希望這些密鑰在構建產物中被明文暴露,以免被有心之人輕鬆獲取。 通常情況,我們會先手動將密鑰通過特定的算法混淆拆分成多份放入源碼中,運行時再通過逆運算

插件 , vite , rollup , typescript , 前端

收藏 評論

xiaohe0601 - 👋 一起寫一個基於虛擬模塊的密鑰管理 Rollup 插件吧(二)

上一章 我們詳細介紹了為什麼需要一個自動化的密鑰管理方案,以及如何利用虛擬模塊機制設計並實現一個適用於 Rollup 的密鑰管理插件。 我們從需求出發,將核心的密鑰拆分還原算法獨立為 crypto-splitter 模塊,再通過 rollup-plugin-crypto-key 模塊將其接入 Rollup / Vite 的構建流程。用户只需簡單配置明文密鑰,就能實現在業務代碼中像導入普通模塊一樣獲

插件 , vite , rollup , typescript , 前端

收藏 評論

夢想雲圖網頁CAD - (在線CAD插件)網頁CAD二開表格提取功能

前言 CAD圖紙上的表格信息承載着大量關鍵數據,生產過程中會導出表格數據到excel,本文將介紹如何通過自定義 MxCAD 插件,在web端實現對CAD圖紙中表格的智能識別、自動合併與高效導出,大幅提升數據提取效率與準確性,效果如下: 一、功能概述 本次圖紙表格提取主要實現以下核心功能: 交互式區域選擇:用户通過鼠標框選目標表格區域。 圖形元素識別:自動識別範圍內的直線、文字、多段線

node.js , typescript , npm , Javascript

收藏 評論

Json_Lee - 🚀 meta-env-typed:讓所有前端項目的環境變量都擁有完美類型安全!

🚀 meta-env-typed:讓所有前端項目的環境變量都擁有完美類型安全! 在前端開發中,環境變量的類型安全問題常常被忽視,卻可能引發生產環境的重大隱患。手動維護類型定義繁瑣易錯,不同構建工具的變量規則又各不相同——現在,這些問題都將成為歷史!meta-env-typed 橫空出世,作為一款跨構建工具的環境變量類型解決方案,它能自動為你的項目注入完整的 TypeScript 支持,讓環境變量

vite , typescript

收藏 評論

程序員潘Sir - 鴻蒙應用開發從入門到實戰(二):DevEco Studio工具安裝

大家好,我是潘Sir,持續分享IT技術,幫你少走彎路。《鴻蒙應用開發從入門到項目實戰》系列文章持續更新中,歡迎關注! 一、開發工具下載 官網:https://developer.huawei.com/consumer/cn/deveco-studio/ 根據自己的操作系統選擇對應版本下載。 本文以為Windows環境為例進行演示。 二、DevEco Studio安裝 1、運行環境要求

harmonyos , typescript

收藏 評論