tag html5

標籤
貢獻163
206
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 訂閱

hello888 頭像

洛陽醉長安行 - 移動端級聯組件mCascader

移動端開發中可能會涉及到樹狀數據的選擇，由於mui中沒有比較好的組件可以使用，所以我基於mui和jq開發了一款可以在移動端操作級聯的氣泡組件。 源碼地址：https://github.com/booms21/mC... mCascader mCascader 是一款mui風格的移動端h5氣泡級聯框，支持可選擇任意層級、默認值、分隔符 使用方法： 首先引入mui和jq庫，mCascader.

移動端 , mui , html5

收藏 評論

shawnphang 頭像

茶無味的一天 - 原生拖拽太拉跨了，純JS自己手寫一個拖拽效果，縱享絲滑

前言 提到元素拖拽，通常都會先想到用 HTML5 的拖拽放置 (Drag 和 Drop) 來實現，它提供了一套完整的事件機制，看起來似乎是首選的解決方案，但實際卻不是那麼美好，主要是它的樣式太過簡陋，無法實現更高級的用户體驗： 這是瀏覽器默認的拖拽效果，點住拖拽任意圖片或文字都會產生。 筆者因為之前有個小項目需要經常參考稿定設計，一直有留意其元素拖拽的效果(如下圖)，所以接下來我將以這種效果為藍

css3 , 拖拽 , 前端 , html5 , Javascript

收藏 評論

xiaojian_5a653efb23f1e 頭像

小健 - 騰訊地圖api，根據路線畫自定義箭頭

我遇到的情況： 1、使用騰訊地圖畫出路徑，並在地圖上表示方向（也就是箭頭指向） 我查了很多的資料，並沒有詳細的結論，我按照api給的方法，我自定義做出的效果 vue+element+騰訊地圖API，（僅供參考） 效果圖如下： 思路 1、首先看是否跟我使用的方法聲明Map一致的方法，騰訊地圖的JavaScript API GL的api（如有不同，可以看邏輯，邏輯是一樣的，但是需要

vue.js , 騰訊地圖 , 前端 , html5

收藏 評論

qifengliao_5e7f5b20ee3bd 頭像

起風了 - (移動端適配px轉rem)react配置rem插件lib-flexible和postcss-px2rem-exclude

1、安裝插件 yarn add lib-flexible postcss-px2rem-exclude //這個插件也要下，不然的話啓動項目的時候會報錯 yarn add react-app-rewire-postcss 2、修改config-overrides.js（如果沒有就新建，在項目根目錄） 在config-overrides.js文件裏重寫postcss，加入如下代碼 這文件將a

react , px2rem , rem , html5

收藏 評論

daimaxieshen 頭像

瓏墨 - JavaScript 引擎如何工作？💭

😘前言：要了解 JavaScript 引擎，你必須瞭解當我們編譯和執行代碼時它的內容。一旦你完全閲讀了這篇文章，你就可以寫出一段優秀的代碼。這篇文章是關於JavaScript引擎的，它將幫助你瞭解JavaScript引擎的性能及其最有價值的功能，嘎嘎嘎，看下面😍。 一、什麼是 JavaScript 引擎？🧐 JavaScript引擎是一個程序，有助於將JavaScript代碼轉換為較低級別的

瀏覽器原理 , challenge , 前端 , html5 , Javascript

收藏 評論

richard-shepherd 頭像

Richard Shepherd - Behind The Scenes Of Nike Better World: Storytelling Experience

Nike wasn’t the first website to use parallax scrolling and certainly isn’t the last. Above and beyond the technical wizardry of parallax websites, the common thread that each seems to embody is the

Storytelling , ux , html5

收藏 評論

bianchengsanmei 頭像

編程三昧 - CSS 選擇器總結

CSS 是用於網頁設計可用的最強大的工具之一。使用它我們可以在幾分鐘內改變一個網站的界面，而不用改變頁面的標籤。 好一段時間不用 CSS ，有一些基礎知識的記憶有點模糊了，今天再做一次總結記錄，方便日後回顧複習。 選擇器分類 在 CSS 中，選擇器可分為以下幾類： 基本選擇器（通配選擇器、元素選擇器、類選擇器、ID 選擇器、羣組選擇器） 層次選擇器 屬性選擇器 偽類選擇器 偽元素

css3 , css選擇器 , 樣式 , 前端 , html5

收藏 評論

u_16099242 頭像

網線小遊俠 - Raphael一個用於在網頁中繪製矢量圖形的Javascript庫

