收藏 / 列表

zxbing0066 頭像

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

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

puppeteer , 前端

integrated_product_development 頭像

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

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

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

aqiongbei 頭像

aqiongbei - 淺談sessionStorage的"繼承"問題

問題復現 最近在寫bug的過程中發現一個有意思的事,我把它稱之為" sessionStorage'繼承' "。我們可以按以下做法復現這一過程: 測試一 打開一個頁面(我們稱之為a頁面),在控制枱執行 sessionStorage.a = 'a'; window.open(window.location.href); // 得到b頁面 我們把新打開的頁面叫做b頁面,然後我們在b頁面控制枱執行 ses

sessionstorage , HTML , html5 , Javascript

evilboy 頭像

瘋狂的技術宅 - 2020 年 Chrome 開發者峯會的亮點

2020 年的Chrome 開發者峯會和往年有所不同，今年是在線上召開的，每次談話大約十分鐘，討論規模更大。雖然我沒有在第一時間觀看會議的直播，但是看回放也不會錯過這些亮點。 所有的回放在這裏：https://developer.chrome.com/... 通過“Core Web Vitals”簡化了性能指標 我們都知道 Chrome 有大量的性能指標，可以用它們來跟蹤關於網站性能的所有內容。儘

chrome , pwa , Css , 前端 , Javascript

jianzhuangdeyaling 頭像

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

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

fiddler , yarn , typescript , 前端 , Javascript

liuyuxuan6666 頭像

LYX6666 - 初識Spring IoC

零、前言 從第一天開始學習SpringBoot，到現在已經有兩年了，兩年以來我的搬磚能力不斷增強，但理論層面仍然是零基礎小白。 因此，打破瓶頸的方法，就是像學長們一樣，多讀書、多看理論知識，然後應用實踐。 所以我開始學習Spring的兩大特性之一——控制反轉(IoC)。 在此之前，我們需要了解什麼是依賴關係。 如果A的成功運行必須需要調用B，此時就可以稱為B是A的依賴。

spring , ioc

daimaxieshen 頭像

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

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

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

zxc7563598 頭像

蘇琢玉 - 從零開始創建屬於自己的 Composer 庫

Composer 是 PHP 領域最流行的依賴管理工具，它使得管理項目依賴變得輕鬆簡單。然而，除了使用現有的包，我們也可以創建和發佈屬於自己的 Composer 包。 在這篇文章中，我將帶你一步一步完成從零開始創建併發佈一個自己的 Composer 包的流程。 創建項目 在你的工作目錄下創建一個新的文件夾作為你的包： mkdir project cd project 初始化 Composer

composer , php

qfifteen 頭像

十五 - 受夠了團隊代碼風格不統一？7千字教你從零搭建代碼規範體系

前言 此篇文章主要講解如何來搭建一套代碼規範體系，主要內容為：通過 ESLint + Prettier + Stylelint 實現代碼風格規範、格式化，通過 EditorConfig 實現 IDE 編碼風格規範化 本文約 7k 字，主要內容分為 7 個大章節，內分多個小章節。請耐心讀完，相信你應該有所收穫 本文也是《通俗易懂的中後台系統建設指南》系列的第四篇文章，該系列旨在告訴你如何來構建一個優

vue.js , 代碼規範 , 前端

haixiudezhusun 頭像

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

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

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

buddhad666 頭像

buddha - pc端px轉換為rem針對屏幕分辨率進行頁面適配

常用的pc端網站適配方案是什麼？用的最多的大概就是父元素按照設計圖的寬度進行固定寬度，margin:0 auto居中，兩邊留白。但是有的設計圖不適合這樣兩邊留白的適配方案。 最近接手了一個pc端的項目，雖然按照常用的柵格佈局+postcss-pxtorem插件對px轉換的方法對頁面做了適配，使頁面無論在pc端打開還是在移動端打開都能自適應，但是在高清分辨率下的頁面比如5k高清，佈局還是有些亂了，這

Css , rem , HTML , Javascript

landyliu 頭像

前端哇發哈 - 大話css預編譯處理（三）：基礎語法篇

一、Sass、LESS和Stylus的語法 每一種語言都有自己一定的語法規則，CSS預處理器語言也不例外，在真正使用CSS預處器語言之前還有一個不可缺少的知識點，就是對語法的理解。值得慶幸的是，這三款CSS預處理器語言的語法和CSS語法都差不多。 1.Sass語法 Sass3.0版本開始使用的是標準的CSS語法，和SCSS可以説是一樣的。這樣Sass代碼轉換成CSS代碼變得更容易。默認Sass使用

sass , less , stylus , Css , 前端

grapecity 頭像

葡萄城技術團隊 - 讓數據自帶説服力！ 5大設計原則 + 落地案例，溝通、決策雙提效

讓數據自帶説服力！ 5大設計原則 + 落地案例，溝通、決策雙提效 當前的時代就是一個信息化的時代，數據價值體現也越來越重要，如何讓數據真正"説話"，成為了各行各業面臨的重要課題。想象一下，複雜的數據通過生動、直觀的大屏展示，一目瞭然地呈現出最關鍵的信息，幫助你做出更迅速、更準確的決策。大屏數據可視化不僅僅是一個趨勢，更是提升工作效率和業務洞察力的強大武器。本文結合帶你走進5個經典的大屏數據可視化案

bi , 數據分析

laomao_5902e12974409 頭像

來了老弟 - 使用Node.js打包下載文件

本文介紹一下使用Node.js的fs模塊創建zip文件，需要藉助 archiver 包。 後端創建歸檔文件 這個操作一般由前端發起，如下圖所示： 把選中的文件地址發送給後端，後端根據文件地址創建歸檔文件，最後把歸檔文件的地址返回給前端，完成下載。 // zip文件臨時目錄 const ZIP_TEMPORARY = path.resolve(__dirname, '../../static

