×

html5教程

关于e.preventDefault()方法（e.preventDefault()）

ab11223355 ab11223355 发表于2024-05-01 浏览5682 评论0
背景： 同事在项目中遇到的问题，在项目中导入了某一个组件作为根组件之后，发现原来的子组件中的滚动效果不再生效，因为是移动端的项目，所以这里的滚动效果是通过touchmove事件进行触发的，在对引入的组件进行研究后，发现是在根组件中阻止了touchmove事件的默认事件，也就是调用了e.preventDefault()方法，然后同事们通过阻止冒泡阻止了这个方法的调用，解决掉了因为引入组件而带来的问题，但这却引发了一连串的有关于preventDefault()这个方法的思考。 问题： 为什么我在父

html5教程

css3实现div的凸起或凹陷效果（css立体凹陷效果）

?₂₀₀₁₁₁₀₁ ?₂₀₀₁₁₁₀₁ 发表于2024-05-01 浏览7232 评论0
简单的小知识 div的凸起和凹陷效果之前一直觉得是背景渐变等方式实现，最近突然发现只需要对div的边框进行区别设置即可，感觉非常神奇，于是分享一下。 请仔细观察对比示例中四周边框的设置，边框宽度是不一样的。效果在最后 示例如下： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible"

html5教程

uniapp实现视频上下滑动功能（小程序）以及video组件的暂停和播放（uniapp video组件播放这个视频另一个视频就会停止）

?₂₀₀₁₁₁₀₁ ?₂₀₀₁₁₁₀₁ 发表于2024-05-01 浏览8457 评论0
uni推荐使用swiper组件实现，在video组件的下面介绍有写。这里实现方式是： 父组件先用swiper组件实现纵向滑动，然后在每个swiper-item中插入视屏组件video-item-vx（自己定义的组件），在video-item-vx组件中实现视屏播放，具体别的细节根据需要自己实现。 注意：不能无限添加swiper-item，16个以上会容易出现视频异常的报错，可以10个swiper-item循环，替换数据即可。 第一步：维护10个swiper-item，10个以上替换数据即可。

html5教程

uni-app开发微信小程序与h5的一些随手笔记（持续更新）（uni app开发小程序）

朱朱朱、 朱朱朱、 发表于2024-05-01 浏览5439 评论0
1. 要想在微信小程序不能再css中使用background-image！（虽然测试是可以的，但是真机的时候有可能出错。uni-app官网也有提及到） 2. 在h5端进行调试的时候发现点击事件不生效，可能原因如下 如果是有图片的，有可能是图层之间的问题，给点击的图片添加z-index增大层级即可 3. 将数组变成对象的写法:{....arr} 原数组：[{...},{...},{...}] 转成对象后：{{...},{...},{...}} 4. 拼接数组： 数组与数

html5教程

如何网页中使用百度地图完整版（如何网页中使用百度地图完整版导航）

timeduoduoba timeduoduoba 发表于2024-05-01 浏览7646 评论0
1.百度地图的注册 使用 密钥 点开下面连接进行注册然后百度地图开放平台 | 百度地图API SDK | 地图开发百度地图API是一套为开发者提供的基于百度地图的应用程序接口，包括JavaScript、iOS、Andriod、静态地图、Web服务等多种版本，提供基本地图、位置搜索、周边搜索、公交驾车导航、定位服务、地理编码及逆地理编码等丰富功能。LBS·云是百度地图针对LBS开发者全新推出的平台级服务。通过地图API，一方面解决移动开发者服务器端日益增长的海量位置数据的存储维护压力，另一方面彻