Paper.js是一個功能強大的開源矢量圖形腳本庫，被譽為"矢量圖形腳本的多功能工具"。這個JavaScript庫能夠幫助開發者在瀏覽器中輕鬆創建複雜的矢量圖形和動畫效果，是Web圖形開發的終極工具。 什麼是Paper.js？為什麼選擇它？ Paper.js是一個基於HTML5 Canvas的矢量圖形庫，它將Scriptographe

矢量圖 , 前端開發 , html5 , Javascript , svg

收藏 評論

u_13571930 頭像

qq5a586f44e2373 - Java中多詞驗證碼的生成策略與實現

本文旨在探討在java環境中生成包含多個單詞的驗證碼圖像的有效策略。鑑於現有多數驗證碼庫主要支持單詞生成，我們提出並詳細闡述了一種“分而治之”的方法：通過分別生成每個單詞的驗證碼圖像，並將其智能合併到一張最終圖像中，從而實現多詞驗證碼的需求。文章將提供具體的java代碼示例，並討論實現過程中的關鍵考量。 引言 在Web應用中，驗證碼（CAPTCHA）是防止自動化的重要

移動開發 , 自定義 , 驗證碼 , Image , html5

收藏 評論

alasolala 頭像

Alaso - SVG動畫從入門到實戰，提升你的網站表現力

在 SVG 中，如果我們想實現一個動畫效果，可以使用 CSS，JS，或者直接使用 SVG 中自帶的animate元素（SMIL）。 這裏我們主要探討SVG與CSS結合實現的一些常見動畫效果。 （下面要使用到的SVG基礎知識，在SVG從入門到圖標繪製和組件封裝 和 SVG中的Transform詳解---平移、旋轉和縮放中都有詳細的介紹，這裏就不重複了，有需要的朋友可以前往查看哦。 ） SVG + C

css3 , svg動畫 , 前端 , html5 , svg

收藏 評論

u_14444 頭像

lgmyxbjfu - bootstrap4不是説不依賴jquery嗎

Bootstrap4 安裝使用 我們可以通過以下兩種方式來安裝 Bootstrap4： 使用 Bootstrap 4 CDN。 從官網getbootstrap.com下載 Bootstrap 4。 Bootstrap 4 CDN 國內推薦使用 Staticfile CDN 上的庫： Bootstrap4 CDN !--

bootstrap , jquery , 前端開發 , html5

收藏 評論

luxigaola 頭像

luxigaola - 在Vue2和Vue3中JSX的使用集錦

Vue2安裝JSX支持 有時候，我們使用渲染函數（render function）來抽象組件，而渲染函數使用Vue的h函數來編寫Dom元素相對template語法差別較大，體驗不佳，這個時候就派 JSX 上場了。然而在Vue3中默認是帶了JSX支持的，而在 Vue2 中使用 JSX，需要安裝並使用 Babel 插件： @vue/babel-preset-jsx @vue/babel-help

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

收藏 評論

pingxingyun 頭像

實時雲渲染平行雲 - 實時雲渲染：數字孿生走向“虛實共生”的核心技術引擎

數字孿生作為一種綜合技術應用，正經歷一場深刻的演進。根據中國信息通信研究院（CAICT）在2025年第二屆數字孿生技術與產業發展大會上發佈的報告，數字孿生正 “從可視化走向智能體、從局部試點邁向全域協同發展” ，並呈現出“全空間、全要素、全生命週期”的體系化躍遷特徵。 2025年數字孿生十大關鍵詞如下： 數字孿生低空經濟：依託三維空間，實現低空空域可視可算；國家地方政策推動，企業搶灘佈

c++ , unreal-engine4 , webgl , unity3d , html5

收藏 評論

u_17543943 頭像

mb68e64068cf586 - uniapp開發鴻蒙：Flex佈局與基礎組件實戰

uniapp開發鴻蒙：Flex佈局與基礎組件實戰 引入：從Hello World到實際佈局 在上一篇文章中，我們已經完成了uniapp鴻蒙開發環境的搭建，創建了第一個項目。今天，我們將深入探討uniapp在鴻蒙平台下的頁面佈局和基礎組件使用，這是構建應用界面的核心基礎。 uniapp的佈局方式與鴻蒙原生語言ArkTs有所不同，但設計理念相似。所有佈局方式都可以歸

ico , 條件編譯 , 移動開發 , 寬高 , html5

收藏 評論

taoqun 頭像

Taoqun - jquery開發 css 自動刷新預覽 stylus編譯

