收藏 / 列表

維李設論 - postMessage踩坑實踐

前言 在低代碼編輯器中進行頁面預覽常常不得不用到iframe進行外鏈的url引入,這就涉及到了預覽頁面與編輯器頁面數據通信傳值的問題,常常用到的方案就是postMessage傳值,而postMessage本身在eventloop中也是一個宏任務,就會涉及到瀏覽器消息隊列處理的問題,本文旨在針對項目中的postMessage的相關踩坑實踐進行總結,也為想要使用postMessage傳遞數據的童鞋提供

iframe , 編輯器 , 低代碼 , postmessage , 跨域

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

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

css3動畫 , 前端

起風了 - 如何快速查看頁面的佈局結構?

在前端頁面 UI 開發時,如何能快速查看頁面的結構佈局? html * { outline: 1px solid red !important; } outline 屬性不會增加元素的尺寸,比 border 要好。

佈局 , css3 , Css , 前端 , ui

雲棧開源日記 - 前後端全棧技術棧深度剖析:從Vue到Node.js的完整學習路徑

做了三年前端,發現自己還停留在"調用API"的層面?想突破瓶頸卻找不到方向?本文從實際項目出發,梳理了前端進階的關鍵技術節點:框架底層原理、全棧開發能力、工程化思維,以及那些面試官真正關心的技術深度。 📚 介紹 前端全棧技術體系深度解析 本技術資料系統梳理了現代Web前端開發的完整技術棧,適合有一定基礎的開發者進行系統性學習和技術深度提升。 技術覆蓋範圍 基礎夯實部分 從JavaScript核

前端

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

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

觀點 , HTTPS , 安全

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

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

php , 數據庫 , Android , 前端

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

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

go , 前端

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

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

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

CryptoRzz - 國際期貨、黃金、石油數據 Java 對接文檔

📋 文檔概述 本文檔詳細介紹如何使用 Java 語言對接 StockTV 國際期貨、黃金、石油等大宗商品數據源,包含完整的代碼示例、數據模型和實時監控功能。 🚀 快速開始 環境要求 JDK 8+ Maven 3.6+ 網絡連接(可訪問 api.stocktv.top) 項目依賴 !-- pom.xml -- dependencies !-- HTTP客户端 -- de

資訊 , fiddler , 知識 , 人工智能 , 前端

你好啊你好 - 摩天輪(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

雨花石 - 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 - Windows 系統安裝與使用 Claude Code 全攻略

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

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

銀之夏雪 - CSS 真的會阻塞文檔解析嗎?從瀏覽器渲染原理深入探究一下

在網頁開發領域,一個常見的疑問是 CSS 是否會阻塞文檔解析。理解這一問題對於優化網頁性能、提升用户體驗至關重要。要深入解答這個問題,需要從瀏覽器渲染網頁的原理説起。 瀏覽器渲染網頁的基本流程 瀏覽器在接收到 HTML 文檔後,會依次進行以下幾個主要步驟: 解析 HTML:瀏覽器從網絡或本地獲取 HTML 文件,然後開始解析,將 HTML 代碼轉換為 DOM(Document Object M

瀏覽器 , 瀏覽器原理 , Css , 前端 , Javascript

PatWu16 - PWA離線應用實踐

上篇文章整理了PWA離線應用的技術脈絡和注意事項,本篇文章將記錄使用Vue + Workbox + localforage 實現離線應用的實踐過程。 一、Vue工程改造 Vue CLI 提供了一個官方的 PWA 插件,可以快速為 Vue 項目添加 PWA 支持。運行以下命令安裝插件: // 在vue工程目錄下執行如下命令 vue add pwa 安裝完成後,插件會自動生成以下文件: src/

pwa , HTML , 前端 , Javascript

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

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

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

火爆的鍵盤 - 【教程】如何使用Postman測試接口?詳細指南

在當前,API(應用程序接口)的使用變得越來越普遍。其中,HTTP/HTTPS API 是最常見的一種。無論是開發前端還是後端,測試 API 都是一個關鍵環節。Postman 是一種流行且強大的 API 測試工具,能夠幫助開發人員輕鬆地進行接口測試和調試。 一、什麼是 Postman? Postman 是一個專用於 API 開發的跨平台工具。它提供了簡潔易用的界面,幫助開發者和測試人員發送 HTT

API , postman , 接口 , 後端 , 前端

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

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

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

Grewer - 記一次樣式 debug

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

兼容性 , debugging , 前端

qinyuanqiblog - angularjs 學習筆記

angularjs官網 Awesome AngularJS angularjs菜鳥學院 angular 中文網 angular新手經常會碰到的坑 angularjs核心功能介紹 所有的東西都是綁在module上面的 angular .module('app', []) // module .factory() //

angularjs , 前端

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

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

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

zxl20070701 - React 相關插件之 Redux 基本使用入門

引入和定義 首先,你需要創建Store實例並暴露出來: // stores/login.store.js const loginInstance = (preState, action) = { switch (action.type) { // 修改狀態 case "changeLoginState": preState.isLo

react , redux , 前端

得物技術 - Flutter啓動流程分析之插件化升級探索

Flutter是Google推出的一款跨平台框架。與Weex等其他跨端框架不同的是,Flutter的界面佈局繪製是由自己完成的,而不是轉換成對應平台的原生組件。那麼各個平台是如何啓動它的呢?從Flutter官方提供的架構圖上看,Flutter Embedder層提供了底層操作系統到Flutter的程序入口,平台採用適合當前系統特性的方式去各自實現。本文基於flutter 2.0.6版本源碼,來探索

weex , 操作系統 , flutter , 插件化 , 流程

若川 - Taro 源碼揭秘:10. Taro 到底是怎樣轉換成小程序文件的?

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

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

編程三昧 - Webpack 簡介

構建其實是工程化、自動化思想在前端開發中的體現,把一系列流程用代碼去實現,讓代碼自動化地執行這一系列複雜的流程。 構建給前端開發注入了更大的活力,解放了我們的生產力。 Webpack 憑藉強大的功能與良好的使用體驗,已經成為目前最流行,社區最活躍的構建工具,是現代 Web 開發必須掌握的技能之一。 背景 在當下的前端環境裏,各種框架和工具層出不窮,比如 React、Vue、Angular 等,極大

構建工具 , 前端構建 , 工程化 , webpack , 前端