tag typescript

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

@typescript / 博客 RSS 訂閱

rookiegz 頭像

RookieGz - xzgz.top網站開發記錄

xzgz.top 網站記錄 主要技術棧 應用主要是由 koa 構建，其中 nextjs 只負責頁面構建完成服務端渲染。以下是主要應用的技術 後台 Koa：網站主題內容 koa-router：網站後端路由 koa-session：應用的 session 寫入 nodemailer：發送郵件 mysql2：數據庫操作 nodemon：開發模式下熱更新 typescript ts-no

node.js , MySQL , koa.js , typescript , 前端

收藏 評論

crister_612f55567eb8c 頭像

李明 - 本週遇到的問題

首先是又遇到了一些RXjs操作符，在這裏簡單的説一下。 首先是 combineLatest。 將其直接翻譯過來就是結合最新的（observeble），那麼結合一下下面這張圖片就很容易理解了。 combineLatest結合作為參數傳遞的所有 Observables 的值。這是通過按順序訂閲每個 Observable 並在任何 Observable 發出時從每個 Obser

rxjs , typescript , 前端

收藏 評論

jdcdevloper 頭像

京東雲開發者 - TypeScript 前端工程最佳實踐

作者：王春雨 前言 隨着前端工程化的快速發展， TypeScript 變得越來越受歡迎，它已經成為前端開發人員必備技能。 TypeScript 最初是由微軟開發並開源的一種編程語言，自2012年10月發佈首個公開版本以來，它已得到了人們的廣泛認可。TypeScript 發展至今，已經成為很多大型項目的標配，其提供的靜態類型系統，大大增強了代碼的可讀性、可維護性和代碼質量。同時，它提供最新的Java

系統 , 前端設計 , 程序員 , typescript , 前端

收藏 評論

qq15725 頭像

weng - dom-vcr - 使用 HTML5 canvas 和 SVG 從 DOM 節點生成視頻或 GIF

