收藏 / 列表

evilboy 頭像

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

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

chrome , pwa , Css , 前端 , Javascript

jianzhuangdeyaling 頭像

用户bPdeUmS - PostCSS 插件系統：如何使用 PostCSS 插件優化 CSS 工作流

PostCSS 是一個功能強大的 CSS 處理工具，廣泛應用於現代前端開發中。它本身並不是一個 CSS 預處理器，而是一個工具集，可以通過插件系統來處理、優化、和增強 CSS 代碼。PostCSS 的核心非常輕量，但插件系統卻讓它極具擴展性，可以實現自動添加瀏覽器前綴、轉換現代 CSS 特性、支持變量、嵌套、甚至可以檢查和修復代碼質量等功能。 本文將專注於如何使用 PostCSS 插件優化 CSS

postman , postcss , typescript , 前端 , Javascript

liuyuxuan6666 頭像

LYX6666 - 從零起步，真正理解Javascript回調函數

零、前言 總聽到這麼一個詞語：回調函數。 對於它的瞭解，只知道在微信的網頁授權用到了回調，以及在Angular中可以用觀察者模式進行.subscribe訂閲，但對於它原理的理解，卻是一團漿糊。直到昨天開會時，突然被問到回調函數的知識，我才意識到自己真的不理解。 一、基礎知識：JavaScript標準寫法 我們先從最簡單的寫法入手，一步一步走向回調函數。 （如果熟悉語法，請跳到第二節）

angular , 回調函數 , typescript , 前端 , Javascript

xboxyan 頭像

XboxYan - 不一樣的SVG！SVG在CSS背景平鋪中的應用

歡迎關注我的公眾號：前端偵探 再次介紹一些你可能沒用過的SVG小技巧。 有時候會遇到一些完全相同的圖形，如果能用上 CSS背景平鋪，那就再合適不過了。舉個例子，有這樣一個按鈕 相比普通的按鈕，多個左右兩個小裝飾，如果是你，會怎樣實現呢？ 假設這個小圖標是a.svg，想了一下，應該有以下幾種方式 1.偽元素 剛好用上::before和::after，設置相同的背景就行了，示意如下 butto

css3 , Css , 前端 , svg

daimaxieshen 頭像

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

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

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

zxc7563598 頭像

蘇琢玉 - PHP 日誌系統的最佳搭檔：一個 Go 寫的遠程日誌收集服務

之前折騰了一個 PHP 日誌系統，終於能讓項目的錯誤信息乖乖地記錄到日誌裏了。但問題又來了：日誌是存了，可我怎麼知道它什麼時候爆炸了？ 有些錯誤輕微到無關緊要，有些錯誤嚴重到能把整個系統送走，但如果我要知道這些錯誤，我得 SSH 進服務器，然後手動去翻日誌，效率低得要死。而且，多個服務器運行着同樣的代碼，有的報錯，有的沒事，我根本不知道到底哪裏出了問題。 於是，為了在 bug 出現的時候第一時間收

日誌分析 , php , go

qfifteen 頭像

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

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

vue.js , pinia , router , 前端

haixiudezhusun 頭像

高德開放平台 - 高德空間智能：賦能vivo藍河生態，讓AIoT設備成為出行“智慧夥伴”

2025年10月10日，廣東深圳vivo開發者大會（VDC）上，高德開放平台AIoT業務線產品負責人董佳玉，正式對外呈現了雙方合作的成果——基於藍河操作系統，我們以“雲+端”協同架構為基礎，為不同形態的AIoT設備註入出行智慧，讓用户在腕間、眼前都能享受到連貫高效的服務。 （高德開放平台AIoT業務線產品負責人 董佳玉） Part 01 高德開放平台：空間智能的探索與實踐 作為專注於空間智

物聯網 , 後端 , 前端

waweb 頭像

