收藏 / 列表

simonbaker_5ec61c266b1df 頭像

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

chencaize 頭像

點墨 - 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

xishui_5ac9a340a5484 頭像

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

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

next.js , 前端

cloudyttt 頭像

雲魚 - JSONP 跨域原理及實現

前言 在日常項目開發過程中，跨域以及如何解決跨域問題是前後端開發同學繞不開的話題。JSONP 跨域就是一種經典的解決跨域問題的方案。 💡温馨提示：本文全文 1921 個字，推薦閲讀時間 10min ，加油老鐵！ 一、同源策略和跨域 1.1 同源策略 1.1.1 什麼是同源 如果兩個頁面的協議，域名和端口都相同，則兩個頁面具有相同的源 例如，下表給出了相對於 http://www.test

面試 , 跨域 , 前端 , Javascript , Jsonp

camille_5f9b7f6b8693f 頭像

牛仔碼農 - Ajax基礎原理及使用教程（來自動力節點）

首先，我們來回顧下ajax是什麼? Ajax = 異步 JavaScript 和XML。 Ajax是一種用於創建快速動態網頁的技術。 通過在後台與服務器進行少量數據交換，Ajax可以使網頁實現異步更新。這意味着可以在不重新加載整個網頁的情況下，對網頁的某部分進行更新。 傳統的網頁(不使用 Ajax)如果需要更新內容，必須重載整個網頁面 前面談到ajax是什麼，其主要也就是異步提交，大家是否知道同步

Ajax , JAVA , ajax跨域 , 後端 , 前端

ruanjiankaifa_xiaofanya 頭像

軟件部長 - 基於Vue3+Spring Cloud的開源項目JVS-Teamwork，功能強大！

• 項目計劃中沒有清晰的管理流程，計劃頻繁變更 • 多個成員同時負責同一個任務，無法及時瞭解任務的進展情況，並且職責模糊 • 項目文檔雜亂，查找信息困難 • 團隊溝通效率低，缺乏優先級排序，無法實時瞭解項目進展 你是不是也遇到過這些情況，如果工具沒有跟上，當項目從幾個擴展到幾十個時，項目管理混亂就是常態。 對於許多企業來説，選擇項目管理工具時常面臨兩大痛點：成本和數據

項目管理軟件 , 項目管理系統 , 私有化部署 , 開源 , 開源項目介紹

shenfq 頭像

Shenfq - 下一代的模板引擎：lit-html

前面的文章介紹了 Web Components 的基本用法，今天來看看基於這個原生技術，Google 二次封存的框架 lit-html。 其實早在 Google 提出 Web Components 的時候，就在此基礎上發佈了 Polymer 框架。只是這個框架一直雷聲大雨點小，內部似乎也對這個項目不太滿意，然後他們團隊又開發了兩個更加現代化的框架（或者説是庫？）： lit-html、lit-ele

模板引擎 , webcomponents , HTML , 前端

tusi_5c8a591841687 頭像

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

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

promise , 前端 , Javascript

integrated_product_development 頭像

IPD產品研發管理 - “你覺得客户需要”是殺死TA的最後一根稻草 | IPD集成產品開發

這個米老鼠洗衣機，大家眼熟嗎？ 相信最近熱衷於在網上衝浪的朋友們，對這款形似米老鼠的“懶人洗衣機”並不陌生，甚至算是小小地參與了一下這個產品研發項目。 在海爾的周雲傑總裁爆火出圈後，有網友在海爾的媒體賬號下，喊話周總研發一款可同時並分區洗衣服、內衣、鞋子和襪子的 “懶人洗衣機”。基於此，2天后，海爾集團宣佈“懶人洗衣機”即將上市。 這個看似偶然的“懶人”產品的誕生，實則折射出如何精準洞察客户需求

產品經理 , 程序員 , 產品 , 後端 , 前端

aqiongbei 頭像

aqiongbei - 來學一個值錢的知識，Chrome插件如何優雅的捕獲頁面的請求結果