node.js , 下載 , zip

user_p5fejtxs 頭像

林一一 - 面試 | JS 經典面試題初篇(this, 閉包, 原型...)含答案

推薦閲讀地址 掘金 github 變量提升 做題前建議先閲讀一遍 徹底解決 JS 變量提升的面試題 面試題 1. 問下面輸出結果 if( !("a" in window) ){ var a = 12 } console.log(a) // undefined 無論條件是否成立都會變量提升，全局下的 var 相當於給 window 設一個屬性 window.a = undefi

閉包 , this的用法 , 原型鏈 , 前端 , Javascript

dunizb 頭像

杭州程序員張張 - 我用 Flutter、React Native 和 Ionic 構建了相同的應用程序

在開始尋找最佳的跨平台移動開發框架的過程中，Flutter、React Native 和 Ionic 是讓我印象深刻的。這三款產品很有吸引力，因為它們承諾在為多個平台使用單一代碼庫的同時提供良好的性能。 為了開始冒險進入這個新世界，我創建了三個版本的移動應用程序，這些應用程序使用 API 並在屏幕上顯示基本數據。這個想法很簡單：構建一個應用程序，顯示一個隨機國家的詳細信息。我以前在 Python

ionic , react-native , flutter

zhongkejin 頭像

中關村科金 - MobTech ShareSDK Android端快速集成

開發工具：Android Studio 集成方式：Gradle在線集成 安卓版本支持：minSdkVersion 19 集成前準備 註冊賬號 1.使用MobSDK之前，需要先在MobTech官網註冊開發者賬號，並獲取MobTech提供的AppKey和AppSecret，詳情可以點擊查看註冊流程 2.需要申請第三方平台的key，詳情可以點擊查看註冊流程 ShareSDK流程圖

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

qianxiaqingkong 頭像

蘭俊秋雨 - Charles使用教程

背景 Charles 是一個 HTTP 和 SOCKS 代理服務器。代理請求和響應使 Charles 能夠在請求從客户端傳遞到服務器時檢查和更改請求，以及從服務器傳遞到客户端時的響應。 抓包 PC端抓包 1、選擇菜單中的Proxy - Mac OS X Proxy 2、確保 Charles 處於 Start Recording 狀態。 移動端抓包 1、手機和電腦在同一個網絡： 2、電腦

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 開發實踐

本文作者：阿里雲數據庫高級技術專家 徐大丁(辰馬) 前言 “What I cannot create, I do not understand.” -- Richard Feynman 2025年3月，筆者曾撰文探討LLM驅動的AI Agent如何重塑人機協同模式，彼時更多聚焦於技術實驗與理論推演，尚未在實際業務場景中落地。如今，隨着Agentic AI技術的成熟，Data Agent for A

資訊 , MySQL , 教程 , 知識 , 數據庫

heqiliao_5cf8819257e40 頭像

何棄療 - 微信小程序onShow的坑點

最近，公司小程序項目功能更新，部分功能複測，讓某些兼容性問題再次暴露在我的面前，特此發出來給暫未遇到這個問題的開發者，提供一些思路。 onShow表現 這個事件鈎子，在頁面重新顯示的時候觸發，無論是否重新加載，對於一些數據更新和獲取，提供了穩定的處理方案。但是，假如當前頁面有選擇圖片上傳的功能或者文件上傳，選擇文件後，頁面會進入onShow鈎子，且這種情況安卓是必然觸發，IOS系統，身邊設備有限，

生命週期 , 小程序 , 前端

tongchuangyongyi 頭像

同創永益 - 當系統遭遇突襲？智能IT應急平台上演“教科書級救援”

在數字化業務高度依賴 IT 系統支撐的背景下，近期，因消息隊列積壓、資源過載、消費者處理能力不足等 IT 系統突發故障導致的業務中斷事件頻發，不僅造成直接經濟損失，更嚴重衝擊企業服務口碑與用户信任。 2023 年，中國某知名商業銀行部分網點及線上渠道突發系統故障：因通訊異常導致交易鏈路阻塞，全國多地線下網點出現取款業務中斷、開户功能受限等問題，線上轉賬接口響應失敗率飆升至 35%。這一故障直

it , 前端

carloslab 頭像

Carlos - 深入理解 JavaScript 中的剩餘參數和擴展運算符

在 JavaScript 的現代特性中,剩餘參數(Rest Parameters)和擴展運算符(Spread Operator)是兩個非常實用的語法特性。雖然它們的寫法看起來很像(都使用 ... 語法),但是它們的使用場景和功能是不同的。現在讓我們深入理解這兩個特性。 剩餘參數(Rest Parameters) 基本概念 剩餘參數允許我們將不確定數量的參數表示為一個數組。它使用 ... 語法,必須

react , vue.js , 全棧工程師 , 前端 , Javascript

wmuhua 頭像

沐華 - 前端安全13條，除了XSS/CSRF你還知道哪些？

大家好，我是沐華。最近面了一些前端，發現每次問到安全相關的問題，一些面試者只能説上來 XSS、CSRF、中間人攻擊，就沒了，於是寫了這篇文章，總結了前端安全相關的點，給大家查缺補漏 瀏覽器 XSS XSS 攻擊是一種代碼注入攻擊，通過惡意注入腳本在瀏覽器運行，然後盜取用户信息。本質上其實是因為網站沒有過濾惡意代碼，與正常代碼混在一起之後，瀏覽器沒有辦法分辨哪些是可信的，然後導致惡意代碼也被執行 結

csrf , 安全 , xss , 前端