收藏 / 列表

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 頭像

嘿嘿不務正業 - Mac M1（arm 系列芯片）如何安裝 Chromium | Puppeteer

最近寫個腳本用到 puppeteer，然後安裝 Chromium 出現一點問題，這裏記錄一下解決方案。 Puppeteer 自動安裝失敗 在 Puppeteer 安裝時會自動安裝 Chromium，然而卻總是報錯 502 導致下載失敗，直接下載可以下載，命令行 wget 也可以，猜測是因為 Puppeteer 開啓了新的 process 來安裝導致環境變量丟失，然後就科學上網失敗了。 這會回頭看了

puppeteer , 前端

integrated_product_development 頭像

IPD產品研發管理 - 如何通過TR技術評審管控IPD開發風險？

作為產品開發全流程的技術風險管控實踐，TR（Technical Review，技術評審）自然是IPD流程中不可或缺的一環。 接下來我們需要明確：TR評審是什麼？ 一般TR評審是團隊對技術方案、設計輸出、驗證結果做的系統性審查，主要確保產品的技術路線合規、性能達標、可製造性可控，避免因技術問題導致開發返工、成本超支或上市延期。 一、TR評審在IPD中有什麼作用？ 在IPD中，TR評審貫穿產品開發的

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

aqiongbei 頭像

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

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

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

jianzhuangdeyaling 頭像

用户bPdeUmS - 深入理解 Fiddler：網絡調試的強大工具

在現代 Web 開發中，網絡調試和請求分析是開發者日常工作中不可或缺的部分。Fiddler 是一款功能強大的網絡調試代理工具，它能夠幫助開發者捕獲、查看和修改 HTTP(S) 請求和響應，提供了極大的便利。無論是調試 API、分析網絡性能，還是解決前端與後端的通信問題，Fiddler 都能為開發者提供詳細的信息和靈活的操作。本文將專注於 Fiddler 的核心功能、使用場景以及最佳實踐，幫助你更高

fiddler , yarn , typescript , 前端 , Javascript

liuyuxuan6666 頭像

LYX6666 - 釘釘企業內部應用SSO單點登錄實戰及踩坑過程

