收藏 / 列表

shenfq 頭像

Shenfq - 前端模塊化的前世

隨着前端項目的越來越龐大，組件化的前端框架，前端路由等技術的發展，模塊化已經成為現代前端工程師的一項必備技能。無論是什麼語言一旦發展到一定地步，其工程化能力和可維護性勢必得到相應的發展。 模塊化這件事，無論在哪個編程領域都是相當常見的事情，模塊化存在的意義就是為了增加可複用性，以儘可能少的代碼是實現個性化的需求。同為前端三劍客之一的 CSS 早在 2.1 的版本就提出了 @import 來實現模塊

前端模塊化 , seajs , commonjs , requirejs , Javascript

tusi_5c8a591841687 頭像

程序員白彬 - 我以為我很懂Promise，直到我開始實現Promise/A+規範

我一度以為自己很懂Promise，直到前段時間嘗試去實現Promise/A+規範時，才發現自己對Promise的理解還過於淺薄。在我按照Promise/A+規範去寫具體代碼實現的過程中，我經歷了從“很懂”到“陌生”，再到“領會”的過山車式的認知轉變，對Promise有了更深刻的認識！ TL;DR：鑑於很多人不想看長文，這裏直接給出我寫的Promise/A+規範的Javascript實現。 gi

promise , 前端 , Javascript

zxbing0066 頭像

嘿嘿不務正業 - Node 調試利器，前端、Node 開發必備 - VSCode JS Debug Terminal

經常看到有同學抱怨 Node 調試麻煩或者是搞不清怎麼調試各種腳本、Jest、Webpack 等等，而偶爾看到的調試相關的文章又全都是在寫 inspect、launch.json 這些方案，其實有一定學習成本。 而其實在 VSCode 中早已內置了相當無腦的 Debug 方式，就是 JavaScript Debug Terminal，利用它我們只需要負責打斷點，別的什麼 inspect、launc

visual-studio-code , debugging , 前端

integrated_product_development 頭像

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

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

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

aqiongbei 頭像

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

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

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

jianzhuangdeyaling 頭像

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

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

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

liuyuxuan6666 頭像

LYX6666 - 理解觀察者模式——用Angular的httpClient來解釋觀察者

前言 本文關鍵詞：觀察者模式。 觀察者模式是什麼？ 觀察者模式和回調函數有什麼關係？ 使用httpClient時，加上.subscribe有什麼作用？ Angular的httpClient中如何體現觀察者模式？ 解決了上述問題之後，就寫了這篇文章。 （這篇文章實際上是給上一篇文章填個坑...上一篇寫到回調函數，卻沒有給出實際應用的例子。） 引入問題：httpClient http

觀察者模式 , angular , 回調函數 , 前端 , Javascript

daimaxieshen 頭像

瓏墨 - 【吃透】JS代理（Proxy）

今天給大家分享如何從根本上吃透js代理，嘎嘎的😍，看下面 咱們首先得知道： 代理是 js 中的對象，它允許你創建對象的代理，同時還可以為標準對象操作定義自定義行為。這意味着，譬如，如果有人試圖從對象中獲取屬性的值，你可以定義一組自定義行為。這使代理變成了一個非常強大的工具，所以讓我們看看它們是如何工作的。get set has 一、js 代理的基礎知識✔ en... 上面聽起來很複雜，所以

es7 , challenge , es6-proxy , 前端 , Javascript

xiaoxxuejishu 頭像

小X學技術 - Y 分鐘速成 docker

源代碼下載： docker-cn.bat :: 下載、安裝、運行 hello-world 鏡像(image) docker run hello-world :: :: 如果這是第一次運行，你應該能見到這些信息 :: Unable to find image 'hello-world:latest' locally # 在本地找不到鏡像xxx :: latest: Pulling from lib

容器 , 教程 , 入門 , Docker

zxc7563598 頭像

蘇琢玉 - 從 Hexo 到 Astro：重構我的個人博客

