开源鸿蒙跨平台开发者社区

开源鸿蒙跨平台开发者社区

社区活动讨论广场

去全站搜索看看？

登录社区云

登录社区云，与社区用户共同成长

开源鸿蒙跨平台开发者社区

邀请您加入社区

欢迎加入社区

欢迎加入社区

html5

Java编程从入门到精通的完整指南

通过系统性地学习以上内容，并配合实际项目练习，学习者可以逐步掌握Java编程从基础到精通的完整知识体系。- 基本数据类型：byte、short、int、long、float、double、char、boolean。- 跳转语句：break、continue、return。- 条件语句：if-else、switch-case。- 循环结构：for、while、do-while。- 关系运算符：> <

fRqdGmiR
2025-11-12 12:05:03

 292

 5

#html5
css div代码渐变色

本文展示了一个炫彩渐变卡片效果的HTML/CSS实现。通过conic-gradient创建360度锥形渐变背景，配合模糊滤镜和旋转动画形成动态光效。卡片采用圆角边框设计，包含React JS标题和"Learn More"按钮，整体呈现科技感的视觉效果。代码关键点包括：::after伪元素实现背景层、filter:blur()营造光晕效果、@keyframes控制渐变旋转动画，以

 亚轩啊
2025-06-10 08:54:00

 388

 4

#css #前端 #html +2
脚本插件 html全局主页跳转

一.博主在termux玩cordova时，遇到主页跳转，就写了个插件。二.其他页面只需引入一行就可。

旧梦吟
2025-11-28 18:50:18

 714

 3

#前端 #web app #uni-app +1
使用HTML5绘制一个IE的Logo

元素可以用来在网页上绘制图形，我们可以使用JavaScript在其上进行绘图来模拟IE（Internet Explorer）的Logo。但请注意，IE的Logo是微软的商标，因此在非官方或商业环境中使用可能涉及版权问题。它首先绘制一个蓝色的外圆，然后在其内部绘制一个白色的内圆以形成圆环效果。请注意，这个示例只是一个简化的模拟，并不完全准确地复制IE的官方Logo。// 绘制内圆（为了形成圆环效果）

王铁柱666
2025-02-07 08:11:40

 435

 3

#html5 #前端 #html
第三章、表单 (零基础，学HTML)

本章详细介绍了HTML表单的制作方法，包括表单语法与14种表单元素的使用（文本框、密码框、单选/复选框等）。重点讲解了HTML5新增表单验证功能（placeholder提示、required必填、pattern正则验证）以及表单标注优化技巧（label标签）。通过学习可以掌握表单布局、语义化制作和初级验证的实现，提升表单的用户体验和数据安全性。

新晋肖码农
2025-06-10 23:44:53

 855

 17

#html5 #媒体
前端复习整理

hr标签是水平线。属性直接设置。b strong标签都是加粗，但是推荐strong标签，对于爬虫更友好，更语义化。i和em标签都是倾斜，推荐ems和del都是删除线，推荐delu文本下划线sub下标sup上标将标签转化成字符显示在网页中。<hr color=“red” size=“5” width=“50%” />‘&emsp’空格，占据一个中文宽度有序列表olli的type只有1，a，A，i，I

锅灰也想敲代码
2025-05-25 16:33:48

 1286

 15

#javascript #html5 #css +3
Android 与 H5 交互的几种方式全解析：addJavascriptInterface、shouldOverrideUrlLoading、evaluateJavascript

特性调用方向返回值支持✅ 支持❌ 不支持✅ 支持安全性⚠️ Android <4.2 不安全✅ 安全✅ 安全兼容性所有版本性能中等慢（需跳转）快（异步）使用难度中简单简单典型场景支付、扫码、数据交互点击跳转、Toast 提示原生调用 JS 方法// 原生回调 JS 方法// H5 调用原生AndroidBridge.showToast("来自H5的问候");// 原生回调H5console.log

Jeled
2025-10-18 17:40:34

 1109

 26

#交互 #android #kotlin +2
## HTML5 浏览器兼容性实战：20 + 特性检测方法与 Modernizr 库应用指南

