收藏 / 列表

vleedesigntheory 頭像

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

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

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

susuhhhhhh 頭像

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

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

css3動畫 , 前端

qifengliao_5e7f5b20ee3bd 頭像

起風了 - javascript中的esm是什麼？

esm是什麼？ esm 是將 javascript 程序拆分成多個單獨模塊，並能按需導入的標準。和webpack，babel不同的是，esm 是 javascript 的標準功能，在瀏覽器端和 nodejs 中都已得到實現。使用 esm 的好處是瀏覽器可以最優化加載模塊，比使用庫更有效率。 esm 標準通過import, export語法實現模塊變量的導入和導出。 esm 模塊的特點 存在模塊

ecmascript , Javascript

mincloud 頭像

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

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

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

yunpan-plus 頭像

雲棧開源日記 - 從Transformer到LLaMA：AI大模型工程化實踐完整路徑解析

大模型API調用會用，但不理解背後原理？微調訓練無從下手？本文從底層架構到工程實踐，拆解完整技術路徑。 大模型技術體系全景：從原理到工程實踐 隨着ChatGPT引發的AI浪潮，大模型技術已成為開發者必備技能。但從API調用到深入理解架構原理，再到企業級應用落地，中間存在明顯的知識斷層。本文整理了一套完整的學習資源，幫助開發者系統掌握大模型技術棧。 技術棧覆蓋範圍 基礎理論層 內容涵蓋必要的數

AI

lenglengdechaomian 頭像

冷冷的炒麪 - 打開網站顯示“與此站點連接不安全”該怎麼辦

當你在瀏覽器地址欄看到“與此站點連接不安全”的警告時，可能會感到困惑或擔憂。彆着急，這通常表示當前網站與你的瀏覽器之間的連接存在安全問題。 為什麼會出現“連接不安全”的提示？ 簡單來説，這個提示意味着瀏覽器檢測到該網站未使用安全的HTTPS協議，而是使用不安全的HTTP協議。HTTPS通過加密技術保護數據傳輸，防止信息被竊取或篡改；而HTTP是明文傳輸，容易受到攻擊。當網站缺少有效的安全證書（即S

觀點 , HTTPS , 安全

b2proxy 頭像

675173ff-65c2-413a-b556-576966012357 - 提升代理 IP 穩定性的五個核心技巧

在跨境電商、廣告驗證、數據採集以及 AI 模型訓練等技術場景中，代理 IP 的穩定性決定了項目的運行效率與安全性。一個穩定的代理能讓系統持續運轉、降低封禁風險；而不穩定的代理則可能造成數據丟失、任務中斷、甚至賬户異常。 那麼，如何真正提升代理 IP 的穩定性？ 本文將從五個關鍵角度入手，帶你全面掌握優化代理連接的實用方法。 一、優化網絡環境，確保本地連接穩定 很多人忽視了一個事實：代理

android-studio , 前端 , Javascript

guangmingleiluodebaomihua 頭像

B2Proxy - 什麼是住宅IP？一文看懂住宅代理的原理與用途

在如今的網絡世界中，無論是跨境電商、廣告投放、社交媒體管理，還是數據採集與SEO測試，代理IP 都是實現穩定、安全訪問的關鍵工具。 其中，住宅IP（Residential IP） 憑藉更高的匿名性和更真實的網絡環境，正成為企業與個人用户的首選。 很多人聽説過“住宅代理”，卻不太瞭解它與數據中心代理的區別，也不清楚為什麼越來越多的業務都在轉向住宅IP。 本文將帶你深入瞭解住宅IP的

後端 , 前端

zhaodawan 頭像

趙大碗 - Joker 智能開發平台-組件方法

組件方法 本章着重介紹組件方法的創建與維護。 概述 除了在組件的生命週期函數中維護邏輯，平台還賦予開發人員創建組件方法的能力。通過將公共業務邏輯創建為組件內的方法，有助於更高效地維護組件。將這些方法對外公開後，還能實現從外部調用組件內部方法，這是實現高級複雜組件的關鍵操作流程。 如何創建/編輯方法 在 組件數據 面板的 邏輯事件 - 組件方法 處，能夠添加和維護組件方法。 打開方法創建面板後，平

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

cryptorzz 頭像

CryptoRzz - 東南亞日本股票數據API對接文檔

概述 本文檔詳細説明如何對接StockTV全球股票API中的日本股票數據。日本股票市場是全球重要金融市場之一，包含東京證券交易所(TSE)等多個交易所。 認證方式 所有API請求都需要在URL參數中包含API Key： key=您的API密鑰 基礎信息 日本國家ID: countryId=35 API端點 1. 日本股票市場列表 獲取日本股票市場列表，支持分頁查詢。 請求示例:

股票接口 , springboot , 後端 , 前端 , Python

nihaoanihao 頭像

你好啊你好 - 強化 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 , 前端

yuhuashi_584a46acea21f 頭像

雨花石 - webpack未轉譯第三方依賴axios為es5導致低端機型功能異常

