tag html5

標籤
貢獻170
288
06:37 AM · Oct 27 ,2025

@html5 / 博客 RSS 訂閱

兔子先森 - vue3一個簡單好用的複製到剪貼板插件

npm: https://www.npmjs.com/package/vue-clipboard2 開始 npm i vue-clipboard2 在main.ts中引入 import Vue from 'vue' import VueClipboard from 'vue-clipboard2' Vue.use(VueClipboard) 引入後就可以直接在頁面中使用了 script setu

vue.js , HTML , 前端 , html5 , Javascript

收藏 評論

LUYrty櫻花 - 移動WEB開發-rem適配佈局

移動web開發之rem佈局 rem 基礎 媒體查詢 Less 基礎 rem 適配方案 一、 rem基礎 1、rem單位 rem (root em)是一個相對單位,類似於em,em是父元素字體大小。 不同的是rem的基準是相對於html元素的字體大小。 rem的優勢:父元素文字大小可能不一致, 但是整個頁面只有一個html,可以很好來控制整個頁面的元素大小。 比如,根元素(ht

移動端適配 , rem , 前端 , html5

收藏 評論

Stefan Lederer - HTML5 Media Source Extensions: Bringing Production Video To The Web

In the last decade, plugins such as Flash and Silverlight have enabled a rich consumption of video in browsers, powering popular services such as YouTube and Netflix. However, this approach has shif

Videos , coding , webgl , html5

收藏 評論

生活觀科技 - HarmonyOS ArkTS 組件進階 - AlphabetIndexer 自學指南

AlphabetIndexer 是 HarmonyOS ArkUI 框架提供的字母索引器組件,主要用於長列表的快速導航。當需要實現類似手機通訊錄、城市選擇列表等需要按字母索引的功能時,這個組件將是最佳選擇。 二、基礎使用指南 1. 環境準備 首先確保開發環境已配置完成: DevEco Studio 3.1 或更高版本 HarmonyOS

索引器 , List , 移動開發 , 自定義 , html5

收藏 評論

註銷 - 嵌入 WebAssembly 運行時和實例化 WebAssembly 模塊的幾大要素

下面這段代碼忽略了錯誤處理機制,介紹瞭如何在 Go 語言開發的宿主程序中嵌入 WebAssembly. func createWasmVM(code []byte) { engine := wasmtime.NewEngine() module, _ := wasmtime.NewModule(engine, code) store := wasmtime.NewStore

ecmascript-6 , webassembly , 前端 , html5 , Javascript

收藏 評論

Winn - 使用炫酷的vue動畫庫,輕鬆給網站上大分

關於vue的動畫庫有很多,但今天我只分享兩個,GSAP和Vue-Lottie是個人認為目前功能比較強大的動畫庫。 1、GSAP 地址:https://greensock.com GSAP全稱為GreenSockAnimationPlatform,是一個從flash時代一直髮展到今天的專業動畫庫。來看一下如何在vue項目中使用: 和其他動畫庫一樣,你可以使用npm或cdn等方式去安裝,安裝和使

vue.js , 動畫 , 網站開發 , 前端 , html5

收藏 評論

兔子先森 - 項目啓動報錯node:events:485 的解決方法以及報錯問題排查思路

錯誤分析 1、報錯結果 Error: spawn E:\xxx\xxx\node_modules\.pnpm\esbuild@0.11.3\node_modules\esbuild\esbuild.exe ENOENT 路徑中明確顯示了 esbuild@0.11.3,這告訴我們系統試圖訪問的是這個特定版本。 2、spawnargs 參數中的版本信息 spawnargs: [ '--service

react , vue.js , vite , 前端 , html5

收藏 評論

博客趣 - 影視工廠--人人影視導航站設計源碼

  影視工廠--人人影視導航站設計源碼分享。人人電影導航是專業的影視資源導航網站,免費收錄優秀的在線電影網站大全、電影網站排行榜和電影搜索工具,為大家提供在線看電影、電影網站目錄、好看電影電視劇排行等http://m.bokequ.com/article/26/2074-0.html !DOCTYPE HTML html xmlns="http://www.w3.org/1999/xhtml" l

導航菜單 , 電影 , 博客搭建 , html5

收藏 評論

mob64ca140beea5 - javascript省市縣數據源

場景 使用靜態地址數據時,需要將數據轉換為ui組件可以使用的格式. 但是每次都進入數據遍歷和格式化會導致性能損耗嚴重以及等待時長 所以需要將格式化的數據創建到本地json數據文件,直接取用即可 省市區列表數據格式 整體是一個 object,包含 province_list, city_list, county_list

vue.js , node.js , javascript省市縣數據源 , 前端開發 , html5 , Javascript

收藏 評論

羊先生 - console的隱藏知識點,你get到了嘛?

常見用法 console.log( ) | info( ) | debug( ) | warn( ) | error( ) console.log("console log") console.info("console info") console.debug("console debug") console.warn("console warn") console.error("conso

console , 調試 , 前端 , html5 , Javascript

收藏 評論

圖撲物聯 - 讓 KEPServer 變成一款 Web 組態軟件

KEPServerEX 是行業領先的連接平台,用於向您的所有應用程序提供單一來源的工業自動化數據。該平台的設計使用户能夠通過一個直觀的用户界面來連接、管理、監視和控制不同的自動化設備和軟件應用程序。 TopLink是圖撲物聯推出的一款針對工業物聯網邊緣側應用場景的輕量型 Web 組態軟件,內置了基於 HTML5 標準的組態編輯器,用户可以通過拖拉拽的方式繪製網頁形式的圖形畫面。 TopLi

toplink , server , mqtt , html5 , Web

收藏 評論

前端子金 - 移動端適配知識點梳理-part one

1. 設備像素和css像素 設備像素,又叫物理像素(physical pixel),給出您正在使用的任何設備的形式分辨率,可通過screen.width/height獲取. css像素,又叫設備獨立像素(device-indenpendent pixel),此為邏輯像素,計算機設備中的一個點 注意:設備像素和css像素的關係(縮小還是放大針對的是css像素): 100%縮

移動端適配 , viewport , 前端 , html5 , Javascript

收藏 評論

洛陽醉長安行 - mui 移動端側邊欄菜單組件導致頁面無法滾動問題

無法滾動設置如下css能解決 .mui-scroll-wrapper{ overflow: auto !important; } 如點擊外面遮罩層關閉不了側欄,需要添加一個div class="mui-off-canvas-backdrop"/div在同級就能解決 !-- 側欄內容-- div class="mui-content mui-scroll-wrapper" ... /d

移動端 , Css , mui , 前端 , html5

收藏 評論

Quarkn - HarmonyOS鴻蒙多線程併發之TaskPool快速上手

助理鴻蒙生態建設,歡迎成為鴻蒙開發者,免費獲取鴻蒙開發者認證,歡迎留言領考試學習資料,免費!免費! 多線程併發 對於剛接觸多線程編程的新手來説,理解進程、線程、併發和並行等基礎概念是至關重要的。在深入探討多線程併發之前,讓我們先統一這些基礎概念的認識,為後續學習打下堅實的基礎。 基本概念 進程 進程是操作系統分配資源(CPU、內存、文件等)

移動開發 , 工作線程 , 開發者 , 併發模型 , html5

收藏 評論

zhoutao - 利用html5的postmessage解決iframe跨域問題的庫cross-domain.js,使用超簡單

簡介 一個利用html5的跨域api postMessage解決一個系統中,多個iframe跨域通信交互的js庫。 github地址 :cross-domain 背景 最初公司只有一個系統來做銷售,隨着公司業務越來越多,搭建很多類似的系統(這些系統本來是沒有任何關係的,每個系統目前都非常複雜)。 由於目前公司戰略有調整,原來的銷售是針對某種產品,現在銷售工作要針對客户進行多產品的銷售促成,這樣一個

postmessage , crossdomain , 跨域 , html5 , Javascript

收藏 評論

前端開源監控作者 - 前端監控(出錯場景還原)

​所謂web,即使你我素未謀面,便知志趣相投;足不出户,亦知世界之大。 最近收到一個用户提的需求場景,當JavaScript發生異常錯誤時,如果我們能記錄出錯前鼠標點擊、頁面跳轉、網絡請求,控制枱打印等信息,這樣我們便能更快速的帶您重返"失事"現場。我覺得這個想法挺好的,那就加入我們的前端監控試試呢?我實現了一套目前的解決方案:一鍵還原出錯代碼和出錯場景還原。如果你們有更好的解決方案,一定要聯繫我

前端性能 , 監控工具 , html5 , Javascript

收藏 評論

楊龍飛 - RN中webview的一些思考

遇到的坑:webview和h5通信時,會有一些延遲導致不能立即生效 具體描述:在使用react-native時,需要加載外部網頁,加載後,RN提供一個按鈕可以關閉網頁,但如果打開的是內部網頁就需要隱藏這個按鈕,h5代碼使用react寫的,在componentDidMount時,發送postmessage給客户端(RN),此時發現收不到,查閲react-native官方文檔後得已解決。

react , react-native , postmessage , html5 , Javascript

收藏 評論

大鬍子民工潘半仙 - 微信小程序 webview 與 h5 通過 postMessage 實現實時通訊的實現

原文:https://pantao.parcmg.com/pre... 在做 React Native 應用時,如果需要在 App 裏面內嵌 H5 頁面,那麼 H5 與 App 之間可以通過 Webview 的 PostMessage 功能實現實時的通訊,但是在小程序裏面,雖然也提供了一個 webview 組件,但是,在進行 postMessage 通訊時,官方文檔裏面給出了一條很變態的説明:

小程序 , webview , postmessage , h5頁面 , html5

收藏 評論

網易易盾 - 新形勢下的移動安全應變之道

隨着移動互聯網+產業的高速發展及智能移動終端全面普及,移動App已經無處不在,據統計,2018年我國網民數量達到了8.29億,手機網民佔比98.6%,截止2018年12月,我國手機App總量達到449萬款。手機APP在方便了人們生活之餘,也帶來了巨大的安全隱患。 在網絡信息安全體系建設過程中,移動安全容易被大家所忽視,大量安全人員對移動安全風險形勢存在誤判,往往片面的認為做好APP加固即可萬事大

移動web開發 , 安全 , html5

收藏 評論

savokiss - 寫給前端的正則表達式入門

1. 概覽 在 JavaScript 中,使用 // 即可創建一個正則表達式對象,當然也可以使用 new RegExp() 常用的跟正則相關的方法有 match、test 和 replace。 其中 match,replace 都是字符串上的方法, test 是正則對象上的方法。 下面看具體的圖示: 2. 匹配單字符 /reg/ 可以直接匹配具體的字符串 reg。 /[arzy]/

regexp , frontend , html5 , Javascript

收藏 評論

q8462880 - 簡單的html5與Rxjs實現table同時固定列和表頭(for angular)

凡是參與大型項目開發,或者是企業級的系統,經常會遇到數據複雜,數據量大的問題。通常需要前端呈現大量的數據,而我們通常都會使用table去呈現。一目瞭然。可能很多人會問,現在的組件庫不是很成熟了嗎,各種各樣的組件都有,功能強大且性能優越,如(element UI,anti design)。 但不是自己的,永遠不是最適合自己的,就像你開着別人的法拉利,但是感覺卻不如自己的麪包車。 言歸正傳,其實是本人

chrome , rxjs , angular4 , html5

收藏 評論

Mandy - 網易經典IP大作《夢幻西遊網頁版》開發經驗分享

基於白鷺引擎研發的網易經典IP大作《夢幻西遊網頁版》僅用時數天步入iOS免費版TOP3,截至目前,這款產品將近20天位列暢銷榜Top 10,目前基本穩定在Top 20,首月僅iOS平台流水便破億,其表現甚至超過了很多原生手遊,讓很多從業者對H5遊戲的上限有了新的認識。 據瞭解,《夢幻西遊網頁版》與大部分H5遊戲的不同之處在於:算上調優,其研發階段經歷了近1年半的時間。為了更多的瞭解這款遊戲的開發

移動web開發 , 手遊 , 遊戲引擎 , ios , html5

收藏 評論

羊先生 - 完整版移動端滑動事件封裝

touchEvent 基於Jquery擴展在移動端產生的事件,包含,單次觸摸事件,兩次觸摸事件,長按事件,滑屏事件,向上滑動事件,向下滑動事件,向左滑動事件,向右滑動事件 預覽 地址預覽 https://hangjob.github.io/touchEvent/index.html 事件類型 單次觸摸事件 $(el).tap tap: function(element, fn) {

移動端web , jquery , 前端 , html5 , Javascript

收藏 評論

羊先生 - Vue適配PC+大屏,手機+ipad適配

PC+大屏適配 可適配 1400px以上的屏幕 查看演示 項目地址 設置設計稿-轉換rem 我們的設計稿是3840px寬度,所以widthOfDesignLayout設置3840 module.exports = { plugins: { autoprefixer: {}, "@njleonzhang/postcss-px-to-rem": {

vue.js , 移動端web , 前端 , html5

收藏 評論