寻技术

Html/CSS

记录--Vue3自定义一个Hooks，实现一键换肤

记录--Vue3自定义一个Hooks，实现一键换肤

这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 核心 使用CSS变量, 准备两套CSS颜色, 一套是在 light模式下的颜色,一套是在dark模式下的颜色 dark模式下的 CSS 权重要比 light 模式下的权重高, 不然当我们给html添加自定义属性[data-theme='dark']的时候, dark模式权重比light低,会一直不起效果 当我们点击 dark

Html/CSS / VUE 2023年07月12日  75

基于 prefetch 的 H5 离线包方案

基于 prefetch 的 H5 离线包方案

前言 对于电商APP来讲，使用H5技术开发的页面占比很高。由于H5加载速度非常依赖网络环境，所以为了提高用户体验，针对H5加载速度的优化非常重要。离线包是最常用的优化技术，通过提前下载H5渲染需要的HTML/JS/CSS资源，加载时直接使用本地缓存资源避免额外的网络请求提高加载速度。本文主要是介绍团队在离线包技术方案上的探索，以及基于prefetch的离线包实现方案如何减少维护成本和开发成本。 现

Html/CSS 2023年07月12日  82

H5页面使用audio标签播放音频

H5页面使用audio标签播放音频

H5页面播放音乐其实很简单，只需要用<audio>这个标签就行十分方便。 路径选在音乐所在位置就行了。 <audio id="bgMusic" src="js/2.mp3" autoplay preload loop="loop"></audio> 关于点击按钮音乐开启/停止播放的效果做了个简单的例子 <a class="play" id="aud

Html/CSS 2023年07月12日  127

HTML5（四）Drag and Drop

HTML5（四）Drag and Drop

拖放 拖放是一种常见的特性，即抓取对象以后拖到另一个位置。 在 HTML5 中，拖放是标准的一部分，任何元素都能够拖放。 设置元素为可拖放 首先，为了使元素可拖动，把 draggab

Html/CSS 2023年07月12日  70

css的text-align怎么设置

css的text-align怎么设置

这篇文章主要讲解了“css的text-align怎么设置”，文中的讲解内容简单清晰，易于学习与理解，下面请大家跟着小编的思路慢慢深入，一起来研究和学习“css的text-align怎么设置”吧！ text-align的中文意思为“水平对齐”，是css中一个用于指定元素文本水平对齐方式的属性；语法格式“text-align:值;”，值可以是left（左对齐）、right（右对齐）、center（居中

Html/CSS 2023年07月12日  67

关闭

用微信“扫一扫”