tag 前端

標籤
貢獻1,041
1113
06:37 AM · Oct 27 ,2025
tuzixiansen_63d4d65909d62 頭像 opentiny 頭像 qaz666 頭像 invalidnull 頭像 dirackeeko 頭像 smileZAZ 頭像 junxiudetuoba 頭像 jdcdevloper 頭像 yayu 頭像 icecreamlj 頭像 beishangdejianjidan_cqxuxf 頭像 xixindehongjiu 頭像

@前端 / 博客 RSS 訂閱

gqkmiss 頭像

月恆 - Electron 開發：獲取當前客户端 IP

Electron 開發：獲取當前客户端 IP 一、背景與需求 1. 項目背景 客户端會自啓動一個服務，Web/後端服務通過 IP + port 請求以操作客户端接口 2. 初始方案與問題 2.1. 初始方案：通過代碼獲取本機 IP /** * 獲取局域網 IP * @returns {string} 局域網 IP */ export function getLocalIP(): string

node.js , ip地址 , electron , 前端

收藏 評論

yayu 頭像

冴羽 - SvelteKit 最新中文文檔教程（13）—— Hooks

前言 Svelte，一個語法簡潔、入門容易，面向未來的前端框架。 從 Svelte 誕生之初，就備受開發者的喜愛，根據統計，從 2019 年到 2024 年，連續 6 年一直是開發者最感興趣的前端框架 No.1： Svelte 以其獨特的編譯時優化機制著稱，具有輕量級、高性能、易上手等特性，非常適合構建輕量級 Web 項目。 為了幫助大家學習 Svelte，我同時搭建了 Svelte 最新的中文

svelte , 前端框架 , sveltekit , 前端 , Javascript

收藏 評論

yayu 頭像

冴羽 - SvelteKit 最新中文文檔教程（14）—— 錯誤處理

前言 Svelte，一個語法簡潔、入門容易，面向未來的前端框架。 從 Svelte 誕生之初，就備受開發者的喜愛，根據統計，從 2019 年到 2024 年，連續 6 年一直是開發者最感興趣的前端框架 No.1： Svelte 以其獨特的編譯時優化機制著稱，具有輕量級、高性能、易上手等特性，非常適合構建輕量級 Web 項目。 為了幫助大家學習 Svelte，我同時搭建了 Svelte 最新的中文

svelte , 前端框架 , sveltekit , 前端 , Javascript

收藏 評論

yayu 頭像

冴羽 - SvelteKit 最新中文文檔教程（15）—— 鏈接選項

前言 Svelte，一個語法簡潔、入門容易，面向未來的前端框架。 從 Svelte 誕生之初，就備受開發者的喜愛，根據統計，從 2019 年到 2024 年，連續 6 年一直是開發者最感興趣的前端框架 No.1： Svelte 以其獨特的編譯時優化機制著稱，具有輕量級、高性能、易上手等特性，非常適合構建輕量級 Web 項目。 為了幫助大家學習 Svelte，我同時搭建了 Svelte 最新的中文

svelte , 前端框架 , sveltekit , 前端 , Javascript

收藏 評論

yayu 頭像

冴羽 - SvelteKit 最新中文文檔教程（16）—— Service workers

前言 Svelte，一個語法簡潔、入門容易，面向未來的前端框架。 從 Svelte 誕生之初，就備受開發者的喜愛，根據統計，從 2019 年到 2024 年，連續 6 年一直是開發者最感興趣的前端框架 No.1： Svelte 以其獨特的編譯時優化機制著稱，具有輕量級、高性能、易上手等特性，非常適合構建輕量級 Web 項目。 為了幫助大家學習 Svelte，我同時搭建了 Svelte 最新的中文

svelte , 前端框架 , sveltekit , 前端 , Javascript

收藏 評論

ntksol 頭像

歐雷 - 再談愚蠢的「八股文」面試