寫博客這件事，老實説，現在可能不太流行了，流量也未必多，但對我來説，有沒有博客是兩回事。 過去幾年，我一直用 Hexo 搭建和維護我的博客，主題豐富、社區活躍，用得也很開心。 老博客： 不過，隨着我對博客的需求越來越多，我發現 Hexo 在一些定製化操作上有些侷限。於是，我決定嘗試用 Astro 來重構我的博客。 新博客： 關於博客這件事 我其實並不指望有

astro , hexo , 博客

qfifteen 頭像

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

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

vue.js , pinia , router , 前端

huaweiclouddeveloper 頭像

華為雲開發者聯盟 - 華為IoT首席架構師王啓軍：全棧工程師“養成記”

在王啓軍的公眾號裏，有一篇《My Team》的文章，裏面記錄了早年他所帶團隊成長的心得。 這個被他稱為完美組合的團隊，並不是來自大廠名企，彼時王啓軍給不起高待遇，團隊核心成員中還有很多人是專科學歷。 但就是這樣一支團隊，建立了IaaS平台，搭建了私有云，雲緩存，分佈式文件中心……甚至還有自己的開發框架，工作流平台，配置中心，而彼時，是在2013年前後。 王啓軍在文章裏寫到： 給不起高薪，就挑選潛力

華為雲 , 開源 , 全棧工程師 , 開發者 , 程序員

haixiudezhusun 頭像

高德開放平台 - 高德開放平台全球LBS服務，MCP Server正式登陸阿里云云市場

高德地圖作為全球領先的LBS提供商，憑藉其強大的數據處理能力和廣泛的地理信息覆蓋，每日處理定位及路徑規劃需求超過千億次。高德地圖數據覆蓋全球200多個國家和地區，擁有7000w個國內POI數據、1.2億海外POI數據，同時覆蓋全球4億地址數據。並且基於全球路網、路況數據的全面覆蓋，為用户提供全球範圍內的精準、實時的地圖服務，滿足多樣化的地理信息需求。 今日，高德開放平台宣佈正式入駐阿里云云市場，推

地圖開發 , 資訊 , 人工智能 , 前端

lirong_60404fde6d52d 頭像

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

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

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

grapecity 頭像

葡萄城技術團隊 - React Native 錯誤處理完全指南

React Native 錯誤處理完全指南 深入解析跨平台應用中的 JS 錯誤、原生崩潰及異常監控方案，附實戰代碼與最佳實踐。 在 React Native 跨平台開發中，錯誤處理是保障應用穩定性與用户體驗的核心環節。不同於純 Web 應用或原生應用，React Native 應用的錯誤來源更為複雜——既包含 JavaScript 層的邏輯錯誤，也涉及 iOS/Android 雙端的原生模塊異常，

react-native

laomao_5902e12974409 頭像

來了老弟 - vue項目部署後提示用户有新版本

你可能在瀏覽器見到過上面這種UI，這是在vue項目重新build在服務端部署後，瀏覽器刷新頁面彈出的提示，這時如果用户點擊更新就會重載頁面，清除之前的緩存獲取最新內容。 這是怎樣發生的呢？你可能會想到下面的方式： 服務端編譯重新部署維護一個版本號，客户端通過輪詢檢測和本地存儲的是否相同，發現更新的版本就彈框提示（缺點 耗電。尤其是在移動端） 通過在html中做版本標記... websoc

vue.js , pwa , service-worker

dunizb 頭像

杭州程序員張張 - 使用CSS ::marker的自定義項目符號

現在，在使用 ul 或 ol 時自定義數字或項目符號的顏色，大小或類型很簡單。 感謝CSS ::marker，我們可以更改內容以及項目符號和數字的某些樣式。 瀏覽器兼容性 當Chromium 86發佈時，::marker 將在桌面和Android的Firefox、桌面Safari和iOS Safari以及基於Chromium的桌面和Android瀏覽器中得到支持。有關更新，請參見MDN的瀏覽器兼

css技巧 , Css , 前端

zhongkejin 頭像