本文介绍了20多种HTML5特性检测方法，包括跨文档消息传递、拖放、文件API等功能的浏览器兼容性判断技巧。通过检测对象、属性或方法是否存在来确定支持情况，如window.postMessage检测跨文档消息传递。同时推荐了Modernizr库和HTML5相关规范链接，帮助开发者快速测试兼容性并深入理解标准。文章用通俗语言解析了各特性的检测逻辑，为HTML5开发提供实用指导，旨在帮助开发者提高工作

 2301_78506709
2025-05-31 20:08:14

 403

 4

#html5 #前端 #html
为啥选了Kuikly？2025 “液态玻璃时代” 六大跨端框架横向对比

液态玻璃时代下，跨端框架技术选型指南：六大主流方案深度对比本文从学习成本、开发体验、性能表现和生态系统四大维度，对Kuikly、Flutter、React Native等六大跨端框架展开全面分析。

道友请了
2025-08-31 00:00:06

 1232

 26

#kotlin #android #ios +4
Cordova鸿蒙开发环境搭建for Windows中篇

开源鸿蒙跨平台Cordova鸿蒙开发for Windows

shudachengliang
2025-11-29 15:13:32

 410

 3

#harmonyos #鸿蒙 #windows +4
Electron中设置菜单(Menu)，主进程向渲染进程共享数据

需求分析：设置主窗口的应用菜单以及鼠标的右击菜单，同时要求实现在应用菜单中开启打开调试工具(当用户自定义应用菜单时，应用菜单中的打开调试工具便会被取代)，并设置快捷键F12实现看看主进程main.js:var electron = require('electron')// 引入electron模块var app = electron.app// 创建electron引用var BrowserWi

HW-Header
2020-09-03 11:19:33

 2490

#node.js #javascript #html5 +2
一 node.js

1. 概念：node.js是基于Chrom的V8引擎的JavaScript的运行时（运行环境）。2. 它只是一个环境并不是一门编程语言。3. 它可以做什么？后端API接口。基于Node.js环境 + Express框架，桌面应用。基于Node.js环境 + Electron 框架操作数据库。基于Node.js环境 + MySql包读写和操作数据库实用的命令行工具。基于Node.js环境，实现

 cslazsb
2021-09-10 21:12:59

 215

#javascript #html5 #node.js
Electron中使用Node-ffi调用DLL以及打包npm run build报错解决方案

Electron中使用Node-ffi调用DLLhttps://www.psvmc.cn/article/2019-10-20-electron-dll.html0.我的node是node-v10.16.3-x64比较稳定https://npm.taobao.org/mirrors/node/v10.16.3/下选 node-v10.16.3-x64.msi一、添加了node-ffi二、打包npm

Mark大人
2020-06-19 10:29:01

 3614

 1

#javascript #typescript #html5 +1
electron 学习笔记（五）—— 快速搭建electron(9.x)+vue-cli（4.x）项目

系列文章目录第一节基础知识点第二节 electron-vue第三节自定义标题栏第四节系统通知第五节快速搭建electron(9.x)+vue-cli（4.x）项目文章目录系列文章目录前言一、安装yarn二、全局安装vue-cli三、新建vue项目四、项目中配置electron五、启动项目六、打包项目总结前言electron-vue 项目的electron是2.x版本，vue-cli也是2.

娃哈哈_
2020-11-05 15:40:29

 398

#html5 #vue.js #前端
Flutter开发环境配置

Flutter开发环境配置一、Flutter简介来自flutter中文网的介绍：Flutter是谷歌的移动UI框架，可以快速在iOS和Android上构建高质量的原生用户界面。Flutter可以与现有的代码一起工作。在全世界，Flutter正在被越来越多的开发者和组织使用，并且Flutter是完全免费、开源的。二、相关环境配置1、flutter配置1.下载flutter文件下载地址2.配置flut

小岚会敲代码
2021-09-13 14:46:33

 206

#android #ios #html5 +1
分享一个源代码：微信电影票预订(微信小程序版)

