收藏 / 列表

小謳 - 解決 mpvue 經典 bug:同路由切換時,上次的數據會保留

關注前端小謳,閲讀更多原創技術文章 由於一直在用vue技術棧,因此初次開發小程序嘗試使用【mpvue】。儘管聽聞框架已停止維護,為了上手迅速,不顧可能存在的眾多bug,毅然用起來。 果不其然,一個大bug出現了:同一路由切換時,上一次的頁面數據會保留 項目實戰bug:mpvue重構cnode社區 github用户已在mpvue的issues給出相關原因: 參考眾多答案後,用“

vue.js , 小程序 , mpvue , 前端 , Javascript

數據庫知識分享者 - 慢調用鏈診斷利器 - ARMS 代碼熱點

可觀測技術背景 從最早的 Google 發表的一篇名為《Dapper, a Large-Scale Distributed Systems Tracing Infrastructure》的論文開始,到後來以:Metrics(指標)、Tracing(鏈路追蹤)以及 Logging(日誌)三大方向互為補充的可觀測解決方案逐漸被業界所接受併成為事實標準。 基於上述全棧可觀測方案技術,診斷一個問題從之前

雲計算 , 阿里雲 , 雲原生 , 消息隊列 , 高可用

同創永益 - 《數據安全法》的前世今生,對災備有何影響?

文章轉載來源公眾號:@雲災備 《中華人民共和國數據安全法》(下稱“《數據安全法》”)已於 9 月 1 日正式落地實施,作為我國第一部有關數據的基礎法,其意義無須多言。一石激起千層浪,社會各界解讀不斷,但重點太多等於沒有重點,本文僅從災備行業關注的角度,理一理《數據安全法》的“前世”、“今生”以及“未來”。 一、沒有數據安全就沒有國家安全 數據作為重要的生產要素,被國家列為基礎性戰略資源,回

行業 , 數據安全 , 災備 , 安全

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

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

HTTP , HTTPS , 知識

675173ff-65c2-413a-b556-576966012357 - IP代理的工作原理詳解:隱藏真實身份的互聯網中間層

在現代互聯網世界中,IP代理(Proxy IP) 已成為跨境電商、數據採集、隱私保護、AI訓練和廣告驗證等領域不可或缺的基礎工具。它讓用户能夠繞過地理限制、保護隱私、提高訪問穩定性。那麼,IP代理究竟是如何工作的?為什麼它能隱藏真實身份?本文將從原理、類型與應用三個角度,深入解析IP代理的工作機制。 一、什麼是IP代理? IP代理,也被稱為“代理服務器”(Proxy Server),是一種位於客户

前端 , Javascript

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

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

後端 , 前端

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

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

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

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

你好啊你好 - 摩天輪(vue)

