收藏 / 列表

幸福的鬧鐘 - 我們都被困在系統裏的…程序員

前言 2020年外賣最火熱的時候,有一篇文章《外賣騎手,困在系統裏》。 作為一個互聯網從業人員,我之前從未有機會體會到,當每一個工作都要被時間和算法壓榨時,我會是一種怎樣的感受。 而最近的一段經歷,我感覺也被困在系統裏了。 起因 如果你是一個研發人員,免不了要值班、處理線上問題。當然這都很正常,每個系統都有bug或者諮詢類的問題。 由於我們面臨的客户比較多,加上系統有一些易用性的問題或bu

react-native , JAVA , 程序員 , 後端 , 前端

劉悦的技術博客 - ChatGPT採用的Server-sent events後端實時推送協議Python3.10實現,基於Tornado6.1

善於觀察的朋友一定會敏鋭地發現ChatGPT網頁端是逐句給出問題答案的,同樣,ChatGPT後台Api接口請求中,如果將Stream參數設置為True後,Api接口也可以實現和ChatGPT網頁端一樣的流式返回,進而更快地給到前端用户反饋,同時也可以緩解連接超時的問題。 Server-sent events(SSE)是一種用於實現服務器到客户端的單向通信的協議。使用SSE,服務器可以向客户端推送實

vue.js , python3.x , server-sent-events , tornado , chatgpt

simonbaker - koa原理詳解

