tag html5

標籤
貢獻163
212
06:37 AM · Oct 27 ,2025
invalidnull 頭像 hightopo 頭像 u_17543943 頭像 htdaydayup_5da2d7a6d4888 頭像 youfujideshangpu 頭像 htvlz 頭像 u_15125029 頭像 smileZAZ 頭像 yangy5hqv 頭像 hello888 頭像 tuzixiansen_63d4d65909d62 頭像 yangxiansheng_5a1b9b93a3a44 頭像

@html5 / 博客 RSS 訂閱

winnn 頭像

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

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

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

收藏 評論

tuzixiansen_63d4d65909d62 頭像

兔子先森 - 項目啓動報錯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

收藏 評論

bokequ 頭像

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

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

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

收藏 評論

u_16213665 頭像

mob64ca140beea5 - javascript省市縣數據源

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

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

收藏 評論

yangxiansheng_5a1b9b93a3a44 頭像

羊先生 - 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

收藏 評論

huaihuaidehuangdou_csgtja 頭像

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

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

toplink , server , mqtt , html5 , Web

收藏 評論

wenjinhua 頭像

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

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

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

收藏 評論

hello888 頭像

洛陽醉長安行 - 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

收藏 評論

u_15125029 頭像

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

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

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

收藏 評論

toopoo 頭像

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

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

postmessage , crossdomain , 跨域 , html5 , Javascript

收藏 評論

evenboy 頭像

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

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

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

收藏 評論

windseek 頭像

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

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

react , react-native , postmessage , html5 , Javascript

收藏 評論

pantao 頭像

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

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

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

收藏 評論

wangyiyunyidun 頭像

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

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

移動web開發 , 安全 , html5

收藏 評論

savokiss 頭像

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

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

regexp , frontend , html5 , Javascript

收藏 評論

q8462880 頭像

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

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

chrome , rxjs , angular4 , html5

收藏 評論

mandy_597086799bac8 頭像

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

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

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

收藏 評論

yangxiansheng_5a1b9b93a3a44 頭像

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

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

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

收藏 評論

yangxiansheng_5a1b9b93a3a44 頭像

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

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

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

收藏 評論

chendongyuan 頭像

陳東民 - JavaScript 中的數組分組：array.groupBy()

JavaScript 中的數組分組：array.groupBy() 原文： https://dmitripavlutin.com/ja... 由於豐富的標準實用程序庫，許多開發人員喜歡 Ruby 編程語言。例如，Ruby 中的數組有大量的方法。 JavaScript 也逐步豐富了其關於字符串和數組的標準庫。例如，在之前的文章中，我描述了新的array.at()方法。 今天的主角是新的數組組提案（目

ecmascript , 前端 , html5 , Javascript

收藏 評論

invalidnull 頭像

註銷 - rxjs 裏 CombineLatest 操作符的一個使用場景

一個具體的例子： combineLatest([ data$.pipe(startWith(null)), loading$, ]).pipe( takeWhile(([data, loading]) = !data || loading, true), map(([data, loading]) = loading ? null : data), skip(1), dis

rxjs , saprfc , sap , html5 , Javascript

收藏 評論

invalidnull 頭像

註銷 - Rxjs SwitchMap 的一些容易犯的錯誤和替代方案

下面是一個在 Effect 裏使用 SwitchMap 的例子：從購物車裏移除某個行項目 @Effect() public removeFromCart = this.actions.pipe( ofType(CartActionTypes.RemoveFromCart), switchMap(action = this.backend .removeFromCart(action

rxjs , typescript , 前端 , html5 , Javascript

收藏 評論

invalidnull 頭像

註銷 - Rxjs map, mergeMap 和 switchMap 的區別和聯繫

map、mergeMap 和 switchMap 是 RxJS 中的三個主要運算符，在 SAP Spartacus 開發中有着廣泛的使用場景。 map map 是 Observables 中最常見的運算符。 它的作用與數組中的映射相對相似。 map 接收從 Observable 發出的每個值，對其執行操作並返回一個 Observable（因此 Observable 鏈可以繼續）。 把它想象成一個函

rxjs , angular , 前端 , html5 , Javascript

收藏 評論

invalidnull 頭像

註銷 - rxjs Observable 設計原理背後的 Pull 和 Push 思路

Observables 顧名思義，是可以被觀察的事務。在 Rxjs 的上下文裏，Observable 會隨着時間的推移，在某個時間點產生數據。 Observables 可以： 不停地（永遠）產生值，比如 interval 操作符。 可以一次性生產價值，然後進入 complete 狀態。 可能會產生錯誤，然後進入 complete 狀態。 Observable 是一種異步事件的實現利器，例

rxjs , angular , 前端 , html5 , Javascript

收藏 評論