一、设置元素为可拖放首先，为了使元素可拖动，把 draggable 属性设置为 true二、 ondragstart 和 setData()当元素被拖动时，事件触发，所调用的函数。上面例子代码中，ondragstart 属性调用了一个函数，drag(event)，规定被拖动的数据。dataTransfer.setData() 方法设置被拖数据的数据类型和值：function drag(ev)
{
转载
2024-07-22 17:05:07
154阅读
小程序简介小程序是一种全新的连接用户与服务的方式，它可以在微信内被便捷地获取和传播，同时具有出色的使用体验。需求微信小程序 H5 混合开发就是 在一个小程序中，采用部分小程序原生页面，部分通过Webview内嵌 H5 页面¹，二者配合实现完整业务逻辑的方案。为什么需要混合开发原生无法满足（例如某团队维护SDK 只提供了WEB端jsSDK，且不维护小程序SDK）H5可以同时适用多端（适用范
# H5页面在iOS低版本出现白屏的原因及解决方案
在移动互联网的发展过程中，H5技术作为一种轻量级的网页开发方式，被广泛应用于多种场景。然而，许多开发者在开发和测试H5页面时，发现iOS低版本的浏览器经常出现白屏现象。这种现象不仅影响用户体验，还可能导致用户流失。本文将从多个角度分析白屏现象的发生原因，并提供相应的解决方案。
## 1. 白屏现象的原因
### 1.1 资源加载问题
在i
# 如何实现h5兼容android低版本
## 引言
作为一名经验丰富的开发者，我会教你如何实现"h5兼容android低版本"这个任务。这对于刚入行的小白可能会有些困难，但只要按照下面的步骤去做，就能成功实现了。
## 步骤表格
| 步骤 | 描述 |
| ---- | ---- |
| 1 | 引入fastclick库 |
| 2 | 使用flexible.js设置rem单位 |
| 3
原创
2024-05-16 05:52:25
139阅读
# H5适配iOS低版本的科普与实践
在移动互联网的快速发展中，H5（HTML5）已成为开发跨平台应用的重要技术。然而，iOS低版本的设备，尤其是iOS 9及以下版本，常常面临与现代H5功能不兼容的问题。本文将探讨H5在iOS低版本上的适配策略，并给出一些代码示例，帮助开发者应对兼容性挑战。
## iOS低版本的特点
iOS低版本的浏览器对HTML5的支持程度有限，尤其是在以下几个方面：
低版ios手机ios8,ios9,安卓6以后的自带浏览器打开VUE开发的H5页面有时候会出现白屏的问题，这是因为vue 项目中es6的方法和语法在这些低版本的手机上不支持，解决办法 es6转es5一般网上说的流程较为顺利，但是我的看了后面你绝对有所收获，看过不后悔想再来一回步骤一（较为顺利的解决方案）1.执行 npm install babel-polyfill 安装一下 babel-
转载
2023-09-10 19:49:25
916阅读
1评论
## Taro H5兼容Android 5白屏问题解决指南
在开发过程中，许多开发者会遇到浏览器及其兼容性的问题，尤其是在较旧的 Android 5 设备上，使用 Taro 开发的 H5 应用可能会出现白屏现象。本文将详细介绍解决这一问题的过程，步骤以及需要的代码示例供你参考。
### 整体解决流程
以下是解决 Taro H5 兼容 Android 5 白屏的基本流程表：
| 步骤 | 描
移动端开发要考虑最多的就是兼容性的问题，android和ios的兼容，css3新增属性的兼容以及h5新增标签等使用问题。下面是一些小问题以及解决方案，仅供参考。 【1】.关于样式的总结 1.移动端开发页面会左右晃动，这时候我们需要给外层
转载
2024-01-20 00:55:15
147阅读
主要采用媒体查询方法
1）在body的head里面的style里面引入
@media screen and (min-width: xpx) and (max-width: ypx) {
}
此段代码表示屏幕在最小宽度为xpx和最大宽度为ypx范围的特定样式。
2）在body的head里面直接引入
3）在body的head里面采用@import引入@import url("example.css"
转载
2023-11-02 06:20:40
139阅读
H5页面开发怎么做-H5页面开发令人期待的 5 项功能 HTML 5 是超文本置标语言下一个重要版本，HTML 自1999年发布 HTML 4.01 以来，其开发一直处于停顿状态，而1999年至今正好是 Web 飞速发展的时间，现在的 HTML 版本已经无法适应现在的 Web 内容与应用。HTML 5 旨在提高 HTML 的交互行，支持当前多样的，复杂的 Web 内容。同时，它也会解决
转载
2024-09-19 15:09:09
47阅读
这个功能其实做了有一段时间了，一直想写点东西，又总是写一半又放下。趁着年前的时间还是多多少少的总结一点把。最初做手机浏览器起调native APP的指定页面的功能，这个功能也查了很多的资料，但是估计是搜索关键字不对，当时也没查到完整的解决方案，甚至这个写的挺完善的文章 都没看到，导致我这篇文章跟他的雷同的好多。跟他测试的一样，uc打不开，自己测试的几个QQ浏览器，手机自带的浏览器是可以的。具体参考
转载
2023-09-10 12:25:36
193阅读
聚焦问题Android会出现点击聚焦的情况，出现黄色的边框，通过对相应的元素设置css –webkit-tap-highlight-color: rgba(0,0,0,0)解决，另外一些高版本的系统也可能会出现有黄色边框的情况，这时候试着用outline：none来解决。Android position:fixed及input中文输入bug在android系统中，如果页面中
转载
2024-10-22 20:53:52
50阅读
今天继续说一下使用uniapp开发app遇到的坑----ecahrts直接导致手机模拟器白屏。之前使用h5开发，然后通过hbuilderx打包成跨端app，此时的app类似h5套壳，本质上应该仍然是浏览器访问h5。这时候项目中使用的插件echarts可以非常正常的显示。
然后将echarts搬到uniapp后会发现，一边开发一边通过浏览器看，会觉得很不错，打开手机模拟器，一片空白！！！
浏览器一切
转载
2023-07-26 05:00:16
1088阅读
taro H5
转载
2020-03-24 10:18:00
423阅读
2评论
最近的项目中遇到了有些低版本系统（如ios<11）会出现白屏问题。首先要知道的时候白屏问题应该是js报错 js运行中断 一些router进的页面也没发加载，而这些js大都是因为不支持es6语法而导致的。那知道怎么知道你的js是否报错了呢，因为我们开发调试的时候大都用Chrome，Firefox这样的浏览器，内核较为先进，不会因为不识别es6而报错。所以首先用你的微信pc客户端自带的浏览器，看
转载
2024-02-02 14:46:47
148阅读
踩过许多坑。特此总结一下： 1、<input type='button'>背景色在ios中的兼容性，颜色发白 解决办法：在全局样式中加入以下代码： input[type=button], input[type=submit], input[type=file], button { cursor: pointer; -webkit-appearance: none; }&
转载
2024-06-05 13:11:59
279阅读
图书作者: 张亚飞图书编号: 9787302261834图书格式: PDF出 版 社: 清华大学出版社出版年份: 2011图书页数: 500-600[内容简介] 对于初入门的网页设计者和开发者而言，学习网页设计和开发就应该从html5和css3开始，这是毋庸置疑的。对于有经验的工程师来说，如果想完整掌握html5和cs
UNI-APP H5应用白屏（空白页）解决方案写在前面 最近公司有一些临时业务急需上线，考虑到H5应用测试部署的便捷性，因此从技术上采用H5网页的方式快速响应业务的需求，由于自己对uni-app 比较熟悉，之前也有用过uni-app开发过微信小程序，整理体验都还不错，这次也就采取uni-app开发H5应用
转载
2024-01-16 15:58:56
202阅读
作为前端开发可能会经常遇到，产品、运营、用户吐槽反馈问题：为什么我的页面空白、页面没有更新，为什么每次都要清缓存、要点刷新按钮。一、为什么会白屏、资源报错？我们每次打包都会生成一个index.html文件，这个是项目的入口文件。在index.html文件中会嵌入我们的静态资源，比如manifest.xxxjs和app.xxx.js文件,问题就出在了这里，很多浏览器特别是微信浏览器会缓存我们的ind
转载
2023-12-07 07:16:57
487阅读
作者 | 肖亚东，目前就职于南京有货，主要从事iOS和小程序端的开发，伪前端，喜爱RN、flutter等跨平台技术。热爱电影，美食，篮球，偶像科比，朋友都称他曼巴 来源 | 在《iOS app秒开H5优化探索》一文中简单介绍了优化的方案以及一些知识点，本文继续介绍使用WKURLSchemeHandler拦截加载离线包优化打开速度的一些细节以及注意事项，阅读本文前请先大概了解一下上篇文章的
转载
2023-12-14 15:36:20
442阅读