今天，在文章《純「牛馬」的邏輯玩兒不轉了！》開頭提到的那個微信羣中，看到有人發了張圖片： 正如上面提到的文章中所「噴」的那樣，以「八股文」為主的技術一面根本沒有存在的必要，彰顯出那些用人單位對招聘方法的不思進取。 他們的不思進取，一方面導致自己有較高的招聘成本，找到合適的人的效率十分低下；另一方面，也促使應聘者不思進取，不注重自己平時的積累沉澱，靠臨時抱佛腳來謀求一個工作機會。 我推崇工匠精神，

求職 , 面試 , 前端工程師 , 職場 , 前端

收藏 評論

yayu 頭像

冴羽 - SvelteKit 最新中文文檔教程（17）—— 僅服務端模塊和快照

前言 Svelte，一個語法簡潔、入門容易，面向未來的前端框架。 從 Svelte 誕生之初，就備受開發者的喜愛，根據統計，從 2019 年到 2024 年，連續 6 年一直是開發者最感興趣的前端框架 No.1： Svelte 以其獨特的編譯時優化機制著稱，具有輕量級、高性能、易上手等特性，非常適合構建輕量級 Web 項目。 為了幫助大家學習 Svelte，我同時搭建了 Svelte 最新的中文

svelte , 前端框架 , sveltekit , 前端 , Javascript

收藏 評論

defghy 頭像

defghy - web端隔離環境通信庫

背景 隔離環境通信，比如window.top和iframe；Chrome Extension各環境之間通信；主線程與web worker通信等；原生的通信方式會遇到以下問題 原生通信方式不支持response，比如 chrome.runtime.sendMessage (window | vscode | vscode.panel.webview |worker).po

chrome-extension , ipc , postmessage , 前端 , Web

收藏 評論

gqkmiss 頭像

月恆 - Chrome 135 版本瀏覽器更新

Chrome 135 版本新特性 一、Chrome 135 版本瀏覽器更新 1. 第三方託管賬户註冊遷移到 OIDC 授權碼流程 Chrome 135 將賬户註冊的登錄頁面從營銷網站遷移到動態網站，同時也將 OpenID Connect (OIDC) 的隱式流程遷移到授權碼流程。這樣做的目的是進一步提升第三方託管賬户的安全性和用户體驗。 2. iOS 版 Chrome 的下載內容自動刪除 iOS

chrome , 瀏覽器 , 前端

收藏 評論

gqkmiss 頭像

月恆 - Chrome 135 版本開發者工具（DevTools）更新內容

Chrome 135 版本開發者工具（DevTools）更新內容 一、性能（font style="color:rgb(32, 33, 36);"Performance/font）面板改進 1. 性能面板中的配置文件和函數調用現已顯示來源和腳本鏈接 Performance Summary（性能 概覽）選項卡現在會顯示配置分析（profile）和函數調用相關的腳本及來源鏈接，這樣就不需要再將鼠標

chrome , 瀏覽器 , chrome-devtools , 前端

收藏 評論

yayu 頭像

冴羽 - SvelteKit 最新中文文檔教程（18）—— 淺層路由和 Packaging

前言 Svelte，一個語法簡潔、入門容易，面向未來的前端框架。 從 Svelte 誕生之初，就備受開發者的喜愛，根據統計，從 2019 年到 2024 年，連續 6 年一直是開發者最感興趣的前端框架 No.1： Svelte 以其獨特的編譯時優化機制著稱，具有輕量級、高性能、易上手等特性，非常適合構建輕量級 Web 項目。 為了幫助大家學習 Svelte，我同時搭建了 Svelte 最新的中文

svelte , 前端框架 , sveltekit , 前端 , Javascript

收藏 評論

sheng_c 頭像

曹旭升 - 使用腳本一鍵部署私有化在線客服系統

隨着私域運營越來越重要，100%安全可控的私有化部署在線客服系統也成為了許多商家的剛需。本文向您介紹如何簡單快速的在10分鐘時間內輕鬆部署一套穩定好用的私有化在線客服系統。 我們使用業界老牌的私有化部署客服系統升訊威。 以下命令腳本可在 Ubuntu 裸機中完成一鍵安裝部署。 通過此命令腳本安裝則 無需 再按文檔目錄要求手工安裝 Nginx、MySQL、配置站點等。安裝腳本運行完畢後，參閲