哇喔WEB - 手撕JS（可能持續更新···）

  關於實現js中一些常見的方法屬於面試中的常問問題，可能剛開始接觸的時候會一籌莫展。知道和理解其中的原理能夠在日常開發中更如魚得水，面對面試也不成問題。另外，學會以目的（實現的功能）為導向一層一層反推，總結出實現的思路就能按照步驟直接實現或者曲線實現（整理不易記得點贊哈）。 一、call的實現   call() 方法：讓call()中的對象調用當前對象所擁有的function。例如：test.

promise , this的用法 , 前端 , Javascript

shawnphang 頭像

茶無味的一天 - 如何優雅地編寫一個高逼格的JS插件？

在一個風和日麗的早晨，我正悠閒地喝着Coffe，突然領導向我走來，我趕緊熟練地切出VSCode，淡定自若地問：領導，什麼事？領導拍了拍我的肩膀：你上次封裝的方法同事跟我反饋使用起來很不錯啊，你不如做成JS插件給大家用吧。我放下了手中的馬克杯，甩了一下眼前僅剩的幾根劉海：沒問題啊，小Case！隨即開始摸魚.... 原型鏈寫法 要開始編寫插件就得先了解JS模塊化，早期的模塊化是利用了函數自執行來實現的

插件 , 模塊化開發 , 插件化 , 前端 , Javascript

buddhad666 頭像

buddha - vscode正則替換

舉個例子： 替換前 Access-Control-Allow-Credentials: true Access-Control-Allow-Origin: https://movie.douban.com Cache-Control: must-revalidate, no-cache, private Connection: keep-alive Content-Encoding: br

regexp , visual-studio-code

jhcan333 頭像

JHCan333 - 代碼 review 介紹

一、為什麼要review 1、提高代碼質量 這是代碼 Review 的初衷，也是代碼 Review 最直接的價值。Reviewers 根據各自的經驗，思考方式，看問題的角度給代碼提出各種可能的改進意見，從而形成更好的代碼以及產品質量。 我們知道產品問題越晚提出解決它的代價就越大，參與進去的人、要走的流程都會越來越多。代碼 Review 可以説是早期解決問題最有效的途徑之一了，在代碼 Review

規範化 , 程序員 , 前端

landyliu 頭像

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

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

sass , less , stylus , Css , 前端

grapecity 頭像

葡萄城技術團隊 - 2025 年好用 BI 工具排行榜：Wyn 商業智能引領嵌入式智能分析新趨勢

2025 年好用 BI 工具排行榜：Wyn 商業智能引領嵌入式智能分析新趨勢 在數據量指數級增長、決策實時性要求陡升的 2025 年，商業智能（BI）工具已從 “專業人員專屬” 轉向 “全民可使用”，AI 自然語言交互、嵌入式深度集成、製造業 MES 適配、國產化合規、高彈性部署 成為核心競爭力。Gartner 預測，2025 年 60% 企業將依賴自然語言交互分析，60% 決策需業務人員直接參與

bi , 數據分析

laomao_5902e12974409 頭像

來了老弟 - JS從扁平array轉tree