📦 安裝 npm i dom-vcr 🦄 使用 錄製 2s 生成 4 幀 GIF 需要安裝 gif.js import { createVcr } from 'dom-vcr' import GIF from 'gif.js' const dom = document.querySelector('#app') const vcr = createVcr(dom, { interv

dom , gif , typescript

收藏 評論

naiyouweiyongbao 頭像

奶油味擁抱 - 【輕快圖片管理系統】- 開源圖牀系統

輕快圖片管理系統:基於Koa2 + Vue3.x + Vite3.x + typescript開發的輕量級快捷圖片管理系統、圖牀系統 簡介 程序員日常就是寫博客，當然寫博客時就會涉及到在博文中插入圖片，所以往往會使用圖牀來進行圖片資源管理，市面上較流行的圖牀是PicGo，是使用electron-vue開發的桌面應用程序，所以每次需要下載安裝並配置圖牀，比較麻煩。所以開發了這款輕快圖片管理系

koa2 , vue3 , 開源 , typescript , 前端

收藏 評論

zxl20070701 頭像

zxl20070701 - 關於this指向的一些梳理

函數內 非嚴格模式 通常情況下，定義的函數的this就是window，比如： function doit(){ console.log(this); } doit(); 打印結果： Window {window: Window, self: Window, document: document, name: '', location: Location, …} 嚴格模式 不過，如果開啓了

node.js , this的用法 , this , typescript , Javascript

收藏 評論

yuanliangwoyishengbufanggegaowenyi 頭像

原諒我一生不羈放歌搞文藝 - 微信weixin-js-sdk.d.ts

第一步：安裝weixin-js-sdk npm install weixin-js-sdk --save 第二步：新增對應的.d.ts 在項目目錄下新增 src/model/weixin-js-sdk.d.ts (好用記得回來給我點贊) declare namespace WeixinJsSdk { /** ************************************

微信開發 , weixinbridge , 微信公眾號 , typescript , jssdk

收藏 評論

gkymfrg1 頭像

ohoherror - jest +ts +esm

Jest 是當下最主流的前端測試框架 首先初始化ts環境 yarn add typescript --dev npx tsc --init 第二步:安裝ts下的jest yarn add jest @types/jest --dev 第三步:新建tests文件夾 tests/index.spec.ts it('init',()={ expect(true).toB

jest , typescript , babel , 前端

收藏 評論

ning_643b67be37ac3 頭像

麒寧 - 3分鐘搞定：Flex 佈局

flex 佈局原理 全稱 flexible box，彈性佈局。 如何開啓：為元素添加 display: flex。 開啓 flex 佈局的元素，稱為 flex 容器（flex container），其子元素成為容器成員，稱為 flex 項目。 flex 佈局原理：通過給父盒子添加 display: flex，來控制盒子的位置和排列方式。 flex 佈局父盒子常見屬性 flex-direction

flex , typescript , 前端 , Javascript

收藏 評論

baozouai 頭像

暴走 - 偏愛console.log的你，肯定會覺得這個插件泰褲辣！

前言 毋庸置疑，要説前端調試代碼用的最多的，肯定是console.log，雖然我現在 debugger 用的比較多，但對於生產環境、小程序真機調試，還是需要用到 log 來查看變量值，比如我下午遇到個場景：選擇完客户後返回頁面，根據條件判斷是否彈窗： if (global.isXXX || !this.customerId || !this.skuList.length) return // 到

console.log , typescript , babel , 前端 , Javascript

收藏 評論

panpanpanya 頭像

潘潘潘呀 - React18+Vite4+Zustand4 後台管理系統搭建🎉

前言 老闆：搞個管理系統，我明天就要。 前端：沒空，誰愛做誰做！(小聲bb) 老闆：（突然抬頭）你説什麼？ 前端：好的老闆 用後端的話來説，一個管理系統而已 要不是人手不夠，後端也能做。 看吧，前端就是這麼人微言輕~ 該乾的活還是得幹。 起步 # 使用ant design pro npm i @ant-design/pro-cli -g pro create myapp

react , react-router4 , vite , typescript , 前端

收藏 評論

shishui_63822321355cb 頭像

是水 - class-fetch：一個用 TypeScript 編寫的優雅的 HTTP 客户端庫

你是否想要用 TypeScript 編寫更安全，更可靠，更簡潔的 HTTP 客户端代碼？如果你的答案是肯定的，那麼你一定會喜歡 class-fetch 這個庫。 class-fetch 是一個用 TypeScript 編寫的 js 庫，用於生成 HTTP 客户端。它基於 fetch，支持瀏覽器和 nodejs 運行時。它使用裝飾器來簡化請求參數和返回值的處理。它使用 class-transform

fetch , typescript , 後端 , 前端 , Javascript

收藏 評論

imhaoli 頭像

imhaoli168 - Vue 3 + TypeScript + Element Plus + Vite 4.3：實現一個優雅的登錄註冊功能

先附上源碼地址： 覺得不錯的話順手一個star 效果展示 最新vite搭建項目 npm create vite@latest mingsl-login -- --template vue-ts 配置tsconfig tsconfig.node.json { "compilerOptions": { "composite": true, "skipLibCheck": true,

vite , 前後端分離 , vue3 , typescript

收藏 評論

shine_zhu 頭像

軒軒 - 本地存儲封裝

前言 在項目中使用本地存儲(LocalStorage/SessionStorage)的場景有很多，如果有較多頻次的使用，則可以考慮簡單封裝一下。 封裝便利： 統一管理：如果視頻頻次將多，考慮將本地存儲全放到某一個文件夾中，避免後期混亂幾不好維護等問題； 序列化：存儲的時候轉字符串，使用的時候轉回來，通過公共方法處理即可，不用當使用的時候再逐個處理； 類型推斷：在實例化時傳入類型，在傳入和獲

localstorage , typescript , Javascript

收藏 評論

yimo 頭像

易墨 - 02.前後端分離中台框架前端 admin.ui.plus 學習-介紹與簡單使用

中台框架前台項目 admin.ui.plus 的初識 基於 vue3.x + CompositionAPI setup 語法糖 + typescript + vite + element plus + vue-router-next + pinia 技術，內置支持一鍵生成微服務接口，適配手機、平板、pc 的後台權限管理框架，希望減少工作量，幫助大家實現快速開發。 框架一覽

vue.js , 前後端分離 , 中台概念 , typescript , 前端

收藏 評論

zaoying 頭像

zaoying - useResource聲明式API與useMock基於依賴注入的mock工具

前不久組內的萌新用不知道從哪裏學來的技術，説要封裝一套 axios 庫供大家使用。 等他開發完，在 code review 環節，大家看到他寫的代碼都面面相覷，不知道該如何評價。 我一時間也不知道該如何評價，只能提醒他不要寫死代碼，目前 axios 還沒入選開源庫，後期有可能換成其他替代品。 會後我專門到網上搜一番，發現二次封裝 axios 的案例確實不少，但給我感覺其實都半斤八兩，不見得哪個更優

mock , fetch , Axios , typescript

收藏 評論

jcguanqi 頭像

MarkGuan - 基於vue3+ts5+vue-router4+pinia2的PC端項目搭建教程

導語：在日常開發中，有時候會在項目中引入 ts 來解決一些 js 的問題，下面就簡單介紹一下如何使用 vue3+ts+router+pinia 來搭建一個項目。 目錄 簡介 創建 安裝 配置 實戰 簡介 vue3 目前是常用的 vue 版本，提供了組合式 API 以及一些新的功能和特性；ts 這種類型編程語言可以在編譯時通過靜態分析檢測出很多常見錯誤，減少了生產環境中的運行時錯誤，改

前端構建 , vue-router4 , vuejs3 , typescript

收藏 評論

liulhf 頭像

劉lhf - React Router V6項目中的路由鑑權封裝實踐（Hooks）

React Router V6項目中的路由鑑權封裝實踐（Hooks） 1. 前言 1.1 路由封裝的好處 路由鑑權集中管理： 封裝路由組件允許你集中管理路由鑑權邏輯。這意味着在一個地方處理用户是否有權限訪問某個路由，而不是在每個頁面或組件中重複相同的鑑權邏輯。這有助於保持一致性，並簡化了對路由鑑權的維護和更新。 提高代碼複用性： 封裝路由組件可以促進代碼的複用。你可以將通用的路由配置、鑑權邏

react , 封裝 , react-router , typescript , 前端

收藏 評論

zhoumo_62382eba4b454 頭像

perkz - Redux

Redux類適用所有React生態項目 import { applyMiddleware, combineReducers, legacy_createStore as createStore, Store, compose, } from "redux"; import thunk from "redux-thunk"; import {connect,

react , redux-thunk , redux , typescript

收藏 評論

invalidnull 頭像

註銷 - 關於 PWA url 參數 ngsw-bypass=true

"ngsw-bypass-true" 這個參數是與 Angular Service Worker (ngsw) 相關的一個選項，用於控制在 Service Worker 中是否繞過緩存，直接請求網絡資源。在 Angular 應用中，Service Worker 主要負責緩存應用的靜態資源，以提高應用的性能和用户體驗。 首先，讓我們瞭解一下 Angular Service Worker 的基本概念。

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

收藏 評論

chenchaoyang666 頭像

愚者 - 基於tiptap一次封裝CustomEditor

tiptap一次封裝自定義UI 效果圖 （參考element-tiptap）： demo如下 本次封裝基於vue3 template div v-if="editor" :class="[ { 'el-tiptap-editor': true, 'el-tiptap-editor--fullscreen': isFullscreen

vue.js , less , typescript , 前端

收藏 評論

haoqidewukong 頭像

好奇de悟空 - vscode 如何支持 css-module 文件跳轉到類名？

背景 css module 是目前主流的 css 模塊化的解決方案。使用 css module 之後，我們可以將 css 類當作模塊變量引入到我們的 typescript （下述使用 "ts" 代指）文件中來作為樣式的引用。過去，由於 ts 無法識別 css module 中導出的變量，我們使用 css 模塊變量需要到 css 文件中找到對應的類名，再寫到 ts 文件中使用，容易出錯且影響了開發效

less , visual-studio-code , postcss , typescript , 前端

收藏 評論

refanbanzhang 頭像

熱飯班長 - TypeScript新增接口和更新接口傳參定義差異的問題

interface User { id?: string; name: string; age: number; } // 新增用户時，id不是必須的，name和age必須，如何給data定義呢？ export const addUser = (data: User) = fetch('/api/user/add', { method: 'POST', body:

Ajax , typescript , 前端

收藏 評論

refanbanzhang 頭像

熱飯班長 - 如何在vscode中調試typescript?

前置知識 首先要知道vsocde是無法調試typesript的。所以我們要做的就是將typescript編譯為javascript，然後告訴vscode編譯後的代碼位置，這樣才能進行調試。 流程 1 在項目根目錄創建launch.json配置 // package.json { "name": "debug-ts", "version": "1.0.0", "description"

visual-studio-code , debugging , typescript , Javascript

收藏 評論