- 博客(12)
- 收藏
- 关注
原创 微信小程序音频播放器(第二版)
前言 之前写了一个音频播放器,但是没时间去优化,最近又有一个需求,希望能够支持背景播放,但是之前使用的是innerAudio,不能够实现背景播放,于是干脆就使用backgroundAudioManager来重新实现了一下音频播放器,并且优化了一下,使得第一次点击进度条时能够直接从点击位置开始播放音频,播放完成后进度条会归零并暂停播放;将js封装了一下便于调用预览图 代码...
2019-09-06 14:40:16 2659 9
原创 简单的音乐播放效果
本文简单的使用Js,JQuery与Json数据交互制作的音乐播放效果 本文中使用了dot.js相关的内容,如需要请自行搜索下载。 本文没有实用价值,仅能够在Hbuilder中打开运行,但是可以作为学习html5中的练习。 此播放器实现了简单的播放暂停 点击切歌,上一首,...
2018-05-17 20:07:32 681
原创 微信小程序第三方插件申请
appid=插件appid。记录下小程序申请插件的页面,之前自己找了很久,方便后续使用。1. 先找到自己需要的第三方插件的appid。5. 等待审核通过后,按照文档引入并使用。2. 登录微信公众平台后台(3. 打开小程序插件页面。
2023-09-05 16:18:37 856
原创 使用runningJs实现网页动态数字效果
效果传送门:runningJs这是个依赖于JQuery的js;使用时请提前引进jQuery;使用方法:1.引入JQuery,running.css,running.js2.在页面中写入以下js代码$(function(){ $('body').running(); })3.根据需要,在页面内插入以下内容; 3.1数字增加效果<span cla...
2018-12-03 16:44:46 1042
原创 使用纯css完成商家注册箭头样式
使用css完成以下样式,废话不多说,代码如下CSS代码nav div{float: left;position: relative;left: 0;width: 250px;margin: 0 auto;background: #ddd;margin-right: 2px;color: white;padding: 10px;box-sizing: border-box;paddin...
2018-11-19 10:06:00 187
原创 使用verify.js前端验证码的方法和几个坑
最近在做一个登录注册的页面,找了一下前端验证码相关的东西,发现verify.js还不错,所以就拿来用了,相关的js文件请自行百度下载 使用的时候发现的几个小坑,记录一下, 1.这个Js是依赖于JQuery的,所以请务必在使用前引入JQuery 2.一般来说,各位在网上下的包中包含了js、images、css、font等内容,请不要随便删除 3.请不...
2018-11-02 18:06:20 5422 1
原创 微信小程序 带可拖动进度条和时间显示的音频播放器
已更新更为强大版本的具有背景播放功能的播放器,以下为传送门:https://blog.csdn.net/qq_42228034/article/details/100578572此版本仅具有参考意义周知,微信官方自带的音频播放器是没有进度条的,为了实现有进度条,并且拖动,只能自己写一个了;下面是演示图①页面加载完成后,能够直接显示音频的时长②播放时,进度条变化,播放时间...
2018-09-19 15:42:35 21919 3
原创 nodejs 简单的静态web服务器
为了创建服务器要引入http模块const http=require("http");创建服务器与监听端口http.createServer((req,res)=>{ }).listen(8001);为网页添加信息res.writeHead(200,{"content-type":"text/html;charset='utf-8'"});res.write("这是静态服务器的初始内容");...
2018-06-28 15:21:41 3927
原创 nodeJS中的模块(二)
三、自定义模块 在nodeJs中我们可以自定义模块,单独为模块创建一个JavaScript文件并且在其他地方引用; ①被调用的模块 由于nodeJS中我们的JavaScript默认为私有的,所以我们如果需要调用的话,需要将我们需要使用的部分暴露出来供其他的文件调用; 调用一般有2种方法:1、exports.调用的名称=调用的具...
2018-06-26 16:23:20 124
原创 nodeJS中的模块(一)
一、http模块 使用http创建服务器 使用require("http");引入模块,使用模块.createServer创建服务器,网页头部的200为状态值 var http=require("http"); //引入http模块http.createServer(function(req,res){ res.writeHead(200,{"con...
2018-06-26 15:13:23 103
原创 html简单的多文件预览
html5中的文件操作 fileReader:读取文件 readAsText():读取文本返回字符串值 readAsBinaryString():读取任意类型文件,返回二进制字符串,一般用于存储数据 readAsDataURL():...
2018-05-21 17:22:02 1578
原创 html5,拖拽元素
本文主要是记录一下自己学习html中的进度,未来可以回来复习一下。 本文参考了@冯小东的文章——html5,拖拽api 链接:点击打开链接 html5中新增了拖拽事件,其中分为拖拽元素的事件,和目标元素的事件。 使用时需要给拖拽元素添加dragable="true" 拖拽元素的事件有:ondragstar...
2018-05-17 13:46:20 228
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人