收藏 / 列表

沐華 - 看完還不懂JavaScript執行機制(EventLoop),你來捶我

上一篇文章介紹了進程與線程,知道渲染進程都有一個主線程,並且主線程工作很多,要處理DOM、計算樣式、佈局、還有鼠標、鍵盤等各種JS任務 我們都知道JS是單線程,任務只能一件一件地執行,那麼瀏覽器是怎麼讓這麼多類型的任務在主線程上有條紊地執行的呢? 這就需要任務隊列和事件循環了 任務隊列(消息隊列) 什麼是任務隊列呢? 它是一種數據結構,存放要執行的任務。然後事件循環系統再以先進先出原則按順序執行隊

eventloop , 事件循環 , 事件 , 前端 , Javascript

冷冷的炒麪 - 如何申請國產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如何賦能AI

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

後端 , 前端

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

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

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

CryptoRzz - 印度股票數據API對接文檔

1. 接口概述 StockTV提供印度股票市場的實時行情數據接口,包括: 印度NSE和BSE交易所的股票實時行情 指數數據(Nifty 50, SENSEX等) 歷史K線數據 公司基本信息 IPO新股信息 漲跌排行榜 支持HTTP REST API和WebSocket兩種接入方式,毫秒級延遲,7×24小時穩定服務。 2. 獲取API Key 使用前需聯繫StockTV獲取API K

mongodb , mariadb , 數據庫 , postgresql , 人工智能

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

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

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

babel-loader , Android , Axios , webpack , Javascript

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

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

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

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

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

chrome-devtools , 前端

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

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

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

前端蛋卷 - 二分查找法時間複雜度推算

我們知道當一個算法的循環次數每次減少一半時,時間複雜度通常會變成 是 ${O(logn)}$ ,我們可以用二分查找算法作為示例來推算這個時間複雜度的計算過程。 問題背景 假設我們有一個有序數組,我們要在這個數組中查找一個特定的元素。如果元素存在,我們返回其索引;否則返回 -1。 算法步驟 比較目標值與數組的 中間元素。 如果目標值等於中間元素,返回其索引。 如果目標值小於中間元素,則在左半

時間複雜度 , 二分查找 , 數據結構與算法 , 前端

六月的可樂🥤 - 免費在線圖片編輯網站推薦

🔥發現神器!「可樂改圖」——一站式在線圖片編輯平台,讓工作更高效!🚀 大家好!今天我要給大家安利一個我最近發現的寶藏工具——「可樂改圖」,一個集多功能於一身的在線圖片編輯平台,簡直是職場人士和創作者的福音!🎉 官網地址: https://luckycola.com.cn 一、🌟產品介紹🌟 「可樂改圖」是一款簡單易用的在線圖片編輯神器,它不僅涵蓋了“壓縮圖片”、“圖片格式轉換”

圖片壓縮 , 圖片處理

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

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

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

細心的紅酒 - SSL雙向認證

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

後端 , 前端

程序員優雅哥 - Vue3 企業級優雅實戰 - 組件庫框架 - 8 搭建組件庫 cli

前面的文章分享了組件庫的開發、example、組件庫文檔,本文分享組件庫 cli 開發。 1 為什麼要開發組件庫 cli 回顧一個新組件的完整開發步驟: 1 在 packages 目錄下創建組件目錄 xxx: 1.1 使用 pnpm 初始化 package.json,修改 name 屬性; 1.2 在該目錄中創建 src 目錄和 index.ts 文件; 1.3 在 src 目錄下創建 types

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

前端早早聊 - 【Node 連載 5/9】如何用 Node 建設企業級應用網關

本文是 2021 年 12 月 26 日,第三十五屆 - 前端早早聊【前端搞 Node.js】專場,來自塗鴉的大前端基礎建設團隊 —— 龍野的分享。感謝 AI 的發展,藉助 GPT 的能力,最近我們終於可以非常高效地將各位講師的精彩分享文本化後,分享給大家。(完整版含演示請看錄播視頻和 PPT):https://www.zaozao.run/video/c35 正文如下 大家好,我是塗鴉智能的龍野

node.js , 前端框架 , koa , 網關 , 前端

清隆 - 為什麼 shift 比 pop 慢?JS 中隊列的實現

我們知道在 JS 中,刪除數組元素有兩個方法:pop 與 shift,分別可以刪除末尾與開頭的元素。 然而同樣是刪除元素,它們的執行時間確實不同的。 當數組項目較多時,shift 的執行時間明顯長於 pop。 const test = (arrLength) = { let arr1 = [] console.time(`${arrLength}-arr1`) for (let i =

shift , pop , 隊列 , 前端 , Javascript

HeiYanjing - 退出歷史舞台的Grunt基本瞭解

Grunt Grunt 生態系統非常龐大,並且一直在增長。由於擁有數量龐大的插件可供選擇,因此,你可以利用 Grunt 自動完成任何事,並且花費最少的代價。如果找不到你所需要的插件,那就自己動手創造一個 Grunt 插件,然後將其發佈到 npm 上吧 Grunt基本使用 yarn add grunt yarn add安裝之後,創建一個gruntfile.js文件,這是grunt的入口文件,用

grunt , 前端

知曉雲 - 第十章:小程序表單與醫療急救卡(下)

作者:知曉雲 - 小程序開發快人一步 來源:知曉課堂 在上一節,我們瞭解了許多表單組件的用法。在這一節,我們將會繼續對小程序進行開發。 特殊功能開發 小程序請求呼出電話 添加輸入框 input 組件和按鈕 button 組件,用以輸入緊急聯繫人電話號碼和點擊 button 撥打號碼 `!--pages/index/index.wxml-- view view緊急聯繫人電話號碼:/

移動web開發 , 微信小程序 , 小程序 , 前端

HZFEStudio - Babel 的原理

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

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

卡頌 - 對於“前端狀態”相關問題,如何思考比較全面

大家好,我卡頌。 最近看到個寫得很不錯的知乎回答Hooks是否過譽了?前端應該跟着React走還是跟着JS、TS走?- beeplin的回答。 在這個回答的基礎上,我想引申出一個問題 —— 對於前端狀態相關問題,如何思考比較全面? 今天,我們試着從多個抽象層級的角度回答這個問題。 歡迎加入人類高質量前端框架羣,帶飛 問題的起源 有相當比例的前端從業者入行是從學習前端框架的使用開始的。換言之,在他們

react , vue.js , mobx , redux , 前端

不語 - ElasticSearch通過JavaAPI無法查詢到中文字段的原因及解決

ElasticSearch通過JavaAPI無法查詢到中文字段的原因: 中文被標準分詞器分詞了,自然就查詢不到一個完整的字段名 解決: 在查詢方法中的name參數後加上 .keyword 告訴程序這是一個完整的詞,不可拆分 給個大特寫

elasticsearch , es7 , API , JAVA , 程序員

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