前言 之前一直因為騰訊的文檔可讀性差而吐槽，而這次對接釘釘開放平台時也遇到了很多問題。 一句話概括原因：當前(2025年)正值釘釘兩代API切換的過程中，新舊API同時存在，造成釘釘官方文檔內容分散，來不及更新，且第三方博客新舊共存。初次接觸時無從下手，API調用時因為版本不對可能導致問題。 本文基於最新的API及文檔，儘可能全面的描述釘釘SSO流程。 SSO SSO(Single Sign-On

釘釘 , sso , springboot , JAVA , 後端

daimaxieshen 頭像

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

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

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

xiaoxxuejishu 頭像

小X學技術 - Y 分鐘速成 Qt Framework

源代碼下載： learnqt-cn.cpp Qt Qt是一個廣為人知的框架，用於開發跨平台軟件，該軟件可以在各種軟件和硬件平台上運行，代碼幾乎沒有變化，同時具有本機應用程序的能力和速度。雖然Qt最初是用C++，但也有其他語言的端口: PyQt, QtRuby, PHP-Qt, 等等. Qt 非常適合使用圖形用户界面 （GUI） 創建應用程序。本教程是關於如何用C++去實現。 /* * 讓我們從最

gui , 框架 , qt , 教程 , qt5

zxc7563598 頭像

蘇琢玉 - 一個小項目的記錄：PHP 分賬組件

最近整理了一個自己做的小項目——PHP Trade Splitter ，是一個交易/利潤分賬組件。今天想分享一下，也算是記錄自己的小成果，也順便展示一下技術思路。 為什麼會做這個包 説白了，就是因為工作/項目里老是碰到分賬邏輯： 平台抽成 作者收益 代理或渠道分潤 階梯獎勵 多級遞歸計算 以前都是直接寫死在業務裏，每次改需求都得重構，越改越心累。 於是我想：乾脆抽象出來，做一個通用

composer , php

qfifteen 頭像

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

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

vue.js , pinia , router , 前端

huaweiclouddeveloper 頭像

華為雲開發者聯盟 - 案例解讀：深入理解瀏覽器的緩存機制

摘要：緩存可以減少網絡 IO 消耗，提高訪問速度。瀏覽器緩存是一種操作簡單、效果顯著的前端性能優化手段。 前言 瀏覽器緩存是前端性能優化的重要一環，對於前端效率提升的重要性，不言而喻。 之前對於瀏覽器緩存也是一知半解，這次藉着H5頁面緩存優化的東風整理了一下本地瀏覽器端的緩存機制，如強制緩存、協商緩存等，並且然後結合門户域各部件（官網、雲社區、雲市場、個人中心、APP）當前的緩存機制進一步分

服務器 , 瀏覽器 , 華為雲 , 緩存 , 瀏覽器緩存

haixiudezhusun 頭像

高德開放平台 - 高德智能手錶解決方案，助力榮耀手錶5 Ultra開啓智慧出行

6月12日，高德開放平台推出了全新的智能手錶解決方案，憑藉其海量數據與多品類地圖服務的深度融合，為智能穿戴設備帶來了全新的可能性。 這一解決方案不僅覆蓋了全國超過7000萬的POI數據以及海外超過1.2億的POI數據，還實現了全球200多個國家和地區的地圖、搜索、定位和導航服務，滿足了用户在智能守護、運動出行等場景下的多樣化需求。同時，該方案支持多樣化的地圖模板和個性化元素配置，助力開發者快速定製

地圖開發 , 地圖api , 人工智能 , 後端 , 前端

lirong_60404fde6d52d 頭像

李不要熬夜 - XMLHttpRequest對象解析

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

xmlhttprequest , Ajax , 前端

grapecity 頭像

葡萄城技術團隊 - 手把手教你在 Sevalla 上部署 Next.js 博客：從搭建到上線全流程

很多開發者會糾結：“現在博客平台這麼多，為啥還要自己搭博客？” 答案很簡單：用 Next.js 搭的博客，是真正屬於你的 “數字資產”。 為什麼選 Next.js？為什麼是 Sevalla？ 先聊聊這兩個核心工具的優勢，幫你搞懂 “為什麼這麼組合”。 Next.js：不止是博客，更是你的品牌載體 Next.js 是基於 React 的開發框架，相比純 React，它多了很多 “開箱即用” 的功能：

next.js

laomao_5902e12974409 頭像

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

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

佈局 , Css

dunizb 頭像

杭州程序員張張 - 微軟如何使Edge成為PWA的最佳瀏覽器

相關閲讀：微軟解析新Edge瀏覽器的多進程體系結構 近年來，由於網絡巨頭和移動開發人員的推動，漸進式Web應用已成為一種增長趨勢，因為它們允許將類似原生的體驗帶入任何平台。 在最致力於這項新技術的公司中，有Microsoft，它通過PWABuilder等項目幫助Web開發人員擁抱了這一新技術。隨着第一個基於Chromium的微軟Edge版本的推出，以及最近在Build 2020上的宣佈，該公司通

pwa , 瀏覽器 , edge , microsoft

zhongkejin 頭像

中關村科金 - MobLink Android端快速集成文檔

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

android-sdk , Android

powerful_simon 頭像

小謳 - 手寫一個Virtual DOM及源碼解析

關注前端小謳，閲讀更多原創技術文章 Virtual DOM是當今主流框架普遍採用的提高 web 頁面性能的方案，其原理是： 1.把真實的 DOM 樹轉換成 js 對象（虛擬 DOM） 2.數據更新時生成新的 js 對象（新的虛擬 DOM） 3.二者比對後僅對發生變化的數據進行更新 完整代碼參考 → js 對象模擬 DOM 樹 假設有如下 ht

vue.js , 虛擬dom , virtual-dom , 前端 , Javascript

wenjinhua 頭像

前端子金 - h5 video踩坑記錄

筆者近來在用h5 的video來開發視頻，下面來聊一聊是怎麼一步一步填坑的。 一些在開發中的注意點，都在代碼裏的註釋進行描述 基本需求 禁止全屏 是否自動播放 播放器尺寸的設置 播放完畢時回到初始狀態 1. 禁止全屏 webkit-playsInline={true} // ios x5-playsInline ={true}// android playsInline ={tr

視頻 , h5播放器 , 兼容性 , 前端 , Javascript

data_ai 頭像

數據庫知識分享者 - 函數性能探測：更簡單高效的 Serverless 規格選型方案

2019 年 Berkeley 預測 Serverless 將取代 Serverful 計算成為雲計算新範式。Serverless 為應用開發提供了一種全新系統架構。藉助 2023 年由 OpenAI 所帶來的 AIGC 風潮，以阿里雲函數計算 FC、AWS Lambda 為代表的 Serverless 以其更高成本效益、更簡化的後端代碼 擴展性及更極致的彈性等眾多特性，將開發者從繁重的手動資源

函數 , 雲計算 , 阿里雲 , 雲原生 , serverless

tongchuangyongyi 頭像

同創永益 - 《數據安全法》的前世今生，對災備有何影響？

文章轉載來源公眾號：@雲災備 《中華人民共和國數據安全法》（下稱“《數據安全法》”）已於 9 月 1 日正式落地實施，作為我國第一部有關數據的基礎法，其意義無須多言。一石激起千層浪，社會各界解讀不斷，但重點太多等於沒有重點，本文僅從災備行業關注的角度，理一理《數據安全法》的“前世”、“今生”以及“未來”。 一、沒有數據安全就沒有國家安全 數據作為重要的生產要素，被國家列為基礎性戰略資源，回

行業 , 數據安全 , 災備 , 安全

carloslab 頭像

Carlos - React 的單向數據流

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

react , 全棧工程師 , 前端

wmuhua 頭像

沐華 - Vue3的7種和Vue2的12種組件通信，值得收藏

本文原文首發掘金：https://juejin.cn/post/699968... 如有不對的或者遺漏的，歡迎指正，你的一讚一評都是我前行最大的動力，感謝 Vue2.x組件通信12種方式寫在後面了，先來 Vue3 的 奧力給！ Vue3 組件通信方式 props $emit expose / ref $attrs v-model provide / inject Vuex Vue

vue.js , 組件通信 , vue3 , 前端