收藏 / 列表

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

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

HTTP , HTTPS , 知識

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

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

android-studio , 前端 , Javascript

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

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

go , 前端

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

組件開發 在前端項目開發中,組件開發佔據着舉足輕重的地位。通過組件封裝,能夠將公共業務或 UI 交互進行統一整合,有效避免重複開發,極大地提高開發效率。 JOKER 開發平台展現出卓越的優勢,它支持在線進行組件開發,且開發完成的組件無需經過編譯,即可在平台內直接引用並渲染。這得益於 JOKER 開發平台自主研發的渲染與沙箱機制,實現了框架層面的高度靈活性。 一個完整的組件主要由以下幾大功能點構成:

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

CryptoRzz - 實時期貨、黃金貴金屬、外匯數據接口文檔

StockTV 提供全面的期貨、黃金貴金屬和外匯市場數據接口,支持全球主要交易所的期貨合約、貴金屬現貨及期貨、全球外匯貨幣對等多種金融產品。所有接口返回數據均為 JSON 格式。 快速開始 1. 獲取 API Key 請聯繫官方獲取有效的 API Key,所有接口調用都需要在參數中攜帶 key。 2. 基礎信息 基礎URL: https://api.stocktv.top WebSocket

觀點 , fiddler , 教程 , 知識 , 前端

你好啊你好 - 邊緣吸附組件(vue)

效果Gif圖 使用方式 script lang="ts" setup import EdgeDockable from "***/EdgeDockable.vue"; /script template !-- localStorage 存儲位置時所需要的 key="AI" -- EdgeDockable localStorageKey="AI" template #collap

vue3 , 前端 , 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 - 谷歌 AI 革命狂飆!Gemini 2.5 搜索引擎即將橫掃搜索市場,顛覆你的認知

隨着 5 月 20 日至 21 日谷歌 I/O 開發者大會的腳步臨近,一則重磅消息在科技業界引發強烈震動 —— 谷歌正緊鑼密鼓地籌備推出基於 Gemini 2.5 的下一代 AI 搜索引擎,這場變革將徹底顛覆沿用多年的傳統搜索框界面。目前,這一全新搜索模式已悄然進入灰度測試階段,標誌着谷歌決心將其最重要的流量入口全面切換至 AI 驅動的 Gemini 生態系統,此舉無疑將給 OpenAI、Perp

gemini-2.5-pro , google , 人工智能 , 後端 , 前端

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

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

three.js , 前端 , Javascript

倔強青銅三 - 教你玩轉JavaScript元編程

教你玩轉JavaScript元編程 大家好,我是倔強青銅三。我是一名熱情的軟件工程師,我熱衷於分享和傳播IT技術,致力於通過我的知識和技能推動技術交流與創新,歡迎關注我,微信公眾號:倔強青銅三。 JavaScript元編程:深度解析Proxy、Reflect和對象屬性控制 JavaScript元編程超越了典型編程的範疇,為開發人員提供了一套創建高度靈活、高效和響應式代碼庫的工具。讓我們深入探討Pr

vue.js , ecmascript-6 , node.js , 前端 , Javascript

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

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

promise , 前端 , Javascript

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

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

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

qinyuanqiblog - puppeteer模擬用户爬取網站(附贈Chromium 無法下載的解決辦法)

起源 最近被前同事問是否可以幫他去爬取一個網站的數據,然後他把網站發給我了,之後我就去研究了下, 本來計劃用spider-flow 這個東西來爬的,畢竟能不寫代碼的,為啥我要去寫代碼,然後研究了下spider-flow 發現滿足不了需求,浪費了兩天時間, 😄😄😄, 還是老老實實手寫把,對spider-flow 感興趣的可以看看我寫的:https://www.mubucm

puppeteer , nodejs爬蟲

可視化PaaS開發 - 智慧工業園可視化生產風險管控系統

建設背景 隨着經濟飛速發展和產業創新升級,作為新經濟形式的重要載體,工業園區污染嚴重、安全生產難以監管等問題日益突出。工業園區作為工業高質量發展的重要載體和平台,工廠聚集,安全生產風險集中,在這個背景下,建設智慧工業園區已經成為了許多企業和政府的共同選擇。 總體架構 工業園區智能化管控平台應按照工業互聯網平台架構進行設計,建立統一的標準規範體系和安全運維保障體系,保證系統平台的規範、安全和穩定運行

工業互聯網 , 物聯網 , 前端設計 , 可視化 , html5

細心的紅酒 - 那把綠色的小鎖:信任與安全的視覺象徵

那把綠色的小鎖:不只是個圖標,而是信任與安全的基石 當我們在互聯網上衝浪時,瀏覽器地址欄裏的那把綠色的小鎖已經成為一個無處不在的符號。但您是否曾停下來思考過,它究竟意味着什麼?它遠不止是一個簡單的裝飾圖標,而是您與網站之間建立安全連接的可視化保證,是現代網絡安全的信任基石。 一、小鎖的“雙重身份”:加密與認證 這把小鎖代表了兩層核心含義: 身份認證 它首先告訴你:“你訪問的正是你想要訪問的網站,而

