tag typescript

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

@typescript / 博客 RSS 訂閱

doge_king 頭像

泊浮目 - 筆記：寫Flink SQL Helper時學到的一些姿勢

theme: channing-cyan 版本 日期 備註 1.0 2023.8.23 文章首發 1.1 2024.10.15 改進部分描述方式 前陣子向大家分享了我寫的插件https://marketplace.visualstudio.com/items?itemName=Camil

antlr4 , visual-studio-code , typescript , 編譯原理

收藏 評論

hui_61e3b3803b922 頭像

xachary - 基於 CSS Grid 的簡易拖拉拽 Vue3 組件，從代碼到NPM發佈（2）- NPM發佈、在線示例

這裏分享一下本開源項目是如何構建組件庫及其如何發佈到NPM上的，還有組件庫與在線示例的構建有什麼差異。 請大家動動小手，給我一個免費的 Star 吧~ 大家如果發現了 Bug，歡迎來提 Issue 喲~ github源碼 NPM 示例地址 文檔 版本更新信息 拖動 調整大小 拖入 嵌套 有限的嵌套 關於構建 與構建有關的文件，主要有： └─ dist - 構建的組件

組件庫 , vue3 , 拖拽 , typescript , 前端

收藏 評論

wenshushushushu 頭像

文叔叔叔叔 - DIY 一個前端性能監控系統

Github鏈接:Nemo Metrics 輕量性能採集系統 Nemo近一年以來做了不少h5活動，，積累了不少優化開發流程經驗以及優化用户加載與性能經驗。 但是每次覆盤轉化率都不高,我們不希望任何用户流失。 用户為什麼會離開，是不是頁面報錯了？ 是不是某些地區解析DNS，服務器資源/CDN資源加載慢？ 大部分用户打開我們的網頁都在哪些時間區間(哪些國家/地區，哪些版本，哪些手機的用户打開用

性能監控 , 性能分析 , 前端優化 , 前端性能 , typescript

收藏 評論

invalidnull 頭像

註銷 - 手動為 SAP Spartacus 添加 SSR 即服務器端渲染的步驟

ng add @spartacus/schematics --ssr 在用 SAP Spartacus 開發的 store 裏，能看到 devDependencies 裏具有 @spartacus/schematics 的依賴： 這是 SAP Spartacus Schematics 的一部分：https://sap.github.io/spartacus-docs/schematics. Sp

sap , spa , ssr , typescript , Javascript

收藏 評論

invalidnull 頭像

註銷 - 如何找出 SAP電商雲產品明細頁面讀取後台數據的代碼具體位置

以如下這個產品明細頁面為例： http://localhost:4200/electro... 觀察瀏覽器 url 的格式：/product/553637/nv10 在 default-routing-config.ts 裏，得知 product/ 後的 553637 代表 productCode，而 nv10 則是 product name. 因為我使用的是默認的 CSR 即客户端渲染

angular , sap , abap , spa , typescript

收藏 評論

invalidnull 頭像

註銷 - Angular 使用 Injector API 人工獲取依賴注入的實例

這個例子的完整源代碼： import { Component, OnInit, Injectable, Injector } from '@angular/core'; @Injectable() class UsefulService { constructor(){ console.log("Useful Service is created"); } }

angular , sap , di , spa , typescript

收藏 評論

invalidnull 頭像

註銷 - SAP Spartacus Reference App Structure

https://sap.github.io/spartac... 該概念在 SAP Spartacus 3.1 版本引入。 這個 Reference App Structure 是 SAP 推薦客户在搭建自己的 Spartacus Storefront 時所用的參考。 Spartacus 包含若干可以 lazy load 的 feature libraries. Customizations an

angular , sap , abap , spa , typescript

收藏 評論

wszgrcy 頭像

wszgrcy - [Angular]單運行時多項目共享依賴方案

ngx-center 一箇中心,多個...... 使用介紹(視頻) 這是什麼? 一個 Angular 單運行時多項目共享依賴的解決方案 只啓動一個 Angular 平台(PlatformRef),其他子項目進行導出(類 es6 module),通過資源文件清單(或單獨 js 文件)進行請求加載 功能 支持子項目在開發時代碼變更的刷新 支持子項目調用主項目導出的命名(e

angular , webpack , angular2 , typescript , Javascript

收藏 評論

invalidnull 頭像

註銷 - Angular library 學習筆記

原文 Use cases for Angular libraries Angular 庫有 2 個常見用例： 構建可重用的組件庫以在應用程序之間共享。 構建共享服務層功能 - 例如。 用於處理外部數據源（例如 API）的客户端。 雖然有很多 Angular 庫非常適合項目的情況，但值得考慮您的用例是否屬於這些，因為它確實引入了一些維護開銷。 請記住，您始終可以將功能編寫為應用程序中共享 A

angular , angular4 , angular-material , typescript

收藏 評論

king2088 頭像

深夜徘徊 - 我用ionic擼了一個USB轉串口的調試工具

由於最近應產品經理的需求，需要做一個Android版的上位機APP，為此專門到某寶上購買了一個Type-C轉串口的小設備，然後就開始折騰了。花了幾天的時間就把上位機APP做出來了，後來在空閒時間又做了一個串口調試的小工具，效果如下圖 創建項目 ionic start blank 創建一個空白項目 安裝串口插件 要做一個串口通訊的工具，那就得和硬件打交道，正好根據ionic官方文檔，我找到了一個串

ionic , angular , 串口 , typescript , 前端

收藏 評論

invalidnull 頭像

註銷 - Angular CLI 全局 ng.cmd 文件內容分析

文件內容如下： REM Jerry ::這是註釋 @ECHO off SETLOCAL CALL :find_dp0 IF EXIST "%dp0%\node.exe" ( SET "_prog=%dp0%\node.exe" ) ELSE ( SET "_prog=node" SET PATHEXT=%PATHEXT:;.JS;=;% ) "%_prog%" "%dp0%\no

angularjs , angular , cli , typescript , 前端

收藏 評論

jrainlau 頭像

jrainlau - 基於 AST 的代碼自動生成方案

最近接到了一個需求，需要通過第三方提供的 d.ts 文件來定義對應的 JS SDK 文件，其形式如下： 第三方提供的 d.ts 文件： export class SDK { start(account: string); close(); init(id: string): Promise{ result: number; } } 定義出來的 JS SDK 文件： // 初始化 wr

ast , typescript , Javascript

收藏 評論

evans_bo 頭像

Evans_波 - 從零開始搭建 TS + webpack-dev-server 的開發環境

目的： 可使用 TypeScript 來開發項目 結合 webpack-dev-server 的熱重載，提升開發效率 瞭解相關依賴和配置的作用 準備 一、初始項目目錄結構（非常簡單） |_ src | |_ index.ts |_ public |_ index.html（只需在body標籤中添加script src="./index.js"/script）

webpack-dev-server , typescript , 前端

收藏 評論

invalidnull 頭像

註銷 - 使用 Angular Transfer State 的一個具體例子

Using TransferState API in an Angular v5 Universal App 讓我們用一個具體的例子來説明這篇文章。 我們有一個天氣應用程序，在其側邊欄中顯示城市列表。 當您單擊城市名稱時，該應用程序會顯示該城市的當前天氣。 因為我們希望我們的應用程序是可抓取和可索引的，所以我們使它通用：城市頁面在服務器上呈現，存儲為 HTML 文件並由 HTTP 服務器提供服務。

angularjs , angular , typescript , 前端 , Javascript

收藏 評論

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

收藏 評論