自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(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关注的人

提示
确定要删除当前文章?
取消 删除