收藏 / 列表

zxl20070701 頭像

zxl20070701 - postMessage

此方法可以用於實現跨源通信等，我們來演示如何實現在兩個窗口之間進行通信。 假設我們現在有兩個頁面：page1.html和page2.html， 他們的關係是通過iframe關聯起來的，就像這樣（下面是page1.html的內容）： iframe id="receiver" src="./page2.html" width="300" height="100"/iframe 為了實現通信，首先你需要

iframe , postmessage , 前端 , html5 , Javascript

nulidexiaocongmang 頭像

MangoGoing - React Native mac環境下解決iOS 9以上系統對HTTP請求的限制

問題 新搭建的一個項目，在使用fetch進行網絡請求的時候遇到一個報錯： TypeError: Network request failed. 嘗試直接在瀏覽器打開url訪問可以正常拿到返回值。（url是http協議） 原因 這個API請求是http的協議請求，在iOS9以上系統，已經把http協議的請求限制了。 iOS9引入了新特性App Transport Security

react-native , ios9

wupeng_5a4de5c290b9d 頭像

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

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

three.js , 前端 , Javascript

skychx 頭像

鹵代烴 - 🔬 一文搞懂前端兼容問題

如果你喜歡我的文章，希望點贊👍 收藏 📁 評論 💬 三連支持一下，謝謝你，這對我真的很重要！ 對於大部分開發者來説，版本兼容是一件存在感很低的事情，因為它在絕大部分情況下都是一行配置，在一些前端工具鏈（例如 Babel、CoreJS，Autoprefixer 等工具）的幫助下適配到目標瀏覽器，只會在一些大的 break change 事件（例如 Vue3 必須在支持 Proxy 的現代瀏覽

瀏覽器兼容性 , webpack , babel , 兼容性問題 , 前端

qifengliao_5e7f5b20ee3bd 頭像

起風了 - 封裝一個方法，獲取頁面url中的參數值？

封裝一個方法獲取頁面url參數，可作為框架基礎方法使用： //獲取url參數; 正則獲取url參數，包含hash[#]和search[?]兩種通用 export function getUrlQueryByName(param) { const reg = new RegExp('(^|)' + param + '=([^]*)(|$)'); const r = window.lo

regexp , 前端 , Javascript

limingcan562 頭像

limingcan - 有了這些方法，webpack你也可以自己配

前言 通過上篇文章——弄懂這幾個概念後，我對webpack有了更新的理解 的講解，我們大致瞭解了： 使用webpack過程中出現的一些概念 結合打包過程中出現的概念，淺析了webpack打包流程，讓大家對打包流程有個大致的理解 我們都知道，我們在實際開發過程中，使用webpack無非就是為了最後輸出瀏覽器能運行的css、img、js、html等前端資源。 那麼，為了更貼近實際，我們這篇文章

構建工具 , webpack5 , challenge , 前端 , Javascript

yangyaya 頭像

陽呀呀 - “寒冬”三年經驗前端面試總結（含頭條、百度、餓了麼、滴滴等）之CSS篇

前言 不論是寒冬還是暖冬，找工作之前都需要做好充足的準備，面試的時候才能做到遊刃有餘。此文是把我最近找工作準備的以及筆試面試中涉及到的手寫題做一個總結。給自己，也給需要的同學。 CSS是前端必須要掌握的技能之一。一般面試也都會從CSS開始。所以CSS問題答的好壞會直接影響你在面試官心中的形象。 本文主要介紹面試中常會遇到的CSS問題及給出建議性的答案。 往期 “寒冬”三年經驗前端面試總結（含

面試 , 筆試 , Css , 前端 , Javascript

huobaodejianpan 頭像

火爆的鍵盤 - 理解 gRPC 和 REST 的概念

gRPC, 由 Google 推出的開源遠程過程調用（RPC）框架, 使兩個應用程序間的方法調用變得簡單，支持結構化數據的交換。通過採用 Protocol Buffers (Protobuf) ——一種與語言無關的接口定義語言，gRPC 體現了許多現代網絡通信技術的優勢，如： 使用二進制格式傳輸數據。 實現多路複用，提高併發能力。 支持服務器端的數據推送功能。 進行數據頭壓縮以減少傳輸成