文章不易,請關注公眾號 毛毛蟲的小小蠟筆,多多支持,謝謝 先看個Demo app.use(async (ctx, next) = { console.log(1) await next() console.log(2) ctx.body = 'Hello Koa'; }); app.use(async (ctx, next) = { console.log(3) await

koa

點墨 - JavaScript計算字符串實際長度

計算字符串的實際長度,雙字節字符(包括漢字在內)長度計2,ASCII字符計1 方法1:使用match: export function getByteLenMatch(data) { let result = 0; for (let s of data) { result += s.match(/[^\\x00-\\xff]/ig) == null ? 1 : 2; } r

長度 , string , Javascript

鹵代烴 - ⚡️ [性能優化] 瀏覽器跨域帶來的一些性能問題

前言 字節 Web Infra 團隊最近開啓新一輪招聘了,如果你對 Web Framework/Runtime/Performance,或對編譯構建/Rust/AI 感興趣,可以來看看我們的崗位(具體崗位信息可以看這個招聘鏈接 👉 字節跳動 Web Infra - Web Solutions 團隊招人啦!) 簡歷可以發到我的郵箱 skychx@hotmail.com,我可以幫你內推崗位並跟

性能優化 , 跨域 , 前端

夕水 - 為了方便學習icss項目上的css技巧,我用next.js寫了一個網站

icss-website 一、項目簡介與定位 icss-website 是一個基於 Next.js 14(App Router 架構)開發的現代化 CSS 技巧展示平台,致力於為前端開發者、設計師和技術愛好者提供一個高效、優雅、易用的 CSS 奇技淫巧學習與交流空間。項目以 GitHub 上的 iCSS 倉庫為內容源,通過 API 動態獲取、分類、展示和高亮 CSS 相關的文章與代碼示例,支持多主

next.js , 前端

牛仔碼農 - 什麼是Servlet?動力節點servlet教程帶你快速實戰入門

sun公司制定的一種用來擴展web服務器功能的組件規範(服務器端的Java應用程序)。具有獨立於平台和協議的特性,可以生成動態的Web頁面。它擔當客户請求(Web瀏覽器或其它HTTP客户程序)與服務器響應(HTTP服務器上的數據庫或應用程序)的中間層 1、用來擴展web服務器功能(生成動態的Web頁面) 以前的CGI效率不高,用servlet來擴展替換CGI 客户端發送請求給web服務器,w

servlet , JAVA , 程序員 , 後端

軟件部長 - 私有化的零代碼可視化大屏設計器,獨立應用!

數據可視化大屏是一種將複雜數據以圖形、圖表、地圖等直觀形式展示在大屏幕上的技術工具,它的核心價值在於能夠將複雜的數據轉化為直觀視覺信息。它廣泛應用於企業的監控中心、會議室和展廳等場所,能實時展示關鍵業務指標、運營數據和市場趨勢等信息。 數據可視化大屏強大而靈活,滿足多樣化需求,具體表現在: • 高清晰度顯示(採用高分辨率顯示技術,色彩還原度高) • 內容豐富多樣(支持文字

數據可視化 , 私有化部署 , 數據分析

Shenfq - 在命令行裏也能用 React

用過 React 的同學都知道,React 作為一個視圖庫,在進行 Web 開發的時候需要安裝兩個模塊。 npm install react --save npm install react-dom --save react 模塊主要提供了組件的生命週期、虛擬 DOM Diff、Hooks 等能力,以及將 JSX 轉換為虛擬 DOM 的 h 方法。而 react-dom 主要對外暴露一個 rend

react , terminal , 前端 , Javascript

程序員白彬 - then, catch, finally如何影響返回的Promise實例狀態

雖然Promise是開發過程中使用非常頻繁的一個技術點,但是它的一些細節可能很多人都沒有去關注過。我們都知道,.then, .catch, .finally都可以鏈式調用,其本質上是因為返回了一個新的Promise實例,而這些Promise實例現在的狀態是什麼或者將來會變成什麼狀態,很多人心裏可能都沒個底。我自己也意識到了這一點,於是我通過一些代碼試驗,發現了一些共性。如果您對這塊內容還沒有把握,

promise , 前端 , Javascript

IPD產品研發管理 - 如何用複用省下數十億研發成本?IPD的CBB重用開發策略

不知道你們企業有沒有遇到過這種問題?庫房裏堆着十幾種功能相似的主板,採購成本居高不下,生產換型時還頻頻出錯。 這些生產中無處不在的重複浪費,不僅拖慢了產品上市的節奏,還讓研發成本像無底洞一樣消耗着企業的資源。 在IPD(集成產品開發)中,對這類重複的研發投入提出了成熟的解決方案——CBB(公共模塊)。IPD強調基於平台的異步開發與重用策略,而CBB的核心目標是推動不同項目、不同產品線共享成熟模塊,

觀點 , 程序員 , 後端 , 前端

aqiongbei - 手動點擊與代碼中調用click方法兩者的區別

問題描述 在看事件循環相關視頻的時候發現其中有一個例子不理解,查了資料才明白其中的緣由,遂以志之。問題是這樣的: button id="button"button/button button.addEventListener("click", () = { Promise.resolve().then(() = console.log("Microtask 1")); consol

eventloop , 事件循環 , 同步 , 前端 , Javascript

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

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

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

LYX6666 - 釘釘企業內部應用同步部門用户

前言 有了上一篇釘釘企業內部應用SSO單點登錄實戰及踩坑過程之後,再去看釘釘的文檔和接口就顯得輕車熟路了。 明確需求:定時把釘釘的用户同步到企業自己開發的系統中,以便讓企業內的員工都能使用SSO單點登錄。 確定接口 借鑑上一篇的經驗,我們優先選擇V2版本的接口。 釘釘開放平台-用户信息 右側提供了返回值的實體,注意到包括userId、姓名、電話這三個關鍵字段存在,説明該接口滿足需求。 把鼠標放到

單點登錄 , 釘釘 , springboot , JAVA , 後端

泯瀧 - 使用Node.js、pm2和ssh2模塊實現一個簡單的Node.js項目部署腳本

本文將介紹如何使用Node.js和ssh2模塊實現一個簡單的部署腳本,將本地的項目文件上傳到遠程服務器上。我們將使用dotenv模塊來管理環境變量,以及child_process模塊來執行命令行操作。 首先,我們需要安裝ssh2和dotenv模塊: npm install ssh2 dotenv --save 然後,我們需要在項目根目錄下創建一個.env文件,用來存放一些敏感的配置信息,例如服務器

node.js , pm2 , ssh2 , 前端

蘇琢玉 - 再也不用翻一堆日誌!一鍵部署輕量級錯誤監控系統,幫你統一管理 PHP 報錯

維護多個項目的人,大概都明白那種感覺。 平時一切都很平靜,直到某天,甲方的一句“系統是不是出問題了?” 這時候才發現,問題早就埋在那裏了。 你登錄服務器,開始翻日誌、看 trace,一邊調試一邊回想昨天是不是又改了什麼。問題最終解決了,但那種被動的感覺始終在心裏。 我後來想: 這種被動,其實是可以被解決的。 有沒有可能在客户找上門之前,我就已經知道問題在哪,甚至提前修掉?

github , php , 運維 , go

十五 - 參透 JavaScript —— 圖解 Event Loop 事件循環

前言 本篇文章主要講解瀏覽器中事件循環(Event Loop) 那些事 單線程 JavaScript 中的同步和異步 同步任務是立即執行的任務,在調用棧(Call Stack)順序執行 異步任務則不同,它在同步任務沒完成之前,不會進入主線程,而是將對應回調函數註冊到隊列中,要理解這一步,我們先要知道任務隊列 任務隊列 在調用棧(Call Stack)中,如果遇到一個異步操作,那麼會將對應的回調函數

promise , 事件循環 , 異步任務隊列 , 異步編程 , Javascript

華為雲開發者聯盟 - 聊聊LiteOS事件模塊的結構體、初始化及常用操作

摘要:本文通過分析LiteOS事件模塊的源碼,深入掌握事件的使用。 本文分享自華為雲社區《LiteOS內核源碼分析系列九 事件Event》,原文作者:zhushy 。 事件(Event)是一種任務間通信的機制,可用於任務間的同步。多任務環境下,任務之間往往需要同步操作,一個等待即是一個同步。事件可以提供一對多、多對多的同步操作。本文通過分析LiteOS事件模塊的源碼,深入掌握事件的使用。 L

物聯網 , 華為雲 , 事件 , 結構體

高德開放平台 - 智能手錶地圖新體驗,RTOS系統助力全球行

高德開放平台智能手錶解決方案上線!RTOS系統來襲,卓越性能開啓智能手錶地圖新體驗!6大服務優勢,海量數據直達腕間。融合多品類地圖服務,全面滿足運動出行、智能守護等場景的用户需求,適配各類智能手錶、智能手環,打造智能穿戴生態。

地圖開發 , 數據挖掘 , 地圖api , 人工智能

李不要熬夜 - 移動端rem 適配方案

rem是什麼? rem(font size of the root element)是指相對於根元素的字體大小的單位。簡單的説它就是一個相對單位。看到rem大家一定會想起em單位,em(font size of the element)是指相對於父元素的字體大小的單位。它們之間其實很相似,只不過一個計算的規則是依賴根元素(rem)一個是依賴父元素計算(em)。 個人理解rem佈局可分為倆

rem響應式 , 程序員 , rem , 前端

葡萄城技術團隊 - AI 編碼工具國內適配清單(2025 最新版附官方鏈接)

AI 編碼工具國內適配清單(2025 最新版·附官方鏈接) 針對國內開發者對本土化支持、訪問穩定性、合規性的核心需求,結合工具功能、場景適配、收費模式整理,覆蓋個人學習、企業協作、隱私敏感等全場景,所有鏈接均為國內可直接訪問的官方入口,點擊即可跳轉。 一、主流國產全功能 AI 編碼助手(企業/團隊首選) 這類工具主打“全流程覆蓋+國內生態適配”,支持中文交互、國內框架(微信生態、鴻蒙、Spring

人工智能

來了老弟 - nginx在同一域名下部署多個vue項目

本文介紹使用nginx服務器在同一個域名下如何部署多個前端項目,在vue3使用vite打包時配置文件vite.config.ts中的base的配置方式,以及vue-router中history的配置方式,以及如何在nginx中配置才能使前端項目正常解析等關鍵步驟,結束你在前端項目部署時的苦惱。 項目場景描述 假設你有一個域名admin.iicoom.fun 現在有兩個前端項目,普通的前

Nginx , spa , 前端

破曉L - 面試小冊:面試官經常問的十個棘手的 JavaScript 問題

1. 可變性 在 JavaScript 中有七種基本數據類型(string、number、boolean、undefined、symbol、bigint 和 null),這些都是不可變的。這意味着一旦分配了一個值,我們就無法修改它們,我們可以做的是將它重新分配給一個不同的值(不同的內存指針)。另一方面,其他數據類型(如 Object 和 Function)是可變的,這意味着我們可以修改同一內存指

原型 , 閉包 , 面試問題 , 前端 , Javascript

友人A - threejs的transformControls拖拽結束的異常

transformControls拖拽結束以後會以結束點的射線拾取重新選中新的模型,這裏發現是監聽事件的問題 // 創建 TransformControls const transformControls = new TransformControls(camera, renderer.domElement); const transformControlsHelp

three.js , 前端 , Javascript