Kotlin , Android , android-studio , ios , 前端

收藏 評論

yayu 頭像

冴羽 - SvelteKit 最新中文文檔教程（19）—— 最佳實踐之身份認證

前言 Svelte，一個語法簡潔、入門容易，面向未來的前端框架。 從 Svelte 誕生之初，就備受開發者的喜愛，根據統計，從 2019 年到 2024 年，連續 6 年一直是開發者最感興趣的前端框架 No.1： Svelte 以其獨特的編譯時優化機制著稱，具有輕量級、高性能、易上手等特性，非常適合構建輕量級 Web 項目。 為了幫助大家學習 Svelte，我同時搭建了 Svelte 最新的中文

svelte , 前端框架 , sveltekit , 前端 , Javascript

收藏 評論

fenanjiu 頭像

南玖 - 亞像素渲染：瀏覽器如何處理小數像素的渲染？

前言 最近遇到一個這樣的問題，在一些機型上的loading轉圈動畫看起來有點抖，轉起來像個橢圓，心想會不會是這個icon寬高不同造成的，但看了一眼代碼裏面寬高寫的是一樣，按理來説這個loading應該是一個正圓，旋轉起來不應該抖才是的。 比如這樣： div class="w-20px h-20px border-rd-50% loading"/div 寬高相等的一個正圓，旋轉起來看着怪怪的。事實

渲染 , 瀏覽器 , 像素 , 前端 , Javascript

收藏 評論

yayu 頭像

冴羽 - SvelteKit 最新中文文檔教程（20）—— 最佳實踐之性能

前言 Svelte，一個語法簡潔、入門容易，面向未來的前端框架。 從 Svelte 誕生之初，就備受開發者的喜愛，根據統計，從 2019 年到 2024 年，連續 6 年一直是開發者最感興趣的前端框架 No.1： Svelte 以其獨特的編譯時優化機制著稱，具有輕量級、高性能、易上手等特性，非常適合構建輕量級 Web 項目。 為了幫助大家學習 Svelte，我同時搭建了 Svelte 最新的中文

svelte , 前端框架 , sveltekit , 前端 , Javascript

收藏 評論

yayu 頭像

冴羽 - SvelteKit 最新中文文檔教程（21）—— 最佳實踐之圖片

前言 Svelte，一個語法簡潔、入門容易，面向未來的前端框架。 從 Svelte 誕生之初，就備受開發者的喜愛，根據統計，從 2019 年到 2024 年，連續 6 年一直是開發者最感興趣的前端框架 No.1： Svelte 以其獨特的編譯時優化機制著稱，具有輕量級、高性能、易上手等特性，非常適合構建輕量級 Web 項目。 為了幫助大家學習 Svelte，我同時搭建了 Svelte 最新的中文

svelte , 前端框架 , sveltekit , 前端 , Javascript

收藏 評論

ailvyoudetiebanshao 頭像

溪抱魚 - 敦煌網DHgate爆火背後的原因

近期，中國電商平台DHgate（敦煌網）在美國App Store排名從200位以外飆升至第2位，僅次於ChatGPT。這一現象源於TikTok上有關中國製造的病毒式視頻，但DHgate能夠迅速轉化這一流量，離不開其優秀的應用商店優化（ASO）策略。 DHgate應用商店頁面 1. 應用名稱與關鍵詞優化 DHgate-Online Wholesale Stores Fashion, Sho

設計 , seo , 前端

收藏 評論

ruochuan12 頭像

若川 - Taro 源碼揭秘：8. Taro 是如何使用 webpack 打包構建小程序的？

1. 前言 大家好，我是若川，歡迎關注我的公眾號：若川視野。從 2021 年 8 月起，我持續組織了好幾年的每週大家一起學習 200 行左右的源碼共讀活動，感興趣的可以點此掃碼加我微信 ruochuan02 參與。另外，想學源碼，極力推薦關注我寫的專欄《學習源碼整體架構系列》，目前是掘金關注人數（6k+人）第一的專欄，寫有幾十篇源碼文章。 截至目前（2024-11-07），目前最新是 4.0.7，

react , 小程序 , webpack , 前端 , Javascript