背景 今天在寫一個某網站限流檢測的chrome插件，需要捕獲頁面的某個請求結果。那麼問題就來了，我們該如何捕獲頁面的請求結果呢？我們來捋捋都有哪些方案。 我開發的時候的配置為manifest_version: 3，下文內容也是在這個基礎上展開的。 本文只列舉方案，一些需同步在manifest_version進行配置地方並未提及，請自行配置。 可行的方案 一、chrome.webReques

chrome , chrome-extension , chrome-devtools , 前端 , Javascript

jianzhuangdeyaling 頭像

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

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

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

liuyuxuan6666 頭像

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

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

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

daimaxieshen 頭像

瓏墨 - JavaScript 引擎如何工作？💭

😘前言：要了解 JavaScript 引擎，你必須瞭解當我們編譯和執行代碼時它的內容。一旦你完全閲讀了這篇文章，你就可以寫出一段優秀的代碼。這篇文章是關於JavaScript引擎的，它將幫助你瞭解JavaScript引擎的性能及其最有價值的功能，嘎嘎嘎，看下面😍。 一、什麼是 JavaScript 引擎？🧐 JavaScript引擎是一個程序，有助於將JavaScript代碼轉換為較低級別的

瀏覽器原理 , challenge , 前端 , html5 , Javascript

zxc7563598 頭像

蘇琢玉 - 判斷邏輯越寫越亂，我乾脆做了個自己的規則引擎

不知道你有沒有這種感覺：一個業務功能看起來很簡單，但判斷條件卻一大堆。 什麼用户狀態、配置項、商品屬性、會員等級…… 一大堆 if​ / else​ 交織在一起，越寫越亂，稍微改一個邏輯就要擔心影響其他地方。 我之前就遇到這樣的情況，一開始還能忍，後來乾脆決定：不如自己寫一個簡單的規則引擎，專門用來處理這些組合判斷。 於是就有了這個項目：hejunjie/simple-rule-eng

composer , php

qfifteen 頭像

十五 - 中後台開發必修課：Vue 項目中 Pinia 與 Router 完全攻略

前言 本篇文章主要講解如何來配置 Pinia 和 Vue Router 本文也是《通俗易懂的中後台系統建設指南》系列的第二篇文章，該系列旨在告訴你如何來構建一個優秀的中後台管理系統 寫在前面 路由(Router)和狀態管理(Vuex、Pinia)是 Vue 項目中的常客。基本上在 Vue 的項目中，我們構建一個 Web 應用都離不開它們，如果你是 Vue2 的用户，那麼你對它們不會陌生 如果你是跟

vue.js , pinia , router , 前端

huaweiclouddeveloper 頭像

華為雲開發者聯盟 - 最強雲硬盤來了，讓AI模型迭代從1周縮短到1天

摘要：華為雲擎天架構+ Flash-Native存儲引擎+低時延CurreNET，數據存儲和處理還有啥擔心的？ 雖然我們已經進入大數據時代，但多數企業數據利用率只有10%，數據的價值沒有得到充分釋放。面對海量數據爆炸式的增長和發掘數據內在價值的巨大需求，擁有彈性伸縮、無限擴展能力的雲存儲正發展成為時代的智能數據底座。 另一方面，隨着人工智能（AI）、VR/AR、5G、自動駕駛等技術的發展，應

ssd , Flash , 華為雲 , 雲存儲 , 數據存儲

haixiudezhusun 頭像

高德開放平台 - 高德開放平台攜手阿里雲，面向開發者推出地圖服務產品MCP Server

高德開放平台攜手阿里雲，面向開發者推出地圖服務產品MCP Server，通過技術能力與生態資源的深度協同，助力開發者高效構建標準化地圖服務，加速智能化場景落地。 https://www.bilibili.com/video/BV1vSugzwEQY/?aid=114833852731... 技術融合：大模型賦能地圖交互升級 基於阿里雲通義千問系列大模型領先的自然語言處理與多模態交互能力

