discuz 论坛 后台站长
https://www.cbdmd.com/cbd-gummies https...
...
还有 6 人发表了评论 加入4367人围观html5
【微信小程序】音乐播放器（微信小程序音乐播放器代码）
Frankiefang 发表于2024-04-18 浏览6359 评论0
场景
使用微信小程序实现一个简易的音乐播放器：Github地址
效果
虽然界面很简单,但是一个音频播放器该有的功能大部分都有了（没有歌词显示功能）。
主要实现的功能有：
实现音频播放，暂停；
实现拖拽进度条，快进音频进度；
实现上一首，下一首，列表循环播放；
实现关闭小程序，也可在后台播放，正式版需要通过审核，开发版本可正常测试；
代码
index.js
数据初始化
/**
* 页面的初始数据
*/
data: {
playStatus
html5
前端复习HTML+CSS+JavaScript（必问面试题）
云点 发表于2024-04-18 浏览5254 评论0
前端复习
HTML
常见的几种图片格式以及他们之间的区别是什么？
JPG：支持有损压缩、不支持透明、不支持动画、色彩还原度较好
PNG：不支持压缩、支持透明、半透明、不透明、不支持动画
GIF：支持有损压缩、不支持全透明、支持半透明、支持动画、图片大小很小
BMP：支持有损压缩、不支持透明、不支持动画、windows操作系统特有的图片
webp：支持无损压缩、支持透明、动画支持不完美、图片大小很小
简单叙述css盒子模型？
一个盒子从外到内可以分为四个部分，外边距（ma
html5
HTML5--语义化标签（html5语义化标签有哪些）
A-婷婷 发表于2024-04-18 浏览4077 评论0
写在前面：很多内容都是对w3cschool教程的复述，深入学习建议w3cschool - 编程狮，随时随地学编程
语义标签实际就是含有语言意义的，能够为浏览器和开发者描述其意义的标签。
比如<div>标签，能够作为导航栏、底边栏，也有可能是一个普通的盒子。相反，<img>能够清楚知道该标签定义的内容。
之前，在对html页面进行布局时，最常使用的是div盒子，比如<div id="nav">、<div id="header">。html5新
html5
查漏补缺（六）（查漏补缺,查缺补漏）
网站开发 发表于2024-04-18 浏览4058 评论0
查漏补缺（六）
重排重绘
重排（relayout/reflow），也叫回流，重排一定引起重绘
重排
引起重排的操作：
页面首次渲染。
浏览器窗口大小发生改变。
元素尺寸或位置发生改变。
元素内容变化（文字数量或图片大小等等）。
元素字体大小变化。
添加或者删除可见的DOM元素。
激活CSS伪类（例如：:hover）。
设置style属性
查询某些属性或调用某些方法。
注意：translate不会引起重排，因为translate 会为对应 DOM 节点生成新的图层(也叫开启硬件加
html5
Vue+Vant 解决uploader组件进行上传图片的问题（vant uploader组件点击图片上传）
冬时茗 发表于2024-04-18 浏览9475 评论0
一、首先vant中提供的Uploader没有属性可以直接填写后端路径直接请求，需要在文件读取完成后的回调函数（after-read）中进行ajax或axios的请求。
因为没有属性可以直接请求接口，所以不能像elemntui直接填写接口路径就行，需要new FormData()来追加文件数据然后通过axios传给后端；
请求头需要设置为"Content-Type": “multipart/form-data”；
// uploader组件
<van-uploader class="l
html5
HTML CSS制作列表页面、彩色照片和食品推荐页面
bluesuop 发表于2024-04-18 浏览3820 评论0
html和css的基础的页面里
此html标签为元素定义标记，css元素不会向用户呈现任何特殊效果，当用户选择此便签时，浏览器会标签相关的表单控件上。
html和css属性应当与相关元素的id属性相同。
1.制作中心动态列表
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style type="
html5
CSS实现等比例缩放：object-fit 的使用
寒峰之巅 发表于2024-04-18 浏览4565 评论0
适用场景：
当你想要在一个固定大小的div盒子中添加一张超出div盒子的背景图片时
小例子：
<div>
<img src="https://img.dpm.org.cn/Public/static/themes/image/bo/more2.png">
</div>
*{
background-color: #8B0000;
padding: 0;
margin: 0;
}
div{
width: 48px;
he
html5
关于『HTML5』:第二弹（html5吧）
梦幻星空 发表于2024-04-18 浏览6553 评论0
关于『HTML5』:第二弹
建议缩放90%食用
咕咕咕咕咕咕咕！！1 （蒟蒻大鸽子终于更新啦）
自开学以来，经过了「一脸蒙圈的 半期考试」、「二脸蒙圈的 体测」的双重洗礼，我终于有空肝 HTML5 辣！！1
快乐+10086
HTML5 冲鸭！！1(语无伦次！！1)
（奇怪的知识又增加了呢~)
HTML5系列向你空投知识，请注意接收🔫🔫🔫
废话over
又要为大家带来HTML5 了呢~
注：编者用的
html5
用Vue实现音乐播放器案例（基于vue的音乐播放器的设计与实现）
何程 发表于2024-04-18 浏览6174 评论0
需求
歌曲搜索
歌曲播放
歌曲封面
歌曲评论
播放动画
mv播放
接口
歌曲搜索接口
请求地址
https://autumnfish.cn/search
请求方法 get
请求参数：keywords(查询的关键字)
响应内容(歌曲的搜索结果)
歌曲播放地址
请求地址
https://autumnfish.cn/song/url
请求方法：get
请求参数：id
相应内容：歌曲的url地址
歌曲详情获取
请求地址
https:/
html5
HTML5+CSS3+JS制作动态背景登录界面
高乐 发表于2024-04-18 浏览4485 评论0
目录
第一步：编写HTML框架
第二步：设置css样式表
第三步：编写js代码
第一步：编写框架
1.分别新建html,css和js文档后，将css和js分别链接至html中。
2.编写html基本框架。
效果可参照示例图一
html5
HTML超链接（html超链接标签）
水果超 发表于2024-04-18 浏览7586 评论0
超链接是HTML中的一个重要标签。
<a>标签用以定义超链接，作用是从一个页面跳转到另一个页面。
一、基本用法
<a href="跳转目标" target="目标窗口的弹出方式" title="超链接的介绍信息">文本或图像</a>
例如：
<a href="https://www.bilibili.com/" target="_blank" title="点击可跳转到哔哩哔哩">哔哩哔哩</a>
二、三种重要属性
1.
html5
HTML 表单标签（html表单标签有哪些）
呃哦 发表于2024-04-18 浏览6440 评论0
一、什么是表单标签
表单是用来采集用户的输入数据，然后将数据提交给服务器
二、表单的组成
一个表单有三个基本组成部分：
①表单标签：这里面包含了处理表单数据所用程序的URL以及数据提交到服务器的方法。
②表单域：包含了文本框、密码框、隐藏域、多行文本框、复选框、单选框、下拉选择框和文件上传框等。
③表单按钮：包括提交按钮、复位按钮和一般按钮；
三、表单标签
表单标签＜form＞＜/form＞
功能：用于申明表单，定义采集数据的范围，也就是＜form＞和＜/form＞里