最近刚好有空，学长帮忙让做个毕设，于是我提到了那个基于H5地理位置实现天气查询的方法，学长听了也觉得不错，于是就这个主题，扩展了一下，做了一个航班管理查询系统，为上次博客中提到的利用H5 api中的经纬度应用做了一个例子。这边也贴上部分代码简单提下思路。首先网站框架：bootstarp+less+ajax(交互方法)+php+mysql 搭建在sae平台上，文章结束贴上demo地址
转载
2024-04-25 07:04:59
81阅读
如何在浏览器中查看当前页面请求各个指标数据（重点知识）window.performance.timing(html5的属性); 各字段的含义： · navigationStart：当前浏览器窗口的前一个网页关闭，发生unload事件时的Unix毫秒时间戳。如果没有前一个网页，则等于fetch
转载
2024-04-17 20:05:03
76阅读
浏览器默认状态下position的属性默认值是static也就是没有定位，元素出现在正常的文档流中，这个时候给元素设置的left，right、bottom、top这些偏移属性是没有效果的，不会生效；eg：比如你设置一个距左边偏移100px的声明：left：100px ；那么这条声明不会起到任何的效果；此外还有z-index属性在这时也是不会生效。也就是说我们平时如果不给某一个元素position属
当所做的h6页面在微信端打开时，想要调起手机内的app，一般我们会用scheme协议监测本地的应用，要是没有则下载app，有的话就直接打开。但是微信上是屏蔽了，所以我们要是在微信端，则得提示用户用浏览器打开页面再进行监测本地的应用。tips：如何判断是否在微信浏览器端：const u = navigator.userAgent;
const isWeixin = u.toLowerCase().i
转载
2023-10-02 14:57:36
861阅读
4评论
文章目录前言URL Scheme协议具体使用配置Android配置IOS配置注意事项 前言工作可能有这样的需求，就是手机浏览器中加载一个h5页面，点击可以打开某一个APP，比如微信等。这时候通常都是采用URL Scheme的方式进行配置跳转。 那么什么是URL Scheme呢？ 简单说：它是一个页面跳转协议。URL Scheme协议URL Scheme是一种页面内跳转协议，是一种非常好的实现机制
转载
2024-04-21 17:14:52
377阅读
在mui框架中上拉加载其实很简单了，框架已经帮助我们基本实现了。mui的上拉加载和下拉刷新类似，都属于pullRefresh插件，使用过程如下： 1、页面滚动到底，显示“正在加载...”提示（mui框架提供） 2、执行加载业务数据逻辑（开发者提供） 3、加载完毕，隐藏"正在加载"提示（mui框架提供） 开发者只需关心业务逻辑，实现加载更多数据即可。初始化初始化方法类似下拉刷新，通过mui.init
原生定位H5页面（webdriver）简介：H5页面这种其实就是和PC上的方式一样，只是这里的浏览器放在了手机上，其他的运行逻辑、定位方式和PC上完全一直。环境准备手机端 被测浏览器：（不可以是第三方浏览器）“safari” for IOS 和 “Chrome”，“Chromium”,or “Browser” for Android.PC端 安装Chrome浏览器（或者chromium），并且能登
首先既然H5和本地app达到交互,所以得有个标识,通过这个标识来开启app ,这时候就需要我们app端在manifest中的入口activity中添加scheme,也就是类似标识是的,这时候网页端可以通过这个scheme来开启我们的app,但是如果想要给我们app传递参数的话,那么就不好使了,所以这时候还需要 添加host,就可以了,代码如下android:host="hello"/>这样就
转载
2023-08-02 17:51:28
154阅读
页面乱码问题建站学之前曾经多次发教程说明，对于新的html5来说我们的编码要如何做才能解决乱码问题呢?作为一个前端工程师，你是如何指定一个页面的编码的呢？你知道浏览器是怎么识别编码的吗？ 首先，一个很简单的例子，用遇简的HTML页面来看看各浏览器下有什么不同： <!DOCTYPE html> 最简HTML，<head>和<body>都没有内容，服务
转载
2024-07-19 14:12:50
42阅读
# H5 Scheme 打开 Android App 失败的解决方案
## 1. 流程概述
首先，我们来看整个流程的概述，如下表所示：
| 步骤 | 描述 |
| --- | --- |
| 1 | 构建正确的 Scheme URL |
| 2 | 检测 App 是否已安装 |
| 3 | 设置 Scheme 处理 |
| 4 | 处理打开 App 失败的情况 |
接下来，我们会逐步解释每
原创
2023-11-11 07:39:38
452阅读
前言今天在做一个vue的我尝试了俩种方式来修改url:新增API百度后发现HTML5为window.history对象引入了两个新的api是history.pushState() 和 history.replaceState()方法，它们分别可以添加和修改历史记录条目。这些方法通常与window.onpo事件配合使用。两种api都能改变当前的url，不同的是，pushState在浏览器中创建一条新
锚点是网页制作中超级链接的一种，又叫命名锚记。命名锚记像一个迅速定位器一样是一种页面内的超级链接，运用相当普遍。 英文名：anchor 使用命名锚记可以在文档中设置标记，这些标记通常放在文档的特定主题处或顶部。然后可以创建到这些命名锚记的链接，这些链接可快速将访问者带到指定位置。 创建到命名锚记的链接的过程分为两步。首先，创建命名锚记，然后创建到该命名锚记的链接。 示例代码 在HTML页面中适当位
转载
2024-05-11 20:09:51
57阅读
前面我们介绍过了HTTP协议和Socket，这一篇我们来介绍一下Android的一个网络控件：WebView-网页视图。我们知道，现在移动端有两种开发方向：原生开发和H5移动端开发。 所谓的H5移动端开发就是通过HTML5+CSS+JS来构建一个网页版的移动应用，这中间的媒介就是我们今天介绍的WebView，现在H5开发很热门，优势是：可以用百分比布局；更新的时候不需要我们像原生开发一样需要
转载
2024-02-08 08:05:20
99阅读
http-equiv，相当于http的文件头作用，它可以向浏览器传回一些有用的信息，以帮助正确和精确地显示网页内容，与之对应的属性值为content，content中的内容其实就是各个参数的变量值。一、meta标签的http-equiv属性语法格式是：＜meta http-equiv="参数" content="参数变量值"＞ ；其中http-equiv属性主要有以下几种参数：1.<meta
转载
2024-10-23 10:55:29
52阅读
前后端分离这个问题其实松哥和大家聊过很多了，上周松哥把自己的两个开源项目部署在服务器上以帮助大家可以快速在线预览（喜大普奔，两个开源的 Spring Boot + Vue 前后端分离项目可以在线体验了），然后群里就有小伙伴想让松哥来聊聊如何结合 Nginx 来部署前后端分离项目？今天我们就来聊一聊这个话题。不得不说的跨域很多人对前后端分离部署感到困惑，其实主要是困惑跨域问题怎么解决。
转载
2024-10-09 17:12:22
282阅读
定位定位指的就是将指定的元素摆放到页面的任意位置通过定位可以任意的摆放元素 通过position属性来设置元素的定位可选值 static：默认值，元素没有开启定位 relative：开启元素的相对定位 absolute：开启元素的绝对定位 fixed：开启元素的固定定位（也是绝对定位的一种） 相对定位当元素的position属性设置为relative时，则开启了元素的相对定位 1.当开启
转载
2024-04-07 06:35:06
53阅读
首先，我是个后端，写java的，甚至不是搞移动端的，所以js这方面有点底子但不专业，对于出现的错误也请见谅，原来项目要求有个H5页面打开APP的功能就强行要做，没办法就想办法搞一下，网上的教程基本都是差不多套路，APP厂商也没有提供启动的接口之类的，只能从系统注册表考虑启动应用，所以这下面的代码都是基于你知道这个app的scheme_url和scheme_
转载
2024-02-29 09:24:48
174阅读
MUI H5+ APP 分享H5连接 通过scheme唤醒APP添加scheme在manifest.json文件中添加IOS及安卓
转载
2022-07-21 20:27:40
100阅读
公司里的设计师们一直不清楚HTML5是做什么的。有android开发、IOS开发。要个H5开发干嘛？每天都看着我清闲清闲的~ 所以为了增进团队友谊，借一次公司内部的分享会，我制作了PPT，主要大概讲解H5在移动端的位置，面向对象为设计师和产品们。 1、简单介绍：  
转载
2024-05-11 23:23:57
203阅读
return {};
},
watch: {},
computed: {},
methods: {
// 初始化短链
initShortURL() {
let parame1 = {
functionName: “userAppService”,
methodName: “queryUserInfo”,
originSource: {
OS: this.OS,
version: “H5_V1.0”