有時我們需要從扁平的數組結構(flat array)，根據id，和pid構建出樹形數組結構(tree array)，這種情形經常出現在嵌套的目錄結構，如下圖： 或者企業的部門架構，也會出現上面的類似結構。 類似上面的情景，假如我們有以下的數據： let entries = [{ "id": "12", "parentId": "0", "text": "Man",

遞歸

user_p5fejtxs 頭像

林一一 - 面試 | 你不得不懂的 JS this 指向

推薦閲讀地址 掘金 前言：大家好，我是林一一，這是一篇關於 this 指向的文章。this 是 JS 中一個特別重要的一個知識點，this 難嗎？好像挺簡單的。看完下面這一篇文章，還不會的話，你別來找我。手動狗頭🐕。 思維導圖 this 的指向 執行函數前有 '.' 點操作符的話，函數體中的 this 就指向前面的對象，沒有就指向 window，嚴格模式下指向 undefined。這句話特

面試 , this的用法 , 前端 , Javascript

dunizb 頭像

杭州程序員張張 - [譯]Vue.js + Astro 比 Vue SPA 更好嗎？

最近有很多開發者宣佈他們已經將網站遷移到Astro。這通常伴隨着一張接近完美的Lighthouse分數的截圖和一系列火箭表情符號。 像大多數人一樣，我發現無休止的新框架會讓人感到厭倦。但我對Astro做了一些研究，認為它真的值得一試。 在本文中，我將向您展示如何使用 Astro 構建基於 Vue 的應用程序，我們將瞭解其獨特的架構如何帶來比單頁應用程序 (SPA) 更好的性能。 SPA 架構回顧

astro , vue.js , spa , 前端

zhongkejin 頭像

中關村科金 - ShareSDK Android端微信回調衝突解決方案

以應用寶為例，由於應用寶渠道用到了微信授權，而且回調Activity是WXEntryActivity，跟ShareSDK的微信回調類衝突。 解決方案如下： 1、把原來ShareSDK的微信回調類WXEntryActivity修改成SSDKWXEntryActivity，然後在AndroidManifest中配置 2、在應用寶的微信授權回調類WXEntryActivity中，添加如

android-sdk

qianxiaqingkong 頭像

蘭俊秋雨 - Charles使用教程

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

charles , 前端

wenjinhua 頭像

前端子金 - 詳解node中引入模塊的原理

1. 模塊機制 1.1 commonjs規範 1.2 node的模塊實現（node中引入模塊的過程） 1.2.1 優先從緩存中加載 1.2.2 路徑分析 1.2.3 文件定位 1.2.4 模塊編譯 1.3 核心模塊 1.3.1 js核心模塊的編譯過程

node.js , require , 前端

data_ai 頭像

數據庫知識分享者 - 得物 ZooKeeper SLA 也可以 99.99%

1.背景 ZooKeeper（ZK）是一個誕生於 2007 年的分佈式應用程序協調服務。儘管出於一些特殊的歷史原因，許多業務場景仍然不得不依賴它。比如，Kafka、任務調度等。特別是在 Flink 混合部署 ETCD 解耦 時，業務方曾要求絕對的穩定性，並強烈建議不要使用自建的 ZooKeeper。出於對穩定性的考量，採用了阿里的 MSE-ZK。自從 2022 年 9 月份開始使用至今，得物技術團

雲計算 , zookeeper , 雲原生

heqiliao_5cf8819257e40 頭像

何棄療 - 一次簡單的頁面跳轉引發問題和思考

背景 後台系統首頁，存在各個訂單狀態的數量統計，現需要實現點擊後跳轉到對應頁面，即快速跳轉。目前系統只有一個訂單列表頁面，table上方倒是有查詢表單，可以根據不同狀態篩選數據。 初步思路 首頁通過框架路由API跳轉，攜帶參數；目標頁面初始化階段獲取參數，填入表單，發起查詢請求。 分析現有代碼 列表頁面由一個統一的Table組件封裝，Table內有查詢Form、Table等組件，通過外部傳入的查詢

vue.js , promise , 路由 , 前端 , Javascript

tongchuangyongyi 頭像

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

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

it , 數字韌性 , 前端

carloslab 頭像

Carlos - 使用 Vite + React 進行本地編譯與測試

Vite 是一個快速、輕量級的構建工具，旨在提供極致的開發體驗。本文將展示如何在使用 React 和 Vite 的項目中進行本地編譯、測試以及預覽。 初始化項目 假設你已經成功使用 Vite 和 React 初始化了一個項目，並完成了開發，現在你希望能夠將項目進行本地構建並進行測試。 本地構建項目 在項目根目錄中，通過以下命令構建項目： npm run build 這將觸發 Vite

react , 全棧 , vite , 前端 , Javascript