收藏 / 列表

維李設論 - 面向邊緣場景的PWA實踐

背景 隨着5G技術的發展,物聯網邊緣側主要應用於數據傳輸量大、安全要求高以及數據實時處理等行業與應用場景中。其中,邊緣計算是一種分佈式計算模式,其將計算資源和數據處理能力推向接近數據源的邊緣設備,以減少延遲並提高響應速度。 對前端領域而言,面對邊緣場景下的應用開發也發生了相應的變化,其通常需要考慮邊緣側與終端側的實現方式,並且還需考慮相較於傳統 B/S 架構下的部署方案。本文旨在通過工業互聯網場

pwa , 雲計算 , 邊緣計算 , serverless , 前端

用户bPcSPjP - css的rotate3d實現炫酷的圓環轉動動畫

1.實現效果 2.實現原理 2.1 rotate3d rotate3d:rotate3d() CSS 函數定義一個變換,它將元素圍繞固定軸移動而不使其變形。運動量由指定的角度定義; 如果為正,運動將為順時針,如果為負,則為逆時針。 語法: rotate3d(x, y, z, a) 含義: x number 類型,可以是 0 到 1 之間的數值,表示旋轉軸 X 座標方向的矢量。 y numb

css3動畫 , 前端

起風了 - 如何快速查看頁面的佈局結構?

在前端頁面 UI 開發時,如何能快速查看頁面的結構佈局? html * { outline: 1px solid red !important; } outline 屬性不會增加元素的尺寸,比 border 要好。

佈局 , css3 , Css , 前端 , ui

知曉雲 - 開發一個 App Clip 並不難!我們立馬上開發教程

作者|何世友、彭權華 在 2020 年 6 月 23 日的 WWDC 大會中,蘋果發佈了 App Clips 。 App Clip(官方翻譯:輕 App;民間翻譯:「蘋果」小程序),是主 app 輕量級的版本,旨在在特定場景為用户提供快速便捷的體驗。 如果你在上班路上經過一家咖啡店想購買一杯咖啡,但發現排隊下單付款的人很多,此刻你只需要使用 iPhone 自帶的掃碼工具掃描咖啡商店的 App Cl

移動web開發 , 小程序 , app , 蘋果開發 , 前端

雲棧開源日記 - 終端裏的 AI 編程助手:OpenCode 使用指南

寫代碼時遇到過這種情況嗎? 想問 AI 一個問題,得切到瀏覽器;讓 AI 改代碼,又要來回複製粘貼。編輯器、終端、瀏覽器反覆切換,思路早斷了。 OpenCode 解決的就是這個問題——直接在終端使用 AI 助手。 OpenCode 是什麼 OpenCode 是一個開源 AI 編碼工具,專為終端環境設計。裝好後在命令行裏直接和 AI 對話,讓它幫你寫代碼、找 Bug、做重構。 主要特點: 原

opensource

冷冷的炒麪 - 網站為什麼要HTTPS訪問?

在瀏覽網站時,您可能注意到有些網址以“http://”開頭,而有些則以“https://”開頭。這個額外的“s”代表着安全(Secure),意味着您的連接受到SSL證書的保護。本文將解釋為什麼HTTPS如此重要。 什麼是HTTPS? HTTPS是HTTP的安全版本。它通過SSL(安全套接層)或TLS(傳輸層安全)協議對數據進行加密。當網站使用HTTPS時,瀏覽器和服務器之間的所有通信都會被加密,防

觀點 , HTTP , 知識 , 數據庫 , 前端

675173ff-65c2-413a-b556-576966012357 - 住宅代理的價值與未來:真實身份下的網絡自由

在網絡世界裏,身份幾乎等同於權力。一個IP地址,不僅決定了你能訪問什麼內容,也決定了你能否順利完成某項任務。 而在今天這個一切都“被識別”的互聯網時代,住宅代理(Residential Proxy),正成為越來越多企業和開發者的“隱形基礎設施”。 為什麼住宅代理越來越重要? 過去,我們習慣使用數據中心代理(Datacenter Proxy)去爬取數據、測試網站或訪問受限內容。 它們速度

php , 數據庫 , Android , 前端

B2Proxy - 從數據採集到模型訓練:代理IP如何賦能AI

