收藏 / 列表

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

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

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

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

1.實現效果 2.實現原理 CSS perspective 屬性:屬性定義 3D 元素距視圖的距離,以像素計。該屬性允許您改變 3D 元素查看 3D 元素的視圖。當為元素定義 perspective 屬性時,其子元素會獲得透視效果,而不是元素本身。 perspective 屬性隻影響 3D 轉換元素。(請與 perspective-origin 屬性一同使用該屬性,這樣您就能夠改變 3

css3動畫 , 前端

起風了 - 封裝一個方法,獲取頁面url中的參數值?

封裝一個方法獲取頁面url參數,可作為框架基礎方法使用: //獲取url參數; 正則獲取url參數,包含hash[#]和search[?]兩種通用 export function getUrlQueryByName(param) { const reg = new RegExp('(^|)' + param + '=([^]*)(|$)'); const r = window.lo

regexp , 前端 , Javascript

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

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

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

雲棧開源日記 - AI太火爆:教你7個月掌握機器學習到深度學習

覆蓋Python、機器學習、深度學習三大模塊,配套Kaggle級實戰項目,從基礎語法到模型部署的完整學習路徑。解決AI學習碎片化問題,提供從理論到實戰的完整體系,包含特徵工程、模型調優等工業級技能訓練。 這套課程的價值在於它的"完整性"。 市面上很多AI課程要麼只講理論,要麼只做項目,很少有人把整個知識體系串起來。這套課程從AI工程師崗位需求出發,覆蓋了7個學習階段:Python數據分析、機

AI

冷冷的炒麪 - 如何申請國產SSL證書

什麼是SSL證書 SSL證書是安裝在網站服務器上的數字證書,它能讓網站地址從"http://"變成"https://",並在瀏覽器地址欄顯示小鎖圖標。主要作用是: 加密數據傳輸,防止信息被竊取 驗證網站真實性,防止釣魚網站 提升用户信任度和SEO排名 國產SSL證書是由中國認證機構頒發的,符合國內監管要求,適合國內企業使用。 選擇國產SSL證書機構 國內主流的SSL證書頒發機構有: 1.CF

HTTP , HTTPS , 知識

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

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

php , 數據庫 , Android , 前端

B2Proxy - 深入理解代理IP:讓你的網絡操作更高效、更安全

在如今的數字化時代,網絡已成為數據流動的主戰場。無論是企業級數據採集、廣告驗證,還是跨境電商與隱私保護,代理IP(Proxy IP) 都在其中發揮着關鍵作用。對於開發者與技術從業者來説,理解代理IP的原理與使用場景,是提升網絡操作效率與安全性的基礎。 一、什麼是代理IP 代理IP是指通過中間服務器轉發網絡請求的技術。當用户訪問網站時,請求不會直接從本地設備發出,而是先經過代理服務器中轉。這樣,目標

go , 前端

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

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

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

CryptoRzz - 印度尼西亞股票數據API對接實現

環境準備 首先安裝必要的依賴包: pip install requests websocket-client pandas numpy 基礎配置 import requests import json import websocket import threading import time from datetime import datetime # API配置 API_KEY = "YOU

safari , node.js , chrome-devtools , 前端 , Javascript

你好啊你好 - 小説關鍵字節點搜索

網頁地址 源碼地址 視頻介紹 https://www.bilibili.com/video/BV1MJ4BzMEHX/?aid=115378525050...

工具 , 小説

雨花石 - webpack優化:提高二次構建速度

痛點: 開發過程中改一行代碼卻要等webpack構建半天實在太捉急。 項目背景 我們的項目是@vue/cli4生成的,基於webpack和vue2開發,未使用ts。用到了很多jquery、lodash、echarts等第三方依賴。 參考: @vue/cli4已經默認配置過一些優化方法了,比如為babel-loader增加cache-loder。請教了deepseek和google之後,根據項目的實

vue.js , vue-cli4 , webpack , 前端 , Javascript

PoloAPI - 谷歌正式推出 Gemini 2.5 系列模型,使 AI 推理性能提升30%。

谷歌於2025年6月正式推出‌Gemini 2.5系列模型‌,核心聚焦推理效率與多模態能力升級,具體解讀如下: 🚀 ‌一、三大模型定位與技術亮點‌ ‌Gemini 2.5 Pro‌ ‌角色定位‌:主攻複雜推理與多模態分析(“思考型模型”),在數學、編碼任務中刷新LMArena榜單記錄。 ‌上下文能力‌:支持100萬token輸入(計劃擴展至200萬),可解析代碼庫、大型數據集及混合媒

llm , 算法 , google , 人工智能 , 深度學習

銀之夏雪 - this你瞭解多少呢

執行上下文 js在執行代碼之前,需要經過一系列的“準備”,這被稱為執行上下文 ,其包含詞法環境 和this 。所有的 js 代碼在運行時都是在執行上下文中進行的,每創建一個執行上下文,就會將當前執行上下文放到一個棧頂,這就就是我們常説的執行棧 。 執行上下文的創建 何時創建執行上下文 JavaScript 中有三種情形會創建新的執行上下文: 全局執行上下文 ,進入去全局代碼的時候。任何不在函數

面試 , this , 前端 , Javascript

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

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

chrome-devtools , 前端

倔強青銅三 - NodeJS項目架構設計,看這一篇就足夠了!

NodeJS項目架構設計,看這一篇就足夠了! 前言 大家好,我是倔強青銅三。我是一名熱情的軟件工程師,我熱衷於分享和傳播IT技術,致力於通過我的知識和技能推動技術交流與創新,歡迎關注我,微信公眾號:倔強青銅三。 1. 🧩 整潔架構簡介 Clean Architecture(整潔架構)由Robert C. Martin(Uncle Bob)提出,它強調應用程序內部關注點的分離。該架構提倡業務邏輯

express , node.js , typescript , 前端 , Javascript

火爆的鍵盤 - Windows 如何使用 cURL 命令?基礎入門

在工作流程中,為了快速驗證 API 接口有效性,團隊成員經常轉向直接執行 cURL 命令的方法。這種做法不僅節省時間,而且促進了團隊效率的提升。對於使用 Windows 系統的用户來説,這裏有一套詳細的操作指南來執行 cURL 命令。 檢查 Windows 系統的 cURL 環境 Windows 系統默認情況下應該已經安裝了 cURL 環境。可以通過快速的步驟來驗證:按下Win + R鍵,輸入cm

JAVA , curl , 程序員 , 後端

六月的可樂🥤 - 強烈推薦 Web前端在線代碼IDE(代碼編輯器)

好用代碼在線編輯器推薦 在前端開發的世界裏,一款高效、便捷的代碼編輯器是每位開發者的得力助手。今天,我將以一名前端技術愛好者的身份,為大家介紹一款專注於前端領域的免費在線代碼編輯器——ColaOnlineCoder。它不僅支持在線編輯和預覽HTML、CSS、JavaScript等前端代碼,還集成了豐富的在線前端框架模板,以及強大的AI編程助手能力,為前端開發帶來了前所未有的便捷與可能。 這裏先貼一

css3 , 人工智能 , typescript , 前端 , html5

Grewer - 記一次樣式 debug

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

兼容性 , debugging , 前端

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

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

微信公眾平台 , 前端

可視化PaaS開發 - 好用的Web前端開發工具推薦

前端Web開發工具實際上是讓前端開發人員更高效輕鬆地構建前端佈局的軟件。在這些工具的幫助下,前端重複的工作變得簡單,從而加快了Web開發過程。 有許多前端Web開發工具可以滿足各種特定需求,例如HTML,CSS和JavaScript工具,代碼編輯工具,部署工具,原型和線框圖工具,安全工具等等。但是選擇適合自己項目的工具,必須對工具有所瞭解。 下面我們就介紹一些主流的Web前端開發工具: Vue.j

前端工程師 , 前端設計 , 前端 , Javascript , Web

zxl20070701 - postMessage

此方法可以用於實現跨源通信等,我們來演示如何實現在兩個窗口之間進行通信。 假設我們現在有兩個頁面:page1.html和page2.html, 他們的關係是通過iframe關聯起來的,就像這樣(下面是page1.html的內容): iframe id="receiver" src="./page2.html" width="300" height="100"/iframe 為了實現通信,首先你需要

iframe , postmessage , 前端 , html5 , Javascript

得物技術 - 大模型如何革新搜索相關性?智能升級讓搜索更“懂你”|得物技術

一、背 景 你是否曾在社區搜索時遇到這樣的困擾:想找一雙“平價學生黨球鞋”,結果出現的多是限量聯名款?或者輸入“初冬輕薄通勤羽絨服”,卻看到厚重登山款?這類“搜不準”的情況,正是搜索相關性技術要解決的核心問題——讓搜索引擎更準確地理解用户意圖,返回真正匹配的結果。今天,我們就來揭秘得物如何用大模型技術讓搜索變得更“聰明”。 搜索相關性,即衡量搜索結果與用户查詢的匹配程度,通俗來説就是“搜得準不準”

社區 , 搜索引擎 , 算法 , 大模型

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

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

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