中關村科金 - MobPush丨Android端快速集成方法

開發工具： Android Studio 集成方式： Gradle在線集成 安卓版本支持： minSdkVersion 19 集成準備 註冊賬號 使用PushSDK之前，需要先在MobTech官網註冊開發者賬號，並獲取MobTech提供的AppKey和AppSecret，詳情可以點擊查看註冊流程 MobPush後台配置 註冊MobTech賬號後，需要在MobTech後台進行相關信息的配置，詳情可以

android-sdk , Android , android-studio , 集成

powerful_simon 頭像

小謳 - 《javascript高級程序設計》學習筆記 | 7.3.生成器

關注前端小謳，閲讀更多原創技術文章 生成器 ES6 新增的結構，可以在一個函數塊內暫停和恢復代碼執行，可以自定義迭代器和實現協程 相關代碼 → 生成器基礎 生成器的形式是一個函數，函數名稱前加一個星號* 可以定義函數的地方，都可以定義生成器（箭頭函數除外） function* generatorFn() {} // 生成器函數聲明 let gfn = function* ()

yield , generator , 生成器 , 前端 , Javascript

qianxiaqingkong 頭像

蘭俊秋雨 - Charles註冊

註冊碼 Registered Name:https://zhile.io License Key: 48891cf209c6d32bf4 操作 打開Charles找到help選項-》點擊register Charles選項 彈出如下輸入框 輸入對應的name和key點擊註冊即可 重啓查看已完成註冊

charles , 前端

wenjinhua 頭像

前端子金 - 移動端適配知識點梳理-part one

1. 設備像素和css像素 設備像素，又叫物理像素（physical pixel），給出您正在使用的任何設備的形式分辨率，可通過screen.width/height獲取. css像素，又叫設備獨立像素（device-indenpendent pixel），此為邏輯像素，計算機設備中的一個點 注意：設備像素和css像素的關係（縮小還是放大針對的是css像素）： 100％縮

移動端適配 , viewport , 前端 , html5 , Javascript

data_ai 頭像

數據庫知識分享者 - 阿里雲瑤池數據庫 Data Agent，數據安全，分析準確，讓數據更有價值！

一、Data Agent簡介 Data Agent 是瑤池數據庫基於 Data+AI 數智融合與 Agentic AI 技術趨勢打造的數據智能體產品，全面覆蓋數據的產生、存儲、加工、治理、分析的全生命週期，並具備自主規劃、智能執行、迭代優化等特性，實現從需求分析、數據探索到結果交付的全流程自動化。使業務人員無需掌握複雜的查詢語言或數據分析技能，即可獲取專業級分析結果，並確保數據的準確性與安全性。

agent , 數據管理 , data , MySQL , 數據庫

tongchuangyongyi 頭像

同創永益 - 從被動響應到主動防禦——IT 應急演練平台 v3.0.1 重構企業安全免疫系統

在數字化浪潮席捲全球的今天，企業正面臨着前所未有的風險挑戰：某銀行因系統故障導致 2 小時交易中斷，損失超 5000 萬元；某能源集團因災備系統失效，數據恢復耗時長達 72 小時...... 這些慘痛教訓背後，暴露的是傳統應急體系 "重預案、輕實戰" 的致命短板。 在當今數字化時代，企業面臨着複雜多變的IT環境，應急事件的響應能力成為企業穩定運營的關鍵。為了幫助企業更好地應對各種挑戰

it , 數字韌性 , 前端

carloslab 頭像

Carlos - React 的單向數據流

React 的單向數據流 React 的單向數據流（One-way Data Flow）指的是組件中的數據流動是自上而下的，也就是説，父組件可以通過 props 向子組件傳遞數據，而子組件不能直接修改父組件的狀態。數據只能沿着組件樹從父組件流向子組件，任何需要更新的數據必須由父組件通過狀態提升或者回調函數來處理。 單向數據流的優點 可預測性強： 由於數據流動是單向的，數據從父

react , 全棧工程師 , 前端