在人工智能的發展鏈條中,數據是燃料,算法是引擎,而代理IP,則是保障整個系統穩定、安全、高效運行的“隱形基礎設施”。無論是數據採集、模型訓練,還是系統測試,代理IP都在背後發揮着至關重要的作用。 一、AI時代的“數據瓶頸” AI的性能高度依賴於數據的數量與多樣性。無論是自然語言處理、圖像識別,還是推薦算法,都需要從全球範圍內採集大量真實數據。然而,頻繁訪問網站容易觸發反爬機制、IP封禁或地理限制,

後端 , 前端

趙大碗 - Joker 智能開發平台-組件狀態數據

組件狀態數據 本章主要講解組件中的狀態數據,我們可以在這裏去維護一個組件的參數約束、內部響應式數據以及內部私有變量。 概述 組件狀態數據是組件開發中最為常用的功能之一。 當打開一個組件或頁面文件時,工作台左側菜單中會顯示組件數據菜單,點擊後即可打開組件數據面板。 從數據使用的角度出發,可將其分為以下幾類 輸入參數(props)、 響應數據(model)、內部私有屬性,接下來我們來詳細講解下這三種

低代碼 , 低代碼開發平台 , 前端

CryptoRzz - 如何對接韓國和日本股票數據源API

摘要:本文將詳細介紹如何通過StockTV API對接韓國和日本股票市場的實時行情數據,涵蓋從API申請、接口調用到數據解析的完整流程,並提供Python代碼示例。 一、StockTV API StockTV API 提供全球多個國家的金融市場數據,其中韓國和日本市場數據尤為全面。以下是選擇StockTV API的幾大理由: 覆蓋全面:支持韓國KOSPI、KOSDAQ和日本東京證券交易所

數據結構 , python爬蟲 , Json

你好啊你好 - 強化 Naive UI n-message-provider 的 to 屬性,實現自由指向

