tag typescript

標籤
貢獻200
266
05:15 PM · Oct 25 ,2025
invalidnull 頭像 jueqiangqingtongsan 頭像 xiaohe0601 頭像 daoshanghundesijidou 頭像 yangy5hqv 頭像 b2proxy 頭像 wszgrcy 頭像 refanbanzhang 頭像 yayu 頭像 heimatengyun 頭像 zxl20070701 頭像 hui_61e3b3803b922 頭像

@typescript / 博客 RSS 訂閱

kevinzhw 頭像

天涯學館 - 前端安全：XSS攻擊與防禦策略

XSS（Cross-Site Scripting）攻擊是前端安全中的一個重要問題，它發生在攻擊者能夠注入惡意腳本到網頁中，這些腳本在用户瀏覽器中執行時可以獲取用户的敏感信息，例如會話令牌、個人信息等。防禦XSS攻擊通常涉及以下幾個策略： 1. 輸入驗證： 對用户提交的數據進行嚴格的驗證，確保只有預期的字符和格式被接受。 使用正則表達式或預定義的白名單模式來過濾無效字符。 限制字符串長度以防

xss , typescript , 前端 , Javascript

收藏 評論

kevinzhw 頭像

天涯學館 - Prettier與ESLint：代碼風格與質量的自動化保證

Prettier 和 ESLint 是兩個互補的工具，它們共同確保代碼的風格一致性和質量。Prettier 負責格式化代碼，而 ESLint 則執行更復雜的靜態分析和規則檢查。 Prettier 作用： 自動化代碼格式化，確保代碼的縮進、括號、引號、換行等樣式一致。 不需要配置太多的規則，因為Prettier有一套默認的代碼風格。 支持多種編程語言，包括JavaScript、TypeS

eslint , prettier , typescript , 前端 , Javascript

收藏 評論

yinshule 頭像

愛米 - 使用惰性函數優化頁面滾動事件的性能

我們在做前端開發的時候，曾遇到一些非常炫酷的宣傳頁。例如每一個蘋果產品的主頁面。我們會發現，這樣炫酷的頁面，總是跟隨我們鼠標滾輪的操作，在頁面中響應不同的事件。 一、瀏覽器的不同 我們都知道，需要在前端頁面中監聽到鼠標滾輪的事件，不同瀏覽器內核提供的方法是不同的。所以，每當我們需要監聽鼠標滾輪事件，就需要先判斷使用終端是用的什麼瀏覽器。 在前端，我們可以通過window.navigator.us

函數 , 惰性求值 , typescript , 前端 , Javascript

收藏 評論

42_6398721f10a5e 頭像

42 - 前端 - 封裝一個通用的接口請求工具

在前端開發中，接口請求是一個非常基本的需求。幾乎每個項目都會針對自己的使用場景對接口請求操作進行一系列封裝。今天我們也來一步步封裝一個通用的請求工具。 使用效果 首先讓我們來看看封裝完後的使用效果吧。 首先我們將提供一個 defineApi 函數，用於定義接口的配置信息，包括 url，請求參數以及返回類型等，具體使用方法如下： const BASE_URL = 'https://example.c

rxjs , 接口 , typescript , 前端 , Javascript

收藏 評論

delumengyu_6683789629bfa 頭像

得鹿夢魚 - eslint報錯：ESLint: Unexpected empty method 'default

eslint報錯：ESLint: Unexpected empty method 'default 禁止出現空函數 (no-empty-function) 錯誤代碼示例： const props = defineProps({ data: { type: Object, default: () = {} // 報錯 Unexpected empty method 'defa

eslint , typescript , 前端 , Javascript

收藏 評論

refanbanzhang 頭像

熱飯班長 - chrome插件實現監聽ajax請求，然後修改請求參數

1 修改manifast.json manifest_version必須為3，因為這個declarativeNetRequest是3中新增的api { "manifest_version": 3, "permissions": ["declarativeNetRequest"], "host_permissions": ["all_urls"] } 2 在background.j

chrome-extension , typescript , 前端 , html5 , Javascript

收藏 評論

momeak9 頭像

泯瀧 - 「譯」如何寫出更好的Typescript代碼

鏈接：https://medium.com/@technicadil_001/how-to-write-better-types... 作者：Debabrata Dash 原標題：How to write better Typescript codes? 在本文中，我們將討論大約 15 個編寫更好的 Typescript 代碼的技巧。 譯者：本文討論了 15 個實用技巧，以幫助開發者編

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

收藏 評論

liuyuxuan6666 頭像

LYX6666 - 解決lodash由於依賴錯誤導致無法啓動的問題

