由于h5应用开发不是本例重点,因此直接提供一个最简单的h5应用代码,此应用使用vue-cli框架开发 此h5应用叫vue1,用webstrom打开vue1,进行npm install安装引用vue1代码可从百度网盘下载:链接: https://pan.baidu.com/s/1eSq71IU 密码: 1spk PS:此套代码npm install时会报错可以运行以下命令解决:n
转载 2023-07-29 18:39:13
67阅读
非常早曾经写了一篇博客,总结cordova插件怎么调用到原生代码:cordova调用过程,只是写得太水。基本没有提到原理。近期加深了一点理解,又一次补充说明一下js调用native以下是我们产品中的代码片段:datePicker.show(options, function (date) { var month = date.getMonth() + 1; callback(nul
本文为cordova混合开发apk更新的系列文章的第一篇文章:H5部分的更新。混合应用的开发也已经火到了一定程度了,大家写h5的技术也到了炉火纯青的地步了。那么对于对原生了解比较少的小伙伴来说,apk的更新、发包可能还是一笔糊涂账。对于混合开发来讲,一般更新分为两种:h5部分的更新,原生外壳的更新。下面我们来讲一下基于插件的h5部分热更新的实现流程及注意事项。一、Cordova热更新的原理1、热更
转载 2024-03-15 08:08:53
122阅读
# H5 接收 iOS 方法的实现详解 在移动开发中,前端与后端的交互是一项重要的课题。当我们想要在网页中与 iOS 原生应用进行通信时,H5 页面就需要能接收到来自 iOS 方法的调用。本文将详细介绍如何实现 H5 接收 iOS 方法的步骤,代码实现及其解释。 ## 流程概述 以下是 H5 接收 iOS 方法的整个流程: | 步骤 | 描述
原创 10月前
54阅读
# H5如何接收iOS传给H5的值 在现代移动应用开发中,Web应用和原生应用之间的交互显得尤为重要。尤其是当我们希望通过Web页面(H5)来接收iOS原生应用传来的数据时,我们需要确定一种有效的通信机制。在这个方案中,我们将介绍如何通过URL Schemes和JavaScript在H5页面中接收iOS传来的值,并附上示例代码。 ## 一、项目背景 随着移动互联网的快速发展,越来越多的应用
原创 2024-09-15 03:24:39
139阅读
 一:普通浏览器唤醒app//判断是否为微信浏览器 function isWeiXin() { var ua = window.navigator.userAgent.toLowerCase(); if (ua.match(/MicroMessenger/i) == "micromessenger" || ua.match(/_SQ_/i) == "_sq_") { re
转载 2024-03-25 21:29:08
67阅读
一。mui简介。   MUI是一套前端框架,由DCLOUD公司研发而成,提供大量H5和js语言组成的组件,大大提高了开发效率,可以用于开发web端应用、web app等应用,中国比较流行的前端工具Hbuilder也是出自该公司 Hbuilder中集成mui。hbuilder提供了代码库提示功能非常强大 官方演示(http://dev.dcloud.net.cn/mui/snip
转载 7月前
34阅读
前面的话,试图解决结构与样式混杂的问题。1996年,W3C正式推出CSS1。1998年,推出CSS2。2001年从CSS3开始,CSS这门语言分割成多个独立的模块,每个模块独立分级,且只包含一小部分功能;2011年开始设计CSS4  本文将主要介绍引入CSS样式的方式,包括外部样式表、内部样式表和行间样式三种方式  [注意]CSS语法非常简单,但容易忽略的一点是不能省略分号(最后一个样式除外)&n
转载 2024-10-14 13:32:35
30阅读
前言H5声明和H5基本骨架,各种标签以及H5的新标签一、HTML5的DOCTYPE声明DOCTYPE是document type(文档类型)的缩写,是H5的声明,位于文档最前面,他是网页必备组成部分,避免浏览器的怪异模式。二、HTML5的基本骨架1.html标签包裹其它标签限定文档的开始和结束<html lang="en">表示当前网页语言为英文2.head标签定义文档的头部,包括文档
转载 2024-09-14 08:31:57
61阅读
1.首先布置jdk环境,下载jdk(http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html)。我这里用的是1.8的2.windows+r打开命令窗口,输入java -version,出现如下图则说明安装成功。3.安装安卓环境,这个则是我的android-sdk-windows,链接: h
转载 2023-07-11 22:32:36
128阅读
三、HTML5 Web Notification语法window.Notification 如果浏览器支持Web Notification,不考虑私有前缀,则window.Notification就会是一个有很多静态属性和实例方法的函数。基本上,Web Notification所有的语法都是围绕Notification这个函数来进行的。显然,通知这种事情是有可能扰民的,因此,必须经过用户同意才行。
# iOS Cordova 加载H5页面白屏解决方案 ## 一、流程概述 下面是解决iOS Cordova加载H5页面白屏问题的具体步骤: ```mermaid pie title iOS Cordova 加载H5页面白屏问题解决方案 "步骤一" : 25 "步骤二" : 25 "步骤三" : 25 "步骤四" : 25 ``` ```mermaid
原创 2024-06-30 04:54:24
49阅读
最近在学习Vue,边做个小demo边学习。其中有一个小功能需要使用到拖放,顺便还学一下拖放。拖放是HTML5的标准,对着教程在普通的页面上很容易就实现了,但是vue中基本都是数据驱动,不推荐直接操作DOM。HTML5拖放可拖动首先,默认情况下,图像、链接和文本是可拖动的。而想让其他元素变为可拖动,需要设置draggable属性为true。<div draggable="true">&l
Chrome 扩展 H5 游戏结构检查器 GameInspect 支持 Laya, egret, cocosCreate, cocos2d-js1. 说明仿照 egret Inspect 制作的通用H5游戏列表查看器, 方便查看游戏结构, 修改属性,注入代码,查看shader,抓帧GitHub(部分代码)2.安装部分浏览器安装失败,可能是因为浏览器版本太低,升级浏览器版本2.1 下载到本地 gi
一、创建空白Cordova应用打开VS,选择【新建项目】,选择其它语言JavaScript或者TypeScript,语言的话就按个人喜好,喜欢JS就用JS,喜欢TS就用TS,推荐使用TS书写,代码结构和可读性相对更强。本文演示使用JS来书写,方便不会TS的用户阅读。创建完项目后,项目结构如下:www目录为我们本地应用程序目录,和一般静态网站类似。默认主页为index.html。脚本对应为scrip
转载 9月前
87阅读
1. push原理iOS push 工作机制可以用下图简要概括 Provider:应用自己的服务器;APNS:Apple Push Notification Service的简称,苹果的PUSH服务器;push的主要工作流程是: iOS设备连接网络后,会自动与APNS保持类似TCP的长链接,等待APNS推送消息的到来; 应用启动时注册消息推送,并获取设备的在APNS中注册的唯一设备标示devic
转载 2023-10-31 10:22:57
208阅读
JavaScript表达行为,CSS表达外观,注意HTML既表达结构(逻辑结构),又表达内容(数据本身)通常需要更新数据时,并不需要更新结构,正是这种不改变组织结构仅改变数据的诉求,推动了数据拉取和数据推送技术的产生。 SSE是一种允许服务器端向客户端推送新数据(简称数据推送)的HTML5技术。数据推送有两种替代方案:无更新方案和数据拉取方案。http://tieba.yunxunmi.com/
viewport 简单粗暴的方式: <meta name="viewport" content="width=320,maximum-scale=1.3,user-scalable=no"> 直接设置viewport为320px的1.3倍,将页面放大1.3倍。为什么是1.3? 目前大部分页面都是以320px为基准的布局,而iphone6的宽度比是375/320 = 1.171875,
转载 2024-08-07 08:37:14
71阅读
# H5调用iOS方法实现指南 作为一名经验丰富的开发者,我很高兴能帮助刚入行的小白解决“H5调用iOS方法iOS接收不到”的问题。在这篇文章中,我将详细介绍整个实现流程,并提供必要的代码示例和注释。 ## 实现流程 首先,我们需要了解整个实现流程。以下是实现H5调用iOS方法的步骤: | 步骤 | 描述 | | --- | --- | | 1 | H5页面发送请求 | | 2 | iOS
原创 2024-07-18 09:56:42
95阅读
# H5 如何接收iOS 的数据 随着移动互联网的发展,Web 应用程序与原生应用之间的交互越来越重要。特别是在 iOS 平台上,H5(HTML5)页面如何有效地接收iOS 的数据成为了一个实际的问题。本文将探讨这个问题,并通过实际示例进行详细说明。 ## 一、背景 在许多应用场景中,H5 页面需要与 iOS 应用进行数据交互,例如获取用户信息、设置参数等。iOS 应用通过 WebV
原创 9月前
67阅读
  • 1
  • 2
  • 3
  • 4
  • 5