收藏 評論

ruochuan12 頭像

若川 - Taro 源碼揭秘：9. Taro 是如何生成 webpack 配置進行構建小程序的？

1. 前言 大家好，我是若川，歡迎關注我的公眾號：若川視野。從 2021 年 8 月起，我持續組織了好幾年的每週大家一起學習 200 行左右的源碼共讀活動，感興趣的可以點此掃碼加我微信 ruochuan02 參與。另外，想學源碼，極力推薦關注我寫的專欄《學習源碼整體架構系列》，目前是掘金關注人數（6k+人）第一的專欄，寫有幾十篇源碼文章。 截至目前（2024-11-22），目前最新是 4.0.7，

react , 小程序 , webpack , 前端 , Javascript

收藏 評論

ruochuan12 頭像

若川 - Taro 源碼揭秘：10. Taro 到底是怎樣轉換成小程序文件的？

1. 前言 大家好，我是若川，歡迎關注我的公眾號：若川視野。從 2021 年 8 月起，我持續組織了好幾年的每週大家一起學習 200 行左右的源碼共讀活動，感興趣的可以點此掃碼加我微信 ruochuan02 參與。另外，想學源碼，極力推薦關注我寫的專欄《學習源碼整體架構系列》，目前是掘金關注人數（6k+人）第一的專欄，寫有幾十篇源碼文章。 截至目前（2024-12-26），目前最新是 4.0.8，

react , 小程序 , webpack , 前端 , Javascript

收藏 評論

yayu 頭像

冴羽 - SvelteKit 最新中文文檔教程（22）—— 最佳實踐之無障礙與 SEO

前言 Svelte，一個語法簡潔、入門容易，面向未來的前端框架。 從 Svelte 誕生之初，就備受開發者的喜愛，根據統計，從 2019 年到 2024 年，連續 6 年一直是開發者最感興趣的前端框架 No.1： Svelte 以其獨特的編譯時優化機制著稱，具有輕量級、高性能、易上手等特性，非常適合構建輕量級 Web 項目。 為了幫助大家學習 Svelte，我同時搭建了 Svelte 最新的中文

svelte , 前端框架 , sveltekit , 前端 , Javascript

收藏 評論

yayu 頭像

冴羽 - SvelteKit 最新中文文檔教程（23）—— CLI 使用指南

前言 Svelte，一個語法簡潔、入門容易，面向未來的前端框架。 從 Svelte 誕生之初，就備受開發者的喜愛，根據統計，從 2019 年到 2024 年，連續 6 年一直是開發者最感興趣的前端框架 No.1： Svelte 以其獨特的編譯時優化機制著稱，具有輕量級、高性能、易上手等特性，非常適合構建輕量級 Web 項目。 為了幫助大家學習 Svelte，我同時搭建了 Svelte 最新的中文

svelte , 前端框架 , sveltekit , 前端 , Javascript

收藏 評論

fenanjiu 頭像

南玖 - 瀏覽器如何確定最終的CSS屬性值？解析計算優先級與規則

前言 上篇文章中有提到CSS值的處理過程，但如果想要確定一個元素的最終樣式值可以不需要這麼多步。實際上我們寫的任何一個標籤元素無論寫沒寫樣式，它都會有一套完整的樣式。理解這一點非常重要‼️ 比如：一個簡單的p標籤 打開瀏覽器控制枱，選中元素，切換到computed選項，勾選show all，這裏就能夠看到元素的所有CSS樣式，儘管你什麼樣式也沒寫，它們也是有默認值的。任何標籤都是這樣，只不過默認

瀏覽器 , Css , 前端

收藏 評論

tuzixiansen_63d4d65909d62 頭像

兔子先森 - 微信小程序獲取和修改用户頭像信息

這裏主要用到button的open-type功能，官網已有説明： 給button設置open-type="chooseAvatar"，來使bindchooseavatar方法生效，在bindchooseavatar指定的函數中獲取用户的頭像信息 button open-type="chooseAvatar" bindchooseavatar="chooseavatar"/b

vue.js , 微信小程序 , HTML , 前端 , Javascript

收藏 評論