工作中遇到了为H5项目开发iOS插件的功能，就去啃了啃HBuilder得H5+文档，发现文档写的很晦涩..，现已实现，遂来分享下经验，以供大家参考。当然也是因为看到HBuilder的写文章有奖的活动了?..快来吧，我的32寸曲面显示器? 好啦，言归正传，用到的IDE -- Xcode7.3，HBuilder。HBuilder用来写H5项目，Xcode用来写iOS原生的插件，我所需实现的是，在H5页
转载
2023-07-13 10:37:54
74阅读
目录一、关于html5的发展和其他概念知识二、h5新增的语义化标签1、特点2、具体标签三、视频标签和音频标签四、智能表单 一、关于html5的发展和其他概念知识1、目前我们使用的是html的第五个大版本，目前仍处于持续更新中，标准制定组织为W3C。
2、主要浏览器
(1)谷歌 chrome 目前国内大多数浏览器都是谷歌内核，换汤不换药（edge貌似也是基于谷歌浏览器的引擎开发的
# 鸿蒙系统对H5的支持
## 引言
随着移动互联网的快速发展，H5技术成为了网页开发的主流之一。然而，很多人对鸿蒙系统是否支持H5存在疑问。本文将会介绍鸿蒙系统对H5的支持情况，并通过代码示例进行演示。
## 什么是鸿蒙系统？
鸿蒙系统（HarmonyOS）是华为公司自主研发的一款分布式操作系统。它具有统一的系统架构，能够在各种终端设备上运行，例如手机、电视、智能穿戴等。鸿蒙系统的目标是为了
这次给大家带来用H5的WebGL如何在同一个界面做出json和echarts图表，用H5的WebGL在同一个界面做出json和echarts图表的注意事项有哪些，下面就是实战案例，一起来看一下。突然有个想法，如果能把一些用到不同的知识点放到同一个界面上，并且放到一个盒子里，这样我如果要看什么东西就可以很直接显示出来，而且这个盒子一定要能打开。我用HT实现了我的想法，代码一百多行，这么少的代码能实现
基于H5 小程序 UI框架选型选型标准：1. 便于后面项目小程序 app等改造
2. 开发轻便
3. 学习成本低
4. 框架生态完整一、方案确定方案1 (使用原生HTML+CSS实现) 优点 : 1. 原因项目改造成本低（后续别的项目需要直接将.vue文件复制粘贴过去就能使用） 2. 如果样式不统一，只需要更改少量CSS样式即可达到目的 &nbs
背景需求场景：后台管理系统：（1）配置中支持上传视频、上传成功后封面缩略图展示，点击后自动播放视频；（2）配置中支持上传多个文件；前台系统：（1）展示视频列表并点击播放；（2）展示文件列表并点击下载；说明看需求似乎很简单，再加上本身antd-design已经封装好的Upload组件，功能强大且丰富；但是具体需求场景中还是有不少交互细节，也花了一些时间调试，为以后碰到类似场景更快速高效实现，记录和分
转载
2023-07-13 13:11:49
292阅读
因项目需要，在uniapp中集成使用腾讯地图，为了方便维护，希望通过一套代码实现H5和APP同时可用。H5显示相对简单，APP端比较麻烦，记录下实现过程一、集成步骤1.使用 renderjsscript标签使用renderjs，因为JavaScript Api需要调用DOM对象，APP需要使用rende
1. push原理iOS push 工作机制可以用下图简要概括 Provider:应用自己的服务器；APNS:Apple Push Notification Service的简称，苹果的PUSH服务器；push的主要工作流程是： iOS设备连接网络后，会自动与APNS保持类似TCP的长链接，等待APNS推送消息的到来； 应用启动时注册消息推送，并获取设备的在APNS中注册的唯一设备标示devic
转载
2023-10-31 10:22:57
140阅读
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，
昨天做H5页面，在兼容性测试的时候，发现所有手机都兼容，只有华为p30pro这款手机不兼容，记录一下，下面效果对比。1、解决思路：华为部分手机自带浏览器使用的UC低版本内核，对flex支持非常有限，所以使用flex，calc等属性的时候，有时添加-webkit、 -moz-calc等前缀也是无效的，其原因就是不能用行内、行内块元素，要改成block才能更好的支持flex，当元素使用flex：1时，
富文本的定义与使用富文本的两种格式使用详解基本使用方法AttributedString可以设置的属性有21个一般使用场景（变换部分字体颜色）补充通过富文本给文字添加图片使用场景 富文本的两种格式富文本定义的格式有两种： 1、NSAttributedString 2、NSMutableAttributedString使用详解使用富文本修改文本属性注意事项： 1、建议灵活使用NSMuta
原 荐
摘要
当我们辛苦的弄好一个应用后，想要让大家搜得到，就要将应用提交到苹果商店去，下面介绍提交的流程
发布iOS应用
xcode5
苹果商店
目录[-] 第一步 —— 到 itunes connect 网站提交申请应用说明
第二步 ——打包程序
第三步——将应用提交到app store
# IOS H5开发入门
## 什么是IOS H5
IOS H5指的是在IOS应用中嵌入H5页面进行开发的技术。H5页面是指使用HTML、CSS和JavaScript等前端技术开发的页面。使用IOS H5技术，可以在IOS应用中使用Webview组件加载H5页面，并通过JavaScript与原生代码进行交互，实现丰富的功能和交互体验。
## 为什么选择IOS H5
IOS H5开发相比于传
原创
2023-10-14 03:20:34
270阅读
这次给大家带来H5的缓存Manifest的使用，使用H5的缓存Manifest注意事项有哪些，下面就是实战案例，一起来看一下。在app中更新h5页面一直有缓存问题。默认什么都不做的情况下，app有一定的空间缓存页面。一开始更新之后会马上加载，等到app缓存空间上来之后更新就无法下载了。安卓能够清理缓存空间，ios就只能卸载重装(are u kidding me?)。这是最坏的情况，你可以更换下地址
问题：之前使用的通过网页打开app都是通过URL scheme打开app，但是我们在开发的过程中遇到过一个奇怪问题，本地的debug的时候都是可以正常打开的，但是打成安装包之后URL scheme没有起作用，解压了安装包，里面也是有配置的URL scheme，于是决定换Universal Link的方法去完成本次续期，当然在使用Universal Link过程中也遇到过很多坑，下面就简单介绍下：U
转载
2023-10-01 21:56:54
222阅读
作者 | 肖亚东，目前就职于南京有货，主要从事iOS和小程序端的开发，伪前端，喜爱RN、flutter等跨平台技术。热爱电影，美食，篮球，偶像科比，朋友都称他曼巴 来源 | 在《iOS app秒开H5优化探索》一文中简单介绍了优化的方案以及一些知识点，本文继续介绍使用WKURLSchemeHandler拦截加载离线包优化打开速度的一些细节以及注意事项，阅读本文前请先大概了解一下上篇文章的
随着移动设备的高速发展，H5 开发也成为了 F2E 不可或缺的能力。而移动开发的重中之重就是掌握调试技巧，修 Bug 于无形。一、概要因为移动端操作系统分为 iOS 和 Android 两派，所以本文的调试技巧也会按照不同的系统来区分。寻找最合适高效的方式，才能让你事半功倍。文章会列举目前适合移动端调试的多种方案，快来选择你的最佳实践吧！二、iOS 设备Sa
转载
2023-09-05 10:36:58
278阅读
## 如何支持JavaScript H5
### 引言
作为一名经验丰富的开发者，我很高兴能够帮助你，一个刚入行的小白，解决你遇到的问题。在本篇文章中，我将向你介绍如何实现“支持JavaScript H5”。我会提供具体的步骤和代码示例，帮助你更好地理解和实践。
### 流程图
首先，我们来看一下整个流程的图示，如下所示：
```mermaid
journey
title 整体流程
怎样解决用到特殊字体的页面因为要加载庞大的字体库导致加载慢的问题 在微信H5活动页面里， 为了增强活动的表现力或视觉效果，经常会出现设计师在页面中使用特殊字体库的情况,，如果页面没有复杂的交互，直接将含有特殊字体的片段切成图片就能解决这个问题，但有些场景下是不能这样做的，比如说图片是根据用户的输入合成的，这样图片就需要动态生成。 很自然就会想到，只要在这个页面上加载相应的TTF字体库，就能随意
Unity’s new Standard Shader is physically-based for higher visual quality, a more intuitive workflow for artists and faster iteration. And to answer popular question – yes, we want this shader t