项目说明：微信推出小程序，操作原理类似React Native,ionic framework，现实现一个小程序版微票源代码下载地址：http://pan.baidu.com/s/1nvjPfKX使用的数据接口：http://json.bmbstack.com/bannerListhttp://json.bmbstack.com/playingListhttp://json.bmbst...

packlee
2016-10-31 15:38:41

 1.8w

 9

#微信小程序 #html5
如何在Flutter（2021）中创建过滤器搜索列表视图

这篇文章是关于在 Flutter 中制作过滤/搜索 ListView。我们将快速浏览完成工作的方法，然后通过一个具体而完整的示例来应用该方法。不需要第三方软件包。概述我们将创建一个函数来过滤结果，当文本字段更改 (onChanged) 时将调用此函数。搜索算法可能因情况而异，但最简单和最流行的是使用以下方法：where()：返回一个新的惰性 Iterable，其中包含满足一个或多个条件的所有元素。

坚果派
2021-09-08 12:47:36

 1384

 1

#flutter #html5 #javascript
简易音乐播放小程序

微信小程序——仿网易云的简易音乐播放器

 容貌平和
2023-02-17 16:05:31

 1362

 4

#html5 #javascript #css +1
Flutter Chip的使用

已经是很久很久很久没有更新了，这段时间过得略糟糕，此处省略一万字。。。感觉一眨眼，flutter都1.6了，落后了好多了，又重新捡起来熟悉了一遍，才想起来页面咋创建的，好抱歉~~~~昨晚偶然看到了一个比较好玩的组件，叫 Chip，应用场景（关于应用场景，这个链接说得很详细），官方翻译叫标签或者芯片一、效果二、构造函数解析：const Chip({Key key,this.avatar,//左侧的图

 锐湃
2021-09-07 15:38:03

 885

#flutter #html5 #python
H5,Audio音乐播放器(移动版)

有些时候，总是感觉自己进步的没有以前快了。于是就怀疑自己是不是也被时间磨灭了，这可真是一件不幸的事儿。可能是自己会的东西太少了，总是有种莫名的危机感。前一段时间，想写一个移动版音乐播放器，于是就开始利用下班后的时间写写。每天大概有大概两个小时的时间来做这件事儿，但是写了一版，感觉逻辑不是理想的，所以就推掉了原来写的，又从新写了一版。最近公司的事儿有点儿多，所以导致播放器被推延了一

 笨-大叔
2015-05-24 19:49:56

 1.6w

 8

#html5 #css3
uni-app 开放生态

uni-app 积极拥抱社区，创建了开放、兼容的生态系统。uni-app的App端虽然和小程序是相同的架构，逻辑层也运行在独立jscore而不是浏览器里，但一方面可通过web-view组件加载HTML，引入web相关库；另一方面可通过renderjs实现在渲染层执行js，此时完整echart、threejs等web库均可使用。（但为了全端使用，仍然建议减少对dom库的依赖，在uni-app的插

 随缘留心
2022-06-17 09:08:06

 508

#前端 #javascript #html5 +1
谷歌推全新Android开发语言“Sky”

谷歌内部的一个团队正在探索全新的应用开发方式，他们利用谷歌自主的网页开发语言Dart来开发Android应用。这帮助他们专注于速度，并可以与网页进行深度整合。Dart由Chrome V8引擎的团队成员发明。该团队近期举行了Dart开发者峰会，展示了在Android项目中使用的Dart。在Android项目中使用的Dart并未被称作“Android版Dart”，而是有了一个新名字“Sky”。目前，S

wangchewen
2021-09-28 15:01:25

 355

#android #ios #html5
前端性能优化-APP原生性能优化-极客时间

前端性能优化目录前端性能优化第五章：WebView（APP 原生性能优化）5.1 WebView —— 如何选择合适的 WebView 内核5.2 浏览器优化：如何设置全局 WebView5.3 浏览器优化——如何进行导航栏预加载5.4 浏览器优化——如何打通登录态5.5 浏览器优化——如何实现 URL 预加载5.6 浏览器优化——如何提升滚动条的使用体验5.7 浏览器优化——如何对 JS—SDK

1oneLee
2021-09-14 19:28:09

 689

#vue.js #html5 #node.js
MindAR在微信h5内置浏览器打不开摄像头【底部附解决方案】

MindAR是华为推出的一款增强现实（AR）开发平台，是一个高效且强大的AR开发框架，它支持跨平台运行，包括Android、iOS等移动设备。该平台提供了一套完整的AR解决方案，包括场景理解、物体追踪、图像识别、3D渲染等关键模块，使开发者能够轻松创建AR应用。

小红刃
2024-07-26 12:01:06

 1450

 10

#ar #html5 #javascript +2
Android WebView中使用React

背景本人工作中日常使用React开发H5页面较多，最近有需要写一个安卓App，于是简单学习了一下安卓的基础。本文将介绍如何在安卓WebView中嵌入React页面，快速搭建一个安卓应用。本文适合那些想快速搭建一个安卓APP的H5开发。本文还包括页面通过JavaScript与原生交互的简单例子。React本文默认你是一个比较熟悉React的前端开发。如不熟悉可以参考React官方的QuickStar

武器大师72
2022-04-09 13:43:44

 4375

#javascript #html5 #android +1
react-native-webview 本地化加载Html

1、创建一个bundle文件，将html的资源全部放进去如图：

蔡小晴
2021-09-14 17:33:16

 2025

 1

#webview #react.js #html5
android kotlin 与 js 交互

不喜欢说太多，喜欢直接干，直接上代码，这才是我的风格。fragmentpackage com.meinong.fragment.kotlinimport android.content.Intentimport android.content.pm.PackageManagerimport android.os.Bundleimport android.view.Layout

NotesChapter
2018-01-31 10:39:05

 1203

#kotlin #css3 #html5
RN：零碎知识点持续补充中

文字删除线 <Text style={{textDecorationLine:'line-through'}}>删除线示例</Text>文字超出省略号 <Text numberOfLines={3}></Text>

Lvan的前端笔记
2021-08-16 17:09:15

 482

#css #html #html5
Kotlin 数组类型

Kotlin的数组和Java数组的区别数组在Kotlin中使用Array类来表示，Kotlin的数组Array类中定义了get、set函数以及size（相当于java数组的length）的属性数组的创建方式一般创建数组,直接使用arrayOf(),就可以创建一个数组val a = arrayOf(1, 2, 3)val b = IntArray(3, { it + 1 })val c = arra

胡椒粉0121
2021-10-09 16:34:11

 1687

#kotlin #html5 #javascript
微信小程序体验(1)：携程酒店机票火车票

在 12 月 28 日微信公开课上，张小龙对微信小程序的形态进行了阐释，小程序有四个特定：无需安装、触手可及、用完即走、无需卸载。由于携程这种订酒店、火车票和机票等工具性质非常强的服务，非常符合张小龙的对小程序的定义，所以很适合做一个小程序。今天，有机会体验了一下携程酒店机票火车票这个小程序，在这里跟大家分享一下。扫一扫携程提供的二维码之后，看到携程小程序的名字为“携程酒店...

weixin_jack
2017-01-03 11:14:40

 1507

#微信小程序 #前端 #html5
相亲源码搭建，实现应用页面和详情页面的切换

前言在相亲源码中，列表的元素和详情的内容是一致的，这个时候利用 Hero 动画切换到详情会感觉无缝过渡，用户体验会更好。思路上面的效果是列表和详情共用了头像和头像的背景色。二者的组合是一个 Stack 组件，因此可以使用 Hero 组件完成。然后是 Hero 组件的移动，我们先做了水平移动，再做垂直方向移动，这样过渡体验会更好，这种可以用我们自定义的 RectTween 完成。下面是我们的各个部分

 云豹科技晓彤
2021-12-17 16:39:26

 612

#css3 #html5 #css
React Native使用ScrollView将页面滚动到底部/顶部

React Native使用ScrollView将页面滚动到底部/顶部

 weixin_47002803
2024-12-02 16:20:39

 1090

 5

#react native #react.js #javascript +4
前端二维码工具小程序：营销裂变的好助手

无论是对于二维码的解析，还是对于用户需求的智能分析，AI助手都能够迅速给出精准的反馈。这不仅大大提升了用户的使用体验，也使得营销人员能够更加精准地把握用户需求，制定更为有效的营销策略。这种创新的营销方式，不仅能够吸引用户的眼球，更能够激发用户的参与热情，为营销带来无限裂变可能。，为营销人员提供了一种全新的营销工具。在未来的数字化营销中，这款小程序无疑将继续发挥其重要作用，为营销裂变带来更多的可能性

 前端组件开发
2024-04-16 15:37:30

 603

 8

#小程序 #html5 #前端框架 +4
图解框架-跨平台应用开发方案

前言各种本地框架(比如android的java api，iphone的#C api)对应用开发者来说，绝对不是那么好伺候的大爷。如果开发者需要为一款应用开发Android和IPhone两个版本，如何做到使尽量多的代码重用，尽量减少开发成本和维护负担？方案1：独立Ui+公用Engine优点：应用逻辑部分可以重用缺点：用户交互部分需要开发和维护两份，依然是不可忽略的工作量。

z642010820
2012-03-27 10:55:38

 1847

 1

#javascript #html5 #phonegap +1
Web和Flutter盒模型不一致导致的尺寸渲染差异问题

问题定位在测试flutter动态化引擎过程中发现相同width的CSS样式下发到flutter到时渲染和web端不一致，明显感觉端上的宽高要多出一部分，但是宽度和margin的值完全一样。花了一些时间排查这个问题，基本定位到问题来源于两者使用的盒模型不一致所导致的。盒模型盒模型最直观的就是下面这张图片：标准的W3C盒模型由4部分组成：content，padding，border和margin。对应

 Joern-Lee
2021-10-17 18:32:23

 1050

#flutter #css #html5
128、小程序、app、H5的区别

运行环境APP则是基于安卓和IOS手机操作系统开发的，能安装在智能手机上运行的的手机软件。打开App就相当于开启了一个进程，App的运行环境就是手机系统；小程序则是依托于微信的，运行的环境就是微信，并且小程序是用到了部分H5技术，但是并不支持常用的window和document对象，H5 可以随意使用；小程序是一种应用；小程序的运行环境是微信开发团队基于浏览器内核完全重构的一个内置解析器，针对性做

 C.&H.
2021-10-18 15:03:26

 821

#微信 #html5 #小程序
flutter TextField 详解《边框、高度、背景色、圆角》

Expanded(child:ConstrainedBox(constraints: BoxConstraints(maxHeight: 40,),child:...

曾经也是个少年
2019-11-14 14:39:26

 751

 1

#css3 #html #qt +1
Flutter开篇 no1.

前言：Flutter是谷歌的移动UI框架，可以快速在iOS和Android上构建高质量的原生用户界面。 Flutter可以与现有的代码一起工作。在全世界，Flutter正在被越来越多的开发者和组织使用，并且Flutter是完全免费、开源的。它也是构建未来的Google Fuchsia应用的主要方式。Flutter组件采用现代响应式框架构建，这是从React中获得的灵感，中心思想是用组件(widge

x.1000001000
2020-05-12 15:29:11

 285

#css #javascript #html5
React滑块拖拽（移动端）

<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metahttp-equiv="X-UA-Compatible"content="IE=edge"><metaname="viewport"content="width=device-width,initial-scal

臭宝520
2021-08-31 06:55:44

 328

 1

#react.js #html5 #html
使用JSBridge框架来实现Android与H5（JS）交互

在开发中，为了追求开发的效率以及移植的便利性，一些展示性强的页面我们会偏向于使用h5来完成，功能性强的页面我们会偏向于使用native来完成，而一旦使用了h5，为了在h5中尽可能的得到native的体验，我们native层需要暴露一些方法给js调用，比如，弹Toast提醒，弹Dialog，分享等等，有时候甚至把h5的网络请求放到native去完成。JSBridge做得好的一个典型就是微信，微信给开

 ErwinNakajima
2023-05-28 01:34:28

 4707

 1

#android #html5 #javascript
Flutter 中的文本溢出的示例

在 Flutter 中，Text、RichText和DefaultTextStyle小部件的溢出属性指定了如何将未显示的溢出内容通知给用户。它可以被剪裁、显示省略号（三个点）、淡入淡出或溢出到其父窗口小部件之外。可以使用TextOverflow枚举值设置溢出属性：TextOverflow.clip：截断内容区域边缘的文本，以便截断可以发生在字符中间。TextOverflow.ellipsis :

蚂蚁二娘
2022-05-27 13:39:08

 1633

 1

#flutter #前端 #html5
基于React的仿QQ音乐（移动端）

本项目采用了React的框架，可以帮助那些想学习React的同学们去深入学习React的项目的开发。写这个项目过程也是非常辛苦的，如果你觉得我写的还不错的话，麻烦各位给我一个收藏或者点赞，也或者去github上给我点个星，来当做对我的鼓励。不胜感激！

無名SAMA
2017-09-23 22:03:29

 1377

#javascript #html5 #css3
uniapp的H5在ReactNative的WebView上导航栏返回按钮冲突

一场景描述：uinapp的h5在安卓手机上返回是正常的，但是到了ios上就无法正常返回，例如第三页无法返回第二页，而是直接返回到第一页APP里。ios上是用ReactNative的WebView渲染的h5页面，之前渲染jquery的h5没有问题，也就是a标签超链接跳转或window.location.href跳转没问题。初步判断是因为vue单页面问题，路由用的hash，只在一个页面更换DOM，所

 a920307320
2022-05-16 13:07:51

 2015

 2

#webview #react native #ios +1
Weex——关于移动端动态性的思考、实现和未来

今天在移动端，尤其是像手机淘宝这样的 App 中，动态性问题逐渐成为一个比较棘手的问题。所谓动态性，就是把移动应用本身的灵活性、迭代更新的周期和成本优化到极致。本文将系统地介绍手机淘宝技术团队关于移动端动态性的思考、实现和未来。

alibaichuan
2016-02-17 17:52:13

 1939

#移动开发 #html5
HTML5-reactnative

reactnative—需要在官网上学习用react库开发一些移动端应用是reactnative一般dom的更新都是对整个dom树的更新React框架对dom 的操作可以减少对dom树的更新。先找虚拟的dom,再在页面上对相应的节点更新，不是对整个dom树的更新。React.js开发网页小例子在html中引入js文件Html文件js文件新写法js文件旧

 在线答疑技术支持
2017-08-19 10:45:15

 549

#html5
cordova-plugin-camera-preview插件的安装与使用，解决toBack不起作用的问题

cordova-plugin-camera-preview插件的使用方法cordova-plugin-camera-preview插件的安装与使用，解决toBack不起作用的问题一、插件安装二、插件使用1.在tab4中使用插件，在tab4.ts文件中1）引入插件2）实例化2.在src/theme/variables.scss文件最后3.如果仅仅是在tab4页面中使用此插件，而在其它页面不显示，

weixin_42291811
2021-08-23 14:54:45

 1222

#html5 #javascript #html
【mui】html-mui-布局-list

<!DOCTYPE html><html><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />&lt

前端小云儿
2021-08-29 10:17:24

 225

#html5
html5+ plus和phoneGap、cordova的比较

偶遇大神言论，摘录phonegap出的早，自然用的人多。phonegap自己的定位是混合开发hybrid，用原生+js；HBuilder的定位是纯js搞定一切。5+ 和 phonegap在能力、性能、开发便利性上都优于phonegap。先看能力：5+ 有HTML5+和Native.js技术，HTML5+包含常用的跨平台的几百个API，能满足常规开发需求，而Native.js把40w原生...

ygunoil
2019-04-22 17:05:00

 61

#html5 #phonegap #前端 +2

加载更多

回到
顶部

提供社区服务与技术支持

提供社区服务与技术支持

©1999-2023北京创新乐知网络技术有限公司京ICP备19004658号