後端 , 前端

程序員優雅哥 - 開箱即用yyg-cli:快速創建 vue3 組件庫和vue3 全家桶項目

1 yyg-cli 是什麼 yyg-cli 是優雅哥開發的快速創建 vue3 項目的腳手架。在 npm 上發佈了兩個月,11月1日進行了大升級,發佈 1.1.0 版本:支持創建 vue3 全家桶項目和 vue3 組件庫項目。具體如下: vue3 全家桶項目 使用 yyg-cli 創建的 vue3 全家桶項目,底層基於優雅哥編寫的開源項目 vue3-vite-archetype,默認整合如下庫: -

腳手架cli , 組件庫 , vue-cli3 , vue3 , 前端

前端早早聊 - 今天聊:2~4 年前端走出離職困境與舒適區

本文寫於 2019 年,原鏈接 404 了,重新發布同步於此。1 萬個小時和 3 萬行代碼,會成為工作前 4 年非常核心的量化指標,把握住這段週期,可以在職場建立非常有競爭力的擇業優勢,更關鍵的是自己真正的潛能會被挖掘出來,繼而有機會成為那個心目中的大牛,而把握二字,知易行難,背後需要不斷的走出舒適區,不斷的突破困境區,需要你的決心和勇氣。我是一個做了10 年前端、堅信創業是場修行的趕路人,如果你

職業發展 , 前端工程師 , 職業規劃 , 程序員 , 前端

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

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

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

HeiYanjing - 實現一個compose函數

純函數和柯里化很容易寫出洋葱代碼 h(g(f(x)))。洋葱代碼的嵌套問題使得我們的維護更加困難。這與我們選用函數式編程的開發初衷是相違背的,在這種情況下函數組合的概念就應運而生。 函數組合可以讓我們把細粒度的函數重新組合生成一個新的函數 下面這張圖表示程序中使用函數處理數據的過程,給 fn 函數輸入參數 a,返回結果 b。可以想想 a 數據通過一個管道得到了 b 數據。

ecmascript-6 , lodash

知曉雲 - 全棧工程師必備技能,使用 severless 雲服務快速掌握小程序開發能力

無論你是剛入門的前端工程師、還是想通過好用的開發工具免去開發中繁瑣工作的資深工程師。serverless 雲服務將是你的首選,也將會成為你的好搭檔。 今天,我們將帶你瞭解: 什麼是 serverless 雲服務? 如何使用 serverless 雲服務? 通過 serverless 雲服務實現的開發案例 什麼是 serverless 雲服務 Serverless 俗稱為「無服務器架構」,

微信小程序 , 小程序 , 全棧工程師 , serverless , 前端

HZFEStudio - Babel 的原理

完整高頻題庫倉庫地址:https://github.com/hzfe/aweso... 完整高頻題庫閲讀地址:https://febook.hzfe.org/ 相關問題 Babel 是什麼 Babel 有什麼用 壓縮代碼如何實現 回答關鍵點 JS 編譯器 AST 插件系統 Babel 是 JavaScript 編譯器:他能讓開發者在開發過程中,直接使用各類方言(如 TS、Flow、JSX

ast , 壓縮工具 , 前端工具 , babel , 前端

卡頌 - 很多人不懂什麼是優勢

大家好,我卡頌。 上週和10個左右同學交流了如何發展第二曲線,他們中有國企員工、寶媽、4S店管理、程序員... 在交流中,我發現個普遍現象 —— 應試教育以及職場帶來的思維慣勢,對人的影響非常大,最直觀的影響就是 —— 很多人不懂什麼是優勢。 如果你一路從學校到職場,直到最近才由於各種原因(比如裁員壓力、內卷、年齡焦慮...)考慮發展第二曲線,那這篇文章也許會改變你對優勢的固有認知。 説真的,什麼

求職

不語 - springSesurity+JWT權限框架基礎使用模板

前言 Demo源碼地址:https://gitee.com/ruozxby/springsecuritydemo springSesurity本質是一串過濾器執行鏈 我們自定義主要分為三個部分 1.配置文件 2登錄認證 3權限認證 大概流程 調用自定義登錄— 成功返回token(同時用户數據存入redis) —後續調用則進入自定義的jwt校驗過濾器,成功則把用户數據、權限數據存入SecurityC

權限控制 , springboot , 後端 , Jwt

xachary - 手把手使用 SVG + CSS 實現漸變進度環效果

效果 在線Demo 軌道 使用 svg 畫個軌道 svg viewBox="0 0 100 100" circle cx="50" cy="50" r="40" fill="none" stroke-width="10" stroke="#333"/circle /svg 簡單的説,就是使用 circle 畫個圓。需要注意的是,軌道實際是 circle 的 stroke,所以目

css3 , Javascript , svg