效果 使用示例 script setup lang="ts" import ToMessage from "**/NaiveMessage"; function a() { ToMessage("#a", "測試消息a", { duration: 0, closable: true }); } function b() { ToMessage("#b", "測試消息b", { dura

vue.js , vue3 , 前端

雨花石 - 前端瀏覽器緩存

一、瀏覽器緩存簡介 1、瀏覽器通過緩存服務器返回的資源(針對靜態資源和get請求),減少傳輸壓力,提高訪問速度。 2、那麼緩存的目標應該是:資源可以被緩存 + 保證不使用過期的資源 + 服務器資源部分更新的時候不能導致新舊文件內容不一致。所以可以結合實際情況,設置適當的緩存策略。 3、瀏覽器無緩存的過程: 瀏覽器請求 --- 無緩存 --- 請求WEB服務器 --- 請求響應 -

HTTP , HTTPS , 安全 , 前端

PoloAPI - Kimi K2 日調用量超100億 token,API 價格低於 Claude 系列模型

一、Kimi K2模型基本信息 Kimi K2是由北京月之暗面科技有限公司(Moonshot AI)於2025年7月11日發佈的開源大語言模型,具有以下核心特點: ‌架構創新‌:採用MoE(混合專家)架構,總參數規模達1萬億(1T),激活參數為320億(32B),包含384個專家模塊,每個token選擇8個專家進行計算 ‌性能表現‌:在SWE Bench Verified、Tau2、AceB

編程 , llm , 算法 , 人工智能 , 後端

銀之夏雪 - CSS 真的會阻塞文檔解析嗎?從瀏覽器渲染原理深入探究一下

在網頁開發領域,一個常見的疑問是 CSS 是否會阻塞文檔解析。理解這一問題對於優化網頁性能、提升用户體驗至關重要。要深入解答這個問題,需要從瀏覽器渲染網頁的原理説起。 瀏覽器渲染網頁的基本流程 瀏覽器在接收到 HTML 文檔後,會依次進行以下幾個主要步驟: 解析 HTML:瀏覽器從網絡或本地獲取 HTML 文件,然後開始解析,將 HTML 代碼轉換為 DOM(Document Object M

瀏覽器 , 瀏覽器原理 , Css , 前端 , Javascript

PatWu16 - chrome-devtools-mcp 工具試用記錄

谷歌 Chrome 開發者工具 MCP 服務器公佈,它允許 AI 代理在瀏覽器中直接調試、測試和修復代碼,彌補了以往 AI 編碼工具無法直接觀察代碼在瀏覽器中運行情況的缺陷,更多內容查看官方博客、Github倉庫,其在發佈的短時間內即引起廣泛關注,npm下載量陡升: 調試工具提供的能力: 試用記錄,僅供參考:   

chrome-devtools , 前端

倔強青銅三 - 苦練Python第1天:為何要在2025年學習Python

苦練Python第1天:為何要在2025年學習Python 原文鏈接:Day 1/100: Why Learn Python in 2025? 作者:therahul_gupta 譯者:倔強青銅三 前言 大家好,我是倔強青銅三。是一名熱情的軟件工程師,我熱衷於分享和傳播IT技術,致力於通過我的知識和技能推動技術交流與創新,歡迎關注我,微信公眾號:倔強青銅三。歡迎點贊、收藏、關注,一鍵三

python3.x , 人工智能 , 後端 , 前端 , Python

火爆的鍵盤 - HTTP 請求優化指南:Axios 和 Fetch 的比較

在前端開發中,處理 HTTP 請求是一個常見且重要的任務。JavaScript 提供了多種方式來發送網絡請求,其中最受歡迎的兩種方式分別就是 Fetch API 和 Axios。儘管兩者都能完成同樣的任務,即從客户端向服務器發送請求並接收響應,但它們在使用方式、功能及靈活性方面各有千秋,下面我們簡單瞭解下。 1. 基礎介紹 Fetch API Fetch API 是現代瀏覽器內置的一個標準 Jav

HTTP , fetch , Axios , 前端 , Javascript

六月的可樂🥤 - SSE請求多種實現方式總結

文前推薦一下👉 前端必備工具推薦網站(圖牀、API和ChatAI、智能AI簡歷、AI思維導圖神器等實用工具): 站點入口:http://luckycola.com.cn/ 什麼是SSE SSE(Server-Sent Events)是一種用於實現服務器主動向客户端推送數據的技術,也被稱為“事件流”(Event Stream)。它基於 HTTP 協議,利用了其長連接特性,在

typescript , HTML , 前端 , html5 , Javascript

Grewer - 記一次樣式 debug

背景 在一個平凡的工作日中,突然有客户説我們產品的彈窗點擊無法顯示,這讓我立刻放下了手裏的活,去看了下線上環境,結果卻是一切正常 這不禁讓我有些奇怪,所以和客户要了截屏,最後發現在客户的電腦上點擊無效,作為一個老開發,第一反應就是兼容性的問題 涉及到公司產品,暫時不能放出對應截圖,不過會用 demo 截圖來代替。 這裏我用 demo 復現的場景: 這是正常的antd modal樣式: 現

兼容性 , debugging , 前端

qinyuanqiblog - 微信PC端掃碼登錄流程記錄

前言 接入微信掃碼登錄整個流程的記錄 具體步驟 1. 註冊開發者賬號​ 2.創建應用,得到appid和AppSecret,並配置回調域名 2.1 創建應用 2.2 填寫應用資料,提交審核,審核通過會得到開發需要用的appid和AppSecret,這兩個值, 這個值會給到後台,然後然後再通過接口給到我們 2.3 應用創建成功,配置回調域名 4. 開發者資質認證 5. 配置一個內網穿透,方便

微信公眾平台 , 前端

可視化PaaS開發 - 目前主流的9款Web前端框架

啓動項目時,請查看 2023 年最好的 Web 前端框架。為什麼選擇合適的工具很重要? 前端開發人員使用前端框架來簡化工作。這些軟件包通常提供可重用的代碼模塊、系統化的前端技術和預構建的接口塊。這使團隊可以更快、更輕鬆地創建可持續的 Web 應用程序和用户界面,而無需從頭開始編寫每個功能或對象。在開發 Web 應用程序時,有必要使用現代工具。 數維圖科技小編在這裏列出 2023 年 9 個流行的

前端框架 , 前端設計 , 前端 , Javascript , Web

zxl20070701 - React 相關插件之 Redux 基本使用入門

引入和定義 首先,你需要創建Store實例並暴露出來: // stores/login.store.js const loginInstance = (preState, action) = { switch (action.type) { // 修改狀態 case "changeLoginState": preState.isLo

react , redux , 前端

得物技術 - 得物App白屏優化系列|歸因篇

一、前言 本系列前面兩篇文章已經分別在圖片庫和網絡庫的角度介紹了諸多白屏問題的定位和解決方案,但都是相對獨立的問題,並且像OSCP,CDN節點異常之類的第三方問題無法徹底根治,因此為了長治白屏併發掘更多問題,就需要一套相對完善的白屏檢測+問題歸因體系。 本文將介紹從用户視角出發的白屏檢測方案以及線上白屏問題的大致歸因思路。 二、白屏歸因平台概覽 三、客户端 檢測思路 直接將白屏檢測寫到圖片庫裏似

技術分享 , Android , 優化

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

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

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