地圖開發 , ai開發 , 阿里雲

lirong_60404fde6d52d 頭像

李不要熬夜 - XMLHttpRequest對象解析

!DOCTYPE htmlhtmlbody script function reqListener () { console.log(this); console.log(this.getAllResponseHeaders()); console.log(this.responseText); }

xmlhttprequest , Ajax , 前端

grapecity 頭像

葡萄城技術團隊 - 面向智能體與大語言模型的 AI 基礎設施：選項、工具與優化

面向智能體與大語言模型的 AI 基礎設施：選項、工具與優化 本文探討了用於部署和優化 AI 智能體（AI Agents）與大型語言模型（LLMs）的各類基礎設施選項及工具。 無論採用雲、本地還是混合雲部署，基礎設施在 AI 架構落地過程中都起着關鍵作用。本文是 AI 基礎設施系列文章的一部分，聚焦於部署和優化 AI 智能體與大語言模型的多樣化基礎設施選擇，深入剖析了基礎設施在 AI 架構（尤其是推

人工智能

laomao_5902e12974409 頭像

來了老弟 - CSS Grid Layout(網格佈局)

CSS 有一些屬性經常被用來解決佈局問題：如（浮動float、定位postion）這些比較 hack 的方法經常會給頁面遺留下一些問題。 彈性盒子Flexbox是一個非常好的佈局工具，網格佈局 CSS Grid Layout 是最新、更強大的佈局方式。本文就來簡單介紹一下什麼是網格佈局。 網格佈局(CSS Grid Layout) 網格佈局是二維的佈局系統，和過去常用的佈局方式相比完全改變

佈局 , Css

webinfoq 頭像

破曉L - 現代 JavaScript 框架工作原理你瞭解多少？

讓我們通過構建一個現代 JavaScript 框架來了解其工作原理。 我的日常工作是開發 JavaScript 框架 (LWC)。雖然我已經在這個框架上工作了近三年，但我仍然覺得自己是個門外漢。當我閲讀大型框架領域的最新動態時，我常常會被自己不知道的事情壓得喘不過氣來。 不過，瞭解某些東西如何工作的最好方法之一就是自己動手創建。另外，我們還得讓那些 “days since last JavaScr

react , vue.js , 響應式 , 前端 , Javascript

yourena_c 頭像

友人A - threejs-夜景

記錄threejs實現夜景光照、投影、陰影、反射、材質顏色編碼的效果 主要是光源設置了shadow、encoding !DOCTYPE html html head meta charset="UTF-8" titleThree.js Scene/title style body { margin: 0; }

three.js , 三維模型 , gis , 前端

dunizb 頭像

杭州程序員張張 - 使用 Node.js 和 htmx 構建全棧應用程序

在本教程中，我將演示如何使用 Node 作為後端和 htmx 作為前端來構建功能齊全的 CRUD 應用程序。這將演示 htmx 如何集成到全棧應用程序中，使您能夠評估其有效性並確定它是否是您未來項目的不錯選擇。 htmx 是一個現代 JavaScript 庫，旨在通過實現部分 HTML 更新來增強Web應用，而無需重新加載整個頁面。與傳統前端框架中的 JSON 有效載荷不同，它通過有線方式發送 H

全棧 , node.js , htmx , 前端

hai2007 頭像

你好2007 - 關於CSS中設置overflow屬性的值為hidden的相關理解

包裹元素剪裁條件 是不是包裹元素overflow設置為hidden以後，內部元素如果超過包裹元素的話就會被剪裁？答案是不一定，這要看此刻的CSS環境。 根據對CSS2.1規範的理解，可以這樣表述：如果一個元素的包含塊的overflow屬性設置為hidden，那麼超過這個包含塊部分的內容就會被剪裁。 因此我們需要學會尋找一個元素的包含塊，不過在這之前，讓我們先簡單的知道如果一個元素的overflow

overflow , bfc , hidden , Css