rest , grpc , API , 後端

webinfoq 頭像

破曉L - HTTP 緩存最佳實踐和 max-age 帶來的陷阱

正確使用緩存可以帶來巨大的性能優勢，節省寬帶，並降低服務器成本，但許多網站並不重視緩存，造成競爭條件，導致相互依賴的資源不同步。 絕大多數最佳實踐緩存屬於以下兩種模式之一： 模式一：不可變（immutable）內容 + 長 max-age 模式二：可變（mutable）內容，始終由服務器驗證 模式一：不可變內容 + 長 max-age Cache-Control：max-age=31536

http緩存 , Css , 瀏覽器緩存 , 前端 , Javascript

huashenjianlingshouhuni 頭像

zhanle_huang - highchart滾動條使用--highcharts/highstock

highchart滾動條使用--highcharts/highstock 使用目的 1. 需要固定圖例和y軸，但是x軸需要滾動的情況 引入 1. 不能像普通表格一樣引入highcharts，只需要引入highcharts/highstock 2. 使用import HighStock from 'highcharts/highstock' 替換 import HighStock from 'hig

vue.js , highcharts , 前端 , Javascript

hai2007 頭像

你好2007 - 從vue-loader開始理解webpack的一些設計思想

寫在前面 為了更好的説明，我們模仿Vue.js開發了一個類似的簡化版本的前端框架Quick Paper(文檔) 來幫助你理解一些細節。因此在開始之前，讓我們先大致瞭解一下此項目的結構，方便後續描述。 温馨提示：我們推薦你在開始之前去Github上把此項目clone下來後，對照着源碼進行學習！ 目錄結構 其實你只需要關注下面四個文件夾： src：框架源碼； loader：類似vue-loade

vue-loader , vue.js , loader , webpack , Javascript

hellotech 頭像

哈囉技術 - 街貓自研多媒體能力介紹

背景 哈囉街貓移動團隊在支撐業務發展過程中，已有的多媒體基礎能力存在一些問題/瓶頸： 貓屋直播 - 三方直播sdk，在MTK芯片的機型上存在兼容問題（hevc硬解報錯），導致直播流無法播放，用户無法使用app的核心功能 音視頻流合成、濾鏡 - 需要能夠靈活的支持用户去觸發對貓屋直播流的截取、合成、添加濾鏡等，使用系統多媒體Api，在可擴展性，流處理效率，兼容性，以及濾鏡的支持上，都存在問題

移動端 , 前端

kagol 頭像

Kagol - TinyEditor v4.0 alpha 版本發佈：表格更強大，表情更豐富，上傳體驗超乎想象！

你好，我是 Kagol，個人公眾號：前端開源星球。 TinyEditor 是一個基於 Quill 2.0 的富文本編輯器，在 Quill 基礎上擴展了豐富的模塊和格式，框架無關、功能強大、開箱即用。 源碼：https://github.com/opentiny/tiny-editor/ 官網：https://opentiny.github.io/tiny-editor/ 對於富文本編輯器來

富文本編輯器 , 開源 , 前端

changlina 頭像

長林啊 - 掌握 React Router：構建你的 React 應用導航

大家好，我是長林啊！一個 Go、Rust 愛好者，同時也是一名全棧開發者；致力於終生學習和技術分享。 本文首發於微信公眾號《全棧修煉之旅》，歡迎大家關注！ 在構建現代 Web 應用時，導航是連接用户界面的關鍵紐帶。React Router 作為 React 生態中的核心路由庫，為開發者提供了強大的工具來實現 SPA（單頁應用）的導航邏輯。它不僅簡化了頁面間的跳轉，還支持動態路由匹配、懶加載和狀態管

框架學習 , react , 單頁應用 , web開發 , 前端

codechen8848 頭像

codechen8848 - 網頁版微信來了！無需下載安裝客户端！

大家好，我是 Java陳序員。 你是否遇到過：在公共電腦上想臨時用微信卻擔心賬號安全，服務器或 Linux 系統上找不到合適的微信客户端，或者想在多個設備上便捷訪問微信卻受限於安裝環境？ 今天，給大家介紹一個超實用的開源項目，讓你通過瀏覽器就能輕鬆使用微信，無需在本地安裝客户端！ 關注微信公眾號：【Java陳序員】，獲取開源項目分享、AI副業分享、超200本經典計算機電子書籍等。 項目介紹