背景： 兼容性測試流程中，遇到華為p9手機上的頁面按鈕點擊無反應的問題。開發者工具查看後發現報錯如下： 根據報錯信息檢查了一下頁面引用的vendors包，發現有...語法，來自於第三方依賴axios。 原因： axios包有es6語法，而我的項目的webpack.config.js配置的babel-loader排除了所有的node_modules的編譯。如下： {

babel-loader , Android , Axios , webpack , Javascript

chunzhendexiaogou 頭像

PoloAPI - Windows 系統安裝與使用 Claude Code 全攻略

Claude Code 作為一款高效的 AI 編程輔助工具，深受開發者青睞，但由於其本身不支持 Windows 文件系統，在 Windows 系統上使用需要藉助 WSL（適用於 Linux 的 Windows 子系統）。下面為你詳細介紹在 Windows 系統上安裝和使用 Claude Code 的完整流程。 什麼是 WSL WSL（Windows Subsystem for Linux，適用於

編程 , 人工智能 , 深度學習 , 後端 , 前端

yinzhixiaxue 頭像

銀之夏雪 - js繼承您瞭解多少呢

實現繼承的方式有很多，下面我們來寫常用的幾種（包括但不限於原型鏈繼承、構造函數繼承、組合繼承、寄生組合繼承、ES6繼承）： 原型鏈繼承 原型鏈繼承通過修改子類的原型為父類的實例，從而實現子類可以訪問到父類構造函數以及原型上的屬性或者方法。 // 原型鏈繼承 function Parent () { this.name = 'kobe' } Parent.prototype.getName

原型 , 繼承 , 原型鏈 , 前端 , Javascript

wupeng_5a4de5c290b9d 頭像

PatWu16 - DragControls拖拽插件優化：從指定平面到任意平面

現狀：Threejs官方demo提供了DragControls.js平面拖拽控件，但只能拖拽Object在垂直於相機法線的平面上移動 目標場景：在六面體空間盒子中沿着六面體平面拖拽物體，並且需要限制在盒子內部 已知：空間盒子大小，對象所在的平面 方案設計： 將Object拖拽依賴的信息放在userData中，示例如下 基於拖拽控件，改造部分關鍵代碼，實現目標 // 模型對

three.js , 前端 , Javascript

jueqiangqingtongsan 頭像

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

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

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

huobaodejianpan 頭像

火爆的鍵盤 - 詳解 QUIC 與 TCP 對比：為何 QUIC 更勝一籌？

引言 在過去的三十年裏，HTTP（超文本傳輸協議）一直是互聯網的支柱。我們可以通過 HTTP 瀏覽網頁、下載文件、流式傳輸電影等。這一協議隨着時間的推移已經得到了重大改進。 HTTP 協議是一個應用層協議，它基於 TCP（傳輸控制協議）工作。TCP 協議有若干限制，導致 Web 應用響應較慢。 谷歌開發了一種名為 QUIC 的顛覆性傳輸協議，以克服 TCP 的缺點。QUIC 幾年前被標準化，並加入

quic , tcp , 網絡性能 , 網站開發 , 程序員

liuyuedekele 頭像

六月的可樂🥤 - 智能API代碼示例生成工具AiRestful

一、產品介紹 AiRestful是一款基於智能AI的,幫助小白快速生成任意編程語言的API接口調用示例代碼的編程工具.它的特點是:簡單易用、集成支持、多主流編程語言覆蓋.它是面向學生、編程愛好者、編程小白的實用工具. AiRestful官網: 點擊直達AiRestful官網 二、如何使用 AiRestful是簡單易用的,只需要三步即可為您生成您需要的編程語言的代碼示例. 1、第一步(必須): 根

restful , 人工智能 , 深度學習 , 前端 , Javascript

grewer 頭像

Grewer - 樹形選擇器的使用場景探索

在工作中，樹形選擇器（tree-select）是一種常見的基礎組件, 這次我們針對此組件做一些業務適配 背景: 在一個大型組織（2 萬以上）內，需要有一個選擇人、組的一個選擇器, 支持搜索功能。 一開始我的思路是這樣： 層級加載+後端搜索 **既然數據量很多，那最好不要一次性加載，不然會有以下的一些問題： 問題一是後端的加載速度很慢 二是前端也會手動很大的影響，比如需要開

業務 , antd , 組件化 , 前端 , Javascript

qinyuanqiblog 頭像

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

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

微信公眾平台 , 前端

sovitjs 頭像

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

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

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

zxl20070701 頭像

zxl20070701 - 從JQuery出發總結的關於原型使用上的一些淺薄理解

比如我們現在的需求如下。 有一個函數MyObj，支持如下功能： 可以通過MyObj()的方式返回一個對象，這個對象和new MyObj()是等價的 MyObj本身是一個對象，可以通過MyObj.doit()的方式調用其上的方法或屬性 為了實現需求，第一反應是： var MyObj=function(){ return new MyObj(); }; 然後在My

prototype , proto , jquery插件 , jquery , 前端

dewujishu 頭像

得物技術 - 營銷會場預覽直通車實踐｜得物技術

一、背景：活動會場的配置走查之痛 在電商營銷中，會場是承載活動流量的核心陣地。得物的營銷會場不僅覆蓋520、七夕等活動節點，也支撐日常的"天天領券"、"瘋狂週末"等高頻運營場景。數據顯示，會場的UV佔比、GMV貢獻、訂單量均佔平台重要比重。 然而，隨着業務複雜度提升，會場配置面臨三大挑戰。 1.1 三大挑戰 ※多目標耦合 同一會場需同時滿足不同運營GMV提升、拉新、促活等不同目標，導致配置策略疊

架構設計 , 架構 , 測試開發 , 測試用例管理工具

ruochuan12 頭像

若川 - 50行代碼串行Promise，koa洋葱模型原來是這麼實現？

1. 前言 大家好，我是若川。歡迎關注我的公眾號若川視野，最近組織了源碼共讀活動《1個月，200+人，一起讀了4周源碼》，感興趣的可以加我微信 ruochuan12 參與，長期交流學習。 之前寫的《學習源碼整體架構系列》 包含jQuery、underscore、lodash、vuex、sentry、axios、redux、koa、vue-devtools、vuex4十餘篇源碼文章。其中最新的兩篇是

node.js , koa , koa.js , 前端 , Javascript