今天需要做一個簡單的介紹展示頁面，無需webpack這類的腳手架，裝了兩個包就能開始開發了。 環境需求： 自動刷新 編譯css 使用兩個包就可以了： browsersync 監聽變動 自動刷新頁面 stylus 寫css一直比較喜歡這個css預處理框架，因為簡潔 安裝browsersync 安裝 npm install -g browser-sync 監聽文件 browse

node.js , stylus , jquery , html5 , Javascript

收藏 評論

vitaly-friedman 頭像

Vitaly Friedman - Free HTML5/CSS3 WordPress 3.1+ Theme With Responsive Layout: Yoko

Yoko is a modern and flexible WordPress theme. With the responsive layout based on CSS3 media queries, the theme adjusts to different screen sizes. The design is optimized for big desktop screens, t

wordpress , Freebies , Themes , html5

收藏 評論

wadelau 頭像

wadelau - ?Hanjst漢吉斯特改進+enSafeExpression安全表達式等

Hanjst漢吉斯特模版語言及模版引擎，近期持續改進升級。 這次改進主要是增加了對安全輸出表達式兼容，由於涉及到對軟件開發過程中的效率和軟件運行效率的平衡和取捨，所以多寫了幾句，以描述這個權衡利弊對思考過程。距離上次更新：?Hanjst漢吉斯特升級:+showImageAsync及性能改進等（https://ufqi.com/blog/hanjst-... ），時間過得並不算長，希望Hanj

模板引擎 , html5 , Javascript

收藏 評論

stolarskigrajewski 頭像

Mikołaj Stolarski & Tomasz Grajewski - Principles Of HTML5 Game Design

Visual effects in games define their overall look and feel, and gameplay. Players are attracted to high visual quality, which generate more traffic and reach. It’s key for creating successful games

coding , Games , html5

收藏 評論

luke-reimer 頭像

Luke Reimer - HTML5 And Flash: Why It’s Not A War, And Why Flash Won’t Die

Use Of Flash Till Now When Flash broke on the scene, it was a fairly revolutionary tool… and much simpler to use than it is today. I first started using it in 1999, when it was being produced by Ma

Flash , Standards , Design , html5

收藏 評論

caimogudexiaoguniang_5ad549f464f98 頭像

千與千尋 - 微信小程序雲開發

package.json { "dependencies": { "@vant/weapp": "^1.11.7" } } app.wxss / 引入Vant全部樣式 / @import './miniprogram_npm/@vant/weapp/common/index.wxss'; app.json { "pages": [ "pages/index

html5 , Javascript

收藏 評論

u_15125029 頭像

Quarkn - ArkTS 函數

函數是可以被重複使用的代碼塊，它可以接受輸入參數，執行一系列操作，然後返回輸出結果。使用函數可以提高代碼的複用性，也可以將大問題拆解成小模塊，同時提高代碼的可維護行； 基本用法 聲明函數的格式 function 函數名(參數名1: 類型, 參數名2: 類型): 返回值類型{ .... return 返回值; }

值類型 , 數據類型 , 移動開發 , 調用函數 , html5

收藏 評論

116263 頭像

前端胖頭魚 - 如何實現swipe、tap、longTap等自定義事件

前言 移動端原生支持touchstart、touchmove、touchend等事件，但是在平常業務中我們經常需要使用swipe、tap、doubleTap、longTap等事件去實現想要的效果，對於這種自定義事件他們底層是如何實現的呢？讓我們從Zepto.js的touch模塊去分析其原理。您也可以直接查看touch.js源碼註釋 源碼倉庫 原文鏈接 事件簡述 Zepto的touch模

zepto , jquery , html5 , Javascript

收藏 評論

derek-johnson 頭像

Derek Johnson - HTML5 And The Document Outlining Algorithm

By now, we all know that we should be using HTML5 to build websites. The discussion now is moving on to how to use HTML5 correctly. One important part of HTML5 that is still not widely understood is

coding , HTML , html5

收藏 評論

professordeng 頭像

professordeng - 針對移動端開發的響應式 Jekyll 主題

simple 這是針對移動端開發的響應式 Jekyll 主題，效果看 demo，源碼在 GitHub，覺得不錯點個 star。 主題特性包括但不限於： 在線編輯、新建、發佈文章 GitHub 官方語法寫作 MathJax 支持屬性公式渲染 mermaid 提供流程圖渲染 支持 B 站、YouTube 視頻嵌入 Gitalk 提供評論支持 原生 JS 實現站內搜索 快速搭建 你可以

github-pages , css3 , jekyll , html5

收藏 評論