操作系統

aipaobudefanqie 頭像

愛跑步的番茄 - 什麼是住宅代理（Residential Proxy）？詳解原理、優勢與應用場景

在數字經濟與跨境互聯網時代，網絡訪問安全與數據合規成為企業關注的核心。而“住宅代理”（Residential Proxy）作為一種高匿名、高穩定的網絡中轉方式，正成為營銷、數據採集與賬號管理領域不可或缺的技術基礎。 本文將深入解析住宅代理的概念、工作原理、與數據中心代理的區別，以及它在實際業務中的典型應用場景。 一、住宅代理的定義 住宅代理（Residential Proxy） 是指通過真實

typescript , 前端 , Javascript

dianliangxiaocheng_19854189632 頭像

點量實時雲渲染 - 點量雲流核心技術解析：構建高性能數字孿生的三大架構設計

當前，數字孿生正處於一場深刻的範式變革之中：其價值核心正從靜態的可視化，向動態的決策智能加速遷移。然而，這一進程正面臨一個根本性的挑戰：高精度模型所帶來的龐大計算需求，與終端側有限的本地算力之間，形成了一道難以逾越的鴻溝。此矛盾已成為制約數字孿生在廣度與深度上實現規模化應用的核心瓶頸。 在此背景下，基於雲端協同的實時渲染技術，正成為破局的關鍵——它並非簡單的遠程顯示，而是旨在徹底打破終端的物理限

虛擬現實 , 雲計算 , 數字圖像 , 負載均衡 , 前端

ning_643b67be37ac3 頭像

麒寧 - 一篇文章入門-微信小程序地圖開發

前言 最近接了個跟微信小程序地圖有關的開發任務，第一次在小程序上開發地圖，既興奮又忐忑。還好，雖然小程序地圖的 API 功能有些少，但是基本的需求都能覆蓋到。 在這裏，對微信小程序地圖開發的基本功能進行總結歸納。官方文檔對地圖屬性、方法的歸納比較到位，但缺乏示例代碼，第一次搞還是有點迷糊的。網上的文章又寫得七零八落，沒見到有人專門總結歸納。 本人使用 React + Taro 開發的微信小程序，因

地圖開發 , 小程序 , typescript , 前端 , Javascript

tanking 頭像

TANKING - 利用Web微信（網頁版微信）接口實現個人微信API發送消息

摘要 微信官方是沒有提供個人微信接口的，市面上的接口基本都是通過不正規的方式去實現的，例如Web協議、微信HOOK、iPad協議、Android協議。這些所謂的協議，要麼是抓包HTTP協議，要麼是通過HOOK技術實現的給予內存數據劫持實現的。 接口技術 描述 Web協議 基於網頁版微信HTTP接口實現的 微信HOOK

微信 , 微信開發 , 微信接口 , hook , Python

jackysummer 頭像

JackySummer - sessionStorage、localStorage用法總結

在工作中使用sessionStorage存儲數據時，發現sessionStorage無法直接存儲數組和對象，如存入對象則顯示為"[object Object]"，對此作下記錄，重新温習sessionStorage和localStorage html5 中的 web Storage 包括了兩種存儲方式：sessionStorage 和 localStorage 共同點 存儲大小為5MB，都保存在客户

sessionstorage , localstorage

powerful_simon 頭像

小謳 - 小程序重構 [cnode社區]：mpvue + 開源api，現已上線！

歡迎關注前端小謳的github，閲讀更多原創技術文章 閒暇時光表浪費，由於技術棧一直用的vue，因此用 mpVue 開發了小程序版本的 cnode 社區，api 也都是官網開源的。有人會問 “mpvue不是已經停止維護了嘛？”——的確是的，而且使用起來有很有坑。但這是我第一次寫小程序，找個最相近的語言最適合——無論選擇哪種技術棧，產品要完整做出來才行。小程序現已上線，後續還將逐步嘗試在tar

vue.js , node.js , 小程序 , mpvue , Javascript