目錄 問題描述 嘗試的解決辦法 真正的解決辦法 結論 一、 問題描述 一個很久沒接觸的老項目，前兩天想看一下里面一個功能，結果前端起不來了。 先上報錯： Error: node_modules/@types/lodash/common/object.d.ts:1026:46 - error TS1005: '?' expected. 1026 : K extend

node.js , localstorage , typescript , npm , 前端

收藏 評論

yangy5hqv 頭像

夢想雲圖網頁CAD - （WEB在線編輯DWG）在線CAD中實現測量圓、測量面積的方法

一、前言 本章將介紹如何利用mxcad插件實現在CAD圖紙中測量圓和測量面積的功能，用户點擊目標圓對象將自動標記出這個圓的半徑、面積值和周長值，同時可以自定義選擇標註文字的位置，測量圓功能能夠快速掌握目標圓對象的數據信息，方便統計工程量。 測量面積功能（多邊形、矩形）以多邊形的每一個頂點來確定多邊形的形狀和位置，通過點擊矩形的量角點來確定矩形的大小和位置，也可以自定義標註文字的位置。 二、測

ecmascript-6 , typescript , HTML , html5 , Javascript

收藏 評論

hu_qi 頭像

huqi - 跟魯迅重學 TypeScript | (五)異步處理、axios與封裝axios

“不在沉默中爆發，就在沉默中滅亡”，面對日益嚴峻的國際環境，我們祖國母親沒有繼續沉默，9月25日8時44分，洲際彈道導彈精準發射。，看到這個新聞，腰也不酸了，腿也不疼了，一口上上五樓，TS 學起來更帶勁了~ 異步處理 在 TypeScript 中，異步編程如同現代社會中的種種現象，紛繁複雜，令人眼花繚亂。而 async/await 正如那一柄利劍，能將這混沌的世界理清，使得程序員不至於深陷於回調的

Axios , typescript , Javascript

收藏 評論

linong 頭像

linong - 通過 AST 實現組件庫替換升級

年初接到一個任務將 semi-ui 替換到 antd，但是能人力預算不太夠，所以基於工作量和效率選擇了基於 AST 的替換方案。 項目技術棧是 React + tsx 為什麼要使用 AST？ AST（Abstract Syntax Tree，抽象語法樹）是一種在計算機科學中表示源代碼語法結構的樹狀數據結構。 通過 AST，可以理解代碼的結構和含義，實現代碼分析、轉換和操作。 基於 AS

ast , typescript , babel , 前端 , Javascript

收藏 評論

minnanitkong 頭像

王大冶 - 如何複製由自定義元素組成的網頁的 HTML 代碼

React Hook 深入淺出 CSS技巧與案例詳解 vue2與vue3技巧合集 VueUse源碼解讀 有時我們需要獲取某個網頁HTML的本地副本,例如作為測試的輸入。 但複製網頁或元素的HTML並不總是直截了當的。現代網站往往由自定義元素構建。自定義元素通常是影子宿主。影子宿主的 innerHTML 或 outerHTML 屬性只返回直接子元素的HTML,而忽略了包含的影子DOM的

ecmascript-6 , typescript , 前端 , Javascript

收藏 評論

minnanitkong 頭像

王大冶 - React Native 0.76 重大更新：新架構全面啓用

React Hook 深入淺出 CSS技巧與案例詳解 vue2與vue3技巧合集 VueUse源碼解讀 架構升級的里程碑 React Native 0.76 版本帶來了一個重大變革 - 新架構默認啓用。這次更新不僅支持了 React 的現代特性（如 Suspense、Transitions），還徹底重寫了原生模塊系統。 核心特性升級 1. 併發渲染支持 新架構完整支持 React 的

ecmascript-6 , typescript , 前端 , Javascript

收藏 評論

chongdongdedaxiongmao_kxfei 頭像

chongdongdedaxiongmao_kxfei - 探索 Java 中的 Stream API：優雅處理集合的利器

Java 8 引入了一個功能強大的工具——Stream API，極大地簡化了對集合的操作。傳統上，Java 程序員習慣使用 for 循環來遍歷集合並進行過濾、映射等操作，這種方式雖然直觀但代碼冗長且難以維護。Stream API 通過流式編程的方式，使得我們能夠以更簡潔和優雅的方式操作集合。 本文將介紹 Java Stream API 的基本概念及其常見的使用場景，幫助你更好地掌握這一工具。 一、

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

收藏 評論

daoshanghundesijidou 頭像

用户bPdeG32 - Vue.js：現代化前端開發的高效框架