效果圖 使用示例 script lang="ts" setup import FerrisWheel from "**/FerrisWheel.vue"; import { ref } from "vue"; const defaultUrls = [ "https://naive-ui.oss-cn-beijing.aliyuncs.com/carousel-img/carousel1.

vue.js , Css , HTML , 前端 , Javascript

雨花石 - npm包的main字段

背景: 將前端項目中一些常用的代碼封裝成了一個單獨的npm包放在私服上,其他項目使用時通過install安裝後,webpack構建時提示找不到該npm包, This dependency was not found: * @b/sm2 in ./src/utils/js/common.js To install it, you can run: npm install --save @b/sm

npm , 前端 , Javascript

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 , 算法 , 人工智能 , 後端

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

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

three.js , 前端 , Javascript

倔強青銅三 - Vite VS Webpack,誰才是最強構建工具

Vite VS Webpack,誰才是最強構建工具 前言 大家好,我是倔強青銅三。是一名熱情的軟件工程師,我熱衷於分享和傳播IT技術,致力於通過我的知識和技能推動技術交流與創新,歡迎關注我,微信公眾號:倔強青銅三。 Vite vs Webpack:哪個更適合您的項目? 隨着Web應用的不斷髮展,對更快、更高效的開發工具的需求也在日益增長。多年來,Webpack一直是複雜應用的首選打包工具,以其強

vue.js , vite , webpack , 前端 , Javascript

前端蛋卷 - 面試官:講一下如何終止一個 Promise 繼續執行

我們知道 Promise 一旦實例化之後,狀態就只能由 Pending 轉變為 Rejected 或者 Fulfilled, 本身是不可以取消已經實例化之後的 Promise 了。 但是我們可以通過一些其他的手段來實現終止 Promise 的繼續執行來模擬 Promise 取消的效果。 Promise.race 我們都知道 Promise.race 方法接收多個 Promise ,一旦這些 Pro

promise , 前端 , Javascript

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

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

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

六月的可樂🥤 - Vue3項目中集成AI對話功能的實戰經驗分享

前言 最近在項目中需要集成AI對話功能,經過調研後選擇了ai-suspended-ball-chat這個Vue3組件庫。使用了一段時間後,想從技術使用者的角度分享一下真實的體驗和踩過的坑,希望對有類似需求的開發者有所幫助。 項目背景與選擇理由 我們的項目是一個企業級的管理後台,需要為用户提供智能客服和代碼助手功能。在選擇方案時,主要考慮了以下幾個因素: 開發效率:不想從頭開發聊天UI和

vue.js , 人工智能 , 前端 , html5 , Javascript

qinyuanqiblog - vue-cli3 本地無法代理到生產環境的問題分析

問題描述 一個古老項目,之前是基於vuecli2 後來被我遷移到vue cli3, webpack 版本是4.46, vue-cli版本是4.4.4 vuecli配置,之前這個配置是可以直接訪問到生產環境的,後來同樣的配置,無法代理到生產環境,問了下運維大哥,他説就nginx加了個認證來源而已,別的啥都沒做,肯定是前端代理的姿勢不對 解決辦法 輾轉反側,經過一年終於解決了這個問題。

vue-cli , 前端

可視化PaaS開發 - Web組態:Web2D工業組態模板

最近發現不少網友留言,想要一些前端Web組態的模板,由於公司是做2D/3D可視化編輯器的,同時也會設計很多各行各業的組態模板,以供參考,所以小編整理了包含電力、環境、園區、能源等行業領域的一些組態模板,希望對大家有所幫助! 污水處理前端Web組態模板 污水處理預沉池系統 污水處理AO池監測系統 生活污水處理監控系統 鍋爐控制前端Web組態模板 鍋爐監控系統 鍋爐控制系統

前端設計 , scada , 前端 , html5 , Web

細心的紅酒 - SSL雙向認證

SSL雙向認證:不止是服務器亮明身份,更是客户端的“實名制”通行證 在互聯網安全領域,SSL/TLS證書幾乎無人不知。我們日常訪問的絕大多數 HTTPS 網站,使用的都是單向認證——瀏覽器驗證服務器的身份,確保你連接的是真正的銀行或電商網站,而非釣魚網站。但在一系列對安全要求極高的場景中,一種更嚴格、更安全的機制被廣泛應用:SSL雙向認證。 本文將深入淺出地解析SSL雙向認證的核心原理、工作流程、

後端 , 前端

程序員優雅哥 - Vue3 企業級優雅實戰 - 組件庫框架 - 9 實現組件庫 cli - 上

上文搭建了組件庫 cli 的基礎架子,實現了創建組件時的用户交互,但遺留了 cli/src/command/create-component.ts 中的 createNewComponent 函數,該函數要實現的功能就是上文開篇提到的 —— 創建一個組件的完整步驟。本文咱們就依次實現那些步驟。(友情提示:本文內容較多,如果你能耐心看完、寫完,一定會有提升) 1 創建工具類 在實現 cli 的過程中

vite , 組件庫 , vue3 , cli , 前端

前端早早聊 - 【Node 連載 3/9】如何高效開發表現層 Node.js 應用

本文是 2021 年 12 月 26 日,第三十五屆 - 前端早早聊【前端搞 Node.js】專場,來自預測科技的技術總監 —— 芋頭的分享。感謝 AI 的發展,藉助 GPT 的能力,最近我們終於可以非常高效地將各位講師的精彩分享文本化後,分享給大家。(完整版含演示請看錄播視頻):https://www.zaozao.run/video/c35 完整版高清 PPT 請添加小助手「zzleva」獲取

node.js , 前端框架 , graphql , nestjs , 前端

清隆 - 兩千字助你理解for of原理,擴展for of完美解決遍歷對象問題

ES6 推出的 for of 語句非常強大,遠超曾經的所有遍歷方式。 for of 可以很輕鬆地遍歷數組、集合、映射,寫法也十分簡潔。 在我的項目中,除了需要獲取特定返回值的時候還採用數組的 map filter reduce 方法,其餘遍歷都由 for of 代勞。 本文我將逐層深入地介紹 for of 語句的用法與注意事項,並刨析其原理——迭代器和生成器,最後在對象與數字類型上擴展 for o

迭代器 , for循環 , 前端 , Javascript

鹵代烴 - ⚡️ [性能優化] 瀏覽器跨域帶來的一些性能問題

前言 字節 Web Infra 團隊最近開啓新一輪招聘了,如果你對 Web Framework/Runtime/Performance,或對編譯構建/Rust/AI 感興趣,可以來看看我們的崗位(具體崗位信息可以看這個招聘鏈接 👉 字節跳動 Web Infra - Web Solutions 團隊招人啦!) 簡歷可以發到我的郵箱 skychx@hotmail.com,我可以幫你內推崗位並跟

性能優化 , 跨域 , 前端

HZFEStudio - 移動端自適應的常見手段

完整高頻題庫倉庫地址:https://github.com/hzfe/awesome-interview 完整高頻題庫閲讀地址:https://febook.hzfe.org/ 相關問題 介紹 meta 的 viewport 值 rem 和 vw 的值是根據什麼計算的 1px 顯示問題 如何適配劉海屏 回答關鍵點 viewport 相對單位 媒體查詢 響應式圖片 移動端開發的主要痛點是

移動端 , 前端工程化 , 面試 , 移動端適配 , 前端