×

html5教程

uni-app 应用换肤功能（uniapp一键换肤）

星花园站长资源网 星花园站长资源网 发表于2024-05-01 浏览5068 评论0
应用换肤这个 “毫无卵用”  又浪费时间的的功能却是许多产品经理们喜欢玩的（某信国民应用都不做的功能）。 首先我坦白，我TM就从没用过 应用换肤 这种功能，其次我 氪金 跟有没有 换肤 这个功能毫无关系，真是受够了这种沙雕产品，虽然我在产品经理提出这个需求之前已经解决了产品经理本人。但是在这里先拯救一下正在受难中的卑微的程序员鄙视链底端的 web前端。 下面教大家用一种简单的方式来实现这个 令人作呕 的需求 实现方式：CSS变量 + Vuex  如果是使用小程序官方的语法，没有Vuex的

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个以上替换数据即可。