tag typescript

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

@typescript / 博客 RSS 訂閱

invalidnull 頭像

註銷 - SAP 電商雲 Spartacus UI 的響應式 UI 實現細節

在文件 projects\storefrontlib\layout\config\default-layout.config.ts 裏，定義了各個屏幕尺寸所對應的 breakpoint： export const defaultLayoutConfig: LayoutConfig = { breakpoints: { xs: 576, sm: 768, md: 992,

angular , bootstrap , sap , spa , typescript

收藏 評論

kinglisky 頭像

臼犀 - JSON-RPC & postMessage 談談瀏覽器消息通信的封裝技巧

楔子 postMessage 常見於內嵌 iframe 或是 Web Workers 中，用於跨頁面（線程） 的消息通信，在一些其他開發環境中也能看到類似的影子，如 Chrome 插件環境、Electron 環境、figma 插件等。 最近的工作需要經常與 iframe 與 Web Workers 打交道，處理頁面與內嵌頁、主線程與 worker 通信，擼了個用於處理瀏覽器消息通信的處理的工具庫

json-rpc , webworker , postmessage , typescript , 前端

收藏 評論

fisher_feng 頭像

馮諾依曼的馮 - TypeScript基本類型有哪些

ts編譯成js的工具 npm install -g typescript 使用命令： tsc example.ts 只執行ts代碼，但不編譯的工具 1、nodemon , 只要保存代碼就會執行,比較推薦 安裝：``` npm intall -g nodemon ``` 使用： ``` nodemon example.ts ``` 2、ts-node ,每次需要執行ts-node命令 安裝

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

收藏 評論

morimanong 頭像

末日碼農 - 用 rollup + gulp 造個輪子，別説還挺香

前戲 我是16年入了前端的坑，17年知道了gulp和rollup這兩個玩意兒。由於那時webpack勢頭很猛，便一直沒有正眼瞧過它一眼。 直到20年進了一家小公司，做了很多類似的小項目，相同的代碼拷來拷去，出現一個bug一堆項目都要改，實在噁心到我了。 於是不得不開始考慮將一些公共的方法和組件提取出來，做成一個第三方庫來維護。而在庫的封裝方面，rollup相對於webpack具有一定的優勢。 在此

gulp , rollup , typescript , 前端 , Javascript

收藏 評論

invalidnull 頭像

註銷 - Rxjs SwitchMap 的一些容易犯的錯誤和替代方案

下面是一個在 Effect 裏使用 SwitchMap 的例子：從購物車裏移除某個行項目 @Effect() public removeFromCart = this.actions.pipe( ofType(CartActionTypes.RemoveFromCart), switchMap(action = this.backend .removeFromCart(action

rxjs , typescript , 前端 , html5 , Javascript

收藏 評論

justbecoder 頭像

胡哥有話説 - react-router-middleware-plus開源啦 | 基於react-router v6的零成本式路由權限解決方案

一、你的苦惱~~ 你還在為react-router的路由權限控制而煩惱嗎？ 你還在翻遍了社區react路由權限相關文章發現都是V4、V5版本的而煩惱嗎？ 你還在為自行適配react-router v6版本的權限步驟繁雜，多重鑑權邏輯嵌套而煩惱嗎？ 他來了！他來了！他帶着禮物走來了！react-router-middleware-plus專為解決你的煩惱而生！ 二、react-router-midd

react , 權限 , react-router , typescript , react-router-dom

收藏 評論

lewyon 頭像

程序猿布歐 - JavaScript中async和await的使用以及隊列問題

宏任務和微任務的隊列入門知識，可以參考之前的文章： JavaScript的事件循環機制 宏任務和微任務在前端面試中，被經常提及到，包括口頭和筆試題 async await概念 async 使用async關鍵字聲明的函數，是AsyncFunction構造函數的實例，在async函數體內，可以使用await接收promise實例 async和await關鍵字，在開發過程中，可以簡潔地去做

typescript , 隊列 , 前端 , Javascript

收藏 評論

lewyon 頭像

程序猿布歐 - javaScript原型和原型鏈

前言 在瞭解原型和原型鏈之前，我們先了解一部分概念，constructor，prototype，__proto__。 constructor 在之前判斷數據類型的文章: javaScript常見數據類型檢查校驗 有提到過關於構造函數的屬性constructor constructor 的是返回創建實例對象的 構造函數的引用，這個屬性的值是對函數本身的引用，而不是一個包含函數名稱的字符串 具體

prototype , typescript , Javascript

收藏 評論

aresn 頭像

Aresn - View UI Plus 發佈 1.3.1 版本，增強 TypeScript 使用體驗

View UI Plus 1.3.1 版本已於 2022-06-29 發佈。 更新日誌 請到官網 www.iviewui.com 查看最新版。 提供基於 TypeScript 的工程。view-ui-project-ts Playground 默認模板支持切換組合式 API 和選項式 API。Playground 修復 ImagePreview 操作欄在移動端顯示不完整的問題。#104

vue.js , iview , typescript , 前端

收藏 評論

lewyon 頭像

程序猿布歐 - JavaScript擴展原型鏈淺析

前言 上文對原型和原型鏈做了一些簡單的概念介紹和解析，本文將淺析一些原型鏈的擴展。 javaScript原型和原型鏈 http://lewyon.xyz/prototype.html 擴展原型鏈 使用new操作符 利用原型是對象的特性，實例化對象的時候，繼承多個構造函數的屬性和方法 兼容性：支持目前以及所有可想象到的瀏覽器 (IE5.5 都可以使用) function parent1(

prototype.js , prototype , typescript , 前端 , Javascript

收藏 評論

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

收藏 評論