Vue.js 是一個用於構建用户界面的漸進式 JavaScript 框架。它以其輕量、靈活和易上手的特性受到前端開發者的廣泛歡迎。Vue.js 不僅適用於小型項目的快速開發，也可以通過組件化和豐富的生態系統構建大型複雜的應用。在本文中，我們將深入瞭解 Vue.js 的核心特性，常見使用場景及其獨特的優勢。 一、什麼是 Vue.js？ Vue.js（簡稱 Vue）是由尤雨溪在 2014 年發佈的開源

vue.js , ecmascript-6 , typescript , 前端 , Javascript

收藏 評論

chongdongdedaxiongmao_kxfei 頭像

chongdongdedaxiongmao_kxfei - 深入 JavaScript：前端開發的核心語言

JavaScript 是一種廣泛應用於前端開發的編程語言，最早由 Netscape 公司在 1995 年推出。作為一種輕量、解釋性和多範式的編程語言，JavaScript 支持事件驅動、面向對象和函數式編程。它不僅是網頁交互的核心技術之一，還隨着 Node.js 的出現，逐漸滲透到了後端開發。本文將帶你瞭解 JavaScript 的核心概念、特點及常見應用場景，幫助你掌握這門現代化的編程語言。 一

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

收藏 評論

chongdongdedaxiongmao_kxfei 頭像

chongdongdedaxiongmao_kxfei - Vue.js：輕量高效的前端框架

Vue.js 是一個用於構建用户界面的漸進式 JavaScript 框架，因其輕量、靈活和易上手的特性備受歡迎。Vue.js 不僅適合小型項目的快速開發，也可用於構建複雜的單頁面應用（SPA）。本文將介紹 Vue.js 的核心特性、項目結構、常用功能及其在現代前端開發中的應用場景。 一、Vue.js 簡介 Vue.js（簡稱 Vue）由尤雨溪於 2014 年推出，是一個專注於視圖層的 JavaSc

vue.js , ecmascript-6 , typescript , 前端 , Javascript

收藏 評論

codesheep_pro 頭像

CodeSheep - Jetbrains正式官宣免費，太炸裂了！！

提到 Jetbrains，相信搞開發的同學應該都不陌生。 眾所周知，該公司盛產各種編程IDE和開發工具。 2000年才成立，到現在卻已經發布了超30款世界頂級的編程軟件，同時也收穫了來自全球範圍內開發者和用户的青睞。 而就在不久前，Jetbrains 又放出了一個爆炸式的消息，那就是： Jetbrains 正式官宣： WebStorm 和 Rider 這兩款強大的IDE從現在開始對非商業用途全

ecmascript-6 , c# , typescript , 前端 , Javascript

收藏 評論

daoshanghundesijidou 頭像

用户bPdeG32 - JavaScript 與 TypeScript 的詳細對比

JavaScript 是當前 Web 開發的主要編程語言，也是現代前端開發的基石。儘管它靈活而強大，但在大型項目中，JavaScript 的動態類型系統和無類型檢查常常帶來代碼管理上的問題。為了解決這些問題，微軟在 2012 年推出了 TypeScript，這是一種 JavaScript 的超集，增加了靜態類型檢查、接口、類和其他現代化的編程特性。 本文將深入對比 JavaScript 和 Typ

ecmascript-6 , node.js , typescript , 前端 , Javascript

收藏 評論

daoshanghundesijidou 頭像

用户bPdeG32 - 遞歸與迭代：理解與選擇的藝術

在編程中，“遞歸”和“迭代”是兩種解決問題的常見方法。這兩者本質上都是為了處理複雜的、重複的操作或數據結構，比如樹、鏈表、數學運算等。遞歸是函數自我調用的一種形式，而迭代則是通過循環控制結構來解決問題。本文將專注於探討遞歸與迭代的不同之處、各自的優勢與劣勢，以及如何在實際開發中選擇合適的方式解決問題。 1. 什麼是遞歸？ 遞歸是一種通過讓函數調用自身來解決問題的編程技術。每次函數調用時都會生成一

ecmascript-6 , node.js , typescript , 前端 , Javascript

收藏 評論

daoshanghundesijidou 頭像

用户bPdeG32 - ECMAScript 6（ES6）深入剖析：箭頭函數的革新與應用

引言 ECMAScript 6（簡稱 ES6），也被稱為 ECMAScript 2015，是 JavaScript 語言的重要版本更新，帶來了許多功能和語法的改進，極大地增強了 JavaScript 開發的簡潔性與可讀性。其中，箭頭函數（Arrow Functions） 是最為顯著的特性之一。箭頭函數提供了更為簡潔的語法，同時解決了傳統函數在 this 綁定上的問題。本文將聚焦於箭頭函數的革新，探

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

收藏 評論

wanzuqiudeshangba 頭像

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

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

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

收藏 評論

jianzhuangdeyaling 頭像

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

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

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

收藏 評論

baidusecrity 頭像

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

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

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

收藏 評論