收藏 / 列表

維李設論 - postMessage踩坑實踐

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

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

用户bPcSPjP - 微信小程序實現歷史搜索功能(h5同理)

1.實現效果 2.實現原理 將數據存在storage中。 wx.setStorageSync('search_history', JSON.stringify(this.data.list)) 取數組前15條。 if (wx.getStorageSync('search_history') ){ this.setData({ list:JSON.parse(wx.get

小程序 , localstorage , 緩存 , storage , 前端

起風了 - React setState、useState同步?異步?

React setState、useState到底是同步的,還是異步的? setState語法 用法1: this.setState({ // 數據更新 }) 用法2: this.setState((state, props) = { // 當前組件的state // 父級的state }, () = { // 數據更新之後 }) useState語法 用法1: const [n

react , 同步 , 異步 , 前端

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

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

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

雲棧開源日記 - Traefik:Go 實現的雲原生反向代理,微服務路由自動化利器

開篇 還在手動修改 Nginx 配置文件嗎?每次新增服務都要 reload 擔心出錯?今天分享一個 Go 語言開發的反向代理項目 Traefik,它能監聽容器平台的服務變化,自動生成路由規則,徹底告別手動配置。 項目介紹 Traefik 是專為微服務和容器化架構設計的現代反向代理和負載均衡器。它最大的特點是動態服務發現——自動監聽 Docker、Kubernetes 等平台的服務變化,實時更新

opensource

冷冷的炒麪 - 申請SSL證書的詳細步驟:JoySSL免費政務版和教育版

一、 申請資格與準備 首先,請確認您的單位屬於以下類型: 政府機關、事業單位、公立學校、教育機構、教育平台 申請前,請準備好: 1.您的域名(例如:www.xxx.gov.cn 或 edu.xxx.com)。 2.單位證明文件(如:事業單位法人證書或統一社會信用代碼證書)。 3.聯繫人信息(姓名、電話、郵箱)。 免費SSL證書快速申請入口 直接訪問JoySSL,註冊一個賬號記得填寫註冊碼23

觀點 , 編輯器 , 資訊 , 知識 , 前端

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

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

php , 數據庫 , Android , 前端

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

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

後端 , 前端

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

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

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

CryptoRzz - 印度尼西亞數據源 PHP 對接文檔

一、環境要求與配置 1. 系統要求 PHP ≥ 7.4 擴展:cURL、JSON、OpenSSL Composer(推薦) 2. 安裝依賴 composer require guzzlehttp/guzzle 3. 基礎配置類 ?php // config/StockTVConfig.php class StockTVConfig { const BASE_URL = 'http

MySQL , springboot , 後端 , Json

你好啊你好 - 小説關鍵字節點搜索

網頁地址 源碼地址 視頻介紹 https://www.bilibili.com/video/BV1MJ4BzMEHX/?aid=115378525050...

工具 , 小説

雨花石 - 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 - 一文看懂谷歌I/O 2025開發者大會: Android、Chrome、谷歌搜索、Gemini

谷歌I/O開發者大會以"AI原生生態"為核心戰略,圍繞技術升級、產品整合與商業模式展開深度佈局。以下是關鍵內容的結構化總結: 一、AI技術架構突破‌ ‌Gemini模型矩陣‌ Gemini 2.5 Pro新增Deep Think模式,增強複雜推理能力(數學/編程任務準確率提升37%) 輕量級Gemini 2.5 Flash實現移動端40%延遲降低,支持邊緣設備部署 多媒體生成模型V

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

銀之夏雪 - AntV G6 基礎元素詳解(React版)

一、初識 AntV G6 AntV G6 是螞蟻集團推出的專業級圖可視化引擎,適合構建關係圖譜、拓撲圖、流程圖等場景。相比其他圖形庫,G6 提供完整的佈局算法 和交互體系 ,開發者在 10 分鐘內即可搭建可交互的圖應用。 技術特點速覽: 支持 Canvas / SVG 雙渲染模式 內置 10+ 圖佈局算法 提供豐富的節點/邊類型 完善的文檔和 React 示例 二、節點(Nodes)完

數據可視化 , 前端 , Javascript

PatWu16 - PWA離線應用實踐

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

pwa , HTML , 前端 , Javascript

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

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

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

火爆的鍵盤 - Windows 如何使用 cURL 命令?基礎入門

在工作流程中,為了快速驗證 API 接口有效性,團隊成員經常轉向直接執行 cURL 命令的方法。這種做法不僅節省時間,而且促進了團隊效率的提升。對於使用 Windows 系統的用户來説,這裏有一套詳細的操作指南來執行 cURL 命令。 檢查 Windows 系統的 cURL 環境 Windows 系統默認情況下應該已經安裝了 cURL 環境。可以通過快速的步驟來驗證:按下Win + R鍵,輸入cm

JAVA , curl , 程序員 , 後端

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

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

restful , 人工智能 , 深度學習 , 前端 , 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開發 - 什麼是SCADA?SCADA系統是如何工作的?

這篇文章,我們將深入介紹SCADA系統和SCADA軟件。 SCADA系統是工業生產中的一個重要部分,因為它們有助於監控過程數據以及控制過程,並輕鬆檢測過程中的任何問題,從而減少停機時間。 SCADA系統的定義SCADA是Supervisory Control and Data Acquisition的首字母縮寫。SCADA通常是指監督控制和數據採集,它是一種基於工業計算機的控制系統,用於收集和分析

物聯網 , 人工智能 , 前端設計 , scada , 可視化

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

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

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

得物技術 - 得物App白屏優化系列|歸因篇

一、前言 本系列前面兩篇文章已經分別在圖片庫和網絡庫的角度介紹了諸多白屏問題的定位和解決方案,但都是相對獨立的問題,並且像OSCP,CDN節點異常之類的第三方問題無法徹底根治,因此為了長治白屏併發掘更多問題,就需要一套相對完善的白屏檢測+問題歸因體系。 本文將介紹從用户視角出發的白屏檢測方案以及線上白屏問題的大致歸因思路。 二、白屏歸因平台概覽 三、客户端 檢測思路 直接將白屏檢測寫到圖片庫裏似

技術分享 , Android , 優化

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

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

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