自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

java小白翻身

java小白翻身

  • 博客(44)
  • 资源 (8)
  • 收藏
  • 关注

原创 Java字符串详解

字符串即字符的组合,在Java中,字符串是一个类,所以我们见到的字符串都是对象。常见创建字符串手段:每当有一个字面值出现的时候,JVM虚拟机就会创建一个字符串调用String的构造方法创建一个字符串对象通过+加号进行字符串拼接也会创建新的字符串对象String 被修饰为final,所以是不能被继承的。如果不使用字符串格式化,就需要进行字符串连接,如果变量比较多,拼接就会显得繁琐。使用字符串格式化,就可以简洁明了。%s表示字符串,%d表示数字,%n表示换行。字符串的常用APIlengt

2020-11-26 20:23:11 198 1

原创 你可曾见过如此简单粗暴的JavaScript解说 -- js脚本运行机制

写作不易,转载请注明出处,谢谢。首先,上几道我编写的 js 题,作为分析的样本。请根据代码,选择正确的选项。第一题var a = 0;function test(){ alert(a);}test();A. 0B. nullC. undefined第二题var a = 0;function test(){ alert(a); a = 100;}test();A. 0B. nullC. undefined第三题var a = 0;function test(

2020-11-26 18:45:25 242 3

原创 《从案例中学习JavaScript》之实现对话效果

今天突发奇想,js能不能通过字符串和定时器来实现游戏中的对话效果呢。试了一下,还真挺好玩的。上效果图:本节涉及的知识点:字符串的charAt方法js定时器setInterval(轮询)###1. charAt方法js的charAt方法是用来获取字符串中的某一个字符的,它是属于string的一个方法。比如:var str = 'ABCDEFG';var a = str.charAt(6);//取下标为6的字符alert(a);###2. setInterval定时器具体用法如

2020-11-26 18:44:05 623 2

原创 《从案例中学习JavaScript》之实现网页版阅读器

###序现在手机上的文本阅读app已经非常丰富,良好的阅读体验与海量的书库常常令我感到无比兴奋。我想到8年前用一点几寸屏幕的mp3看电子书的情景,顿生一种淡淡的温馨。再久远一些,小的时候,我也经常和小伙伴们组团去书店看白书,也就是白看书。古老的木质书架上那一叠叠厚重的黄皮小说书,在年幼的我眼里仿佛是比盘子里的午餐肉更加美味可口的东西。而在当今这个信息化的时代,看书变得空前的便利,可是儿时那种期待和兴奋的感受却消失在了时间的长河。岁月在流逝,时代在进步。愿放下所有的浮躁,在新的时代愉快地生活,无所谓

2020-11-26 18:41:04 487 1

原创 手把手的SpringBoot教程,SpringBoot创建web项目(六)

在上一节的yml文件中,我们设置 ddl-auto 为 create,这会导致每一次启动项目的时候,都会去数据库里面重新创建表。这不是我们希望看到的,一般在项目开发中,我们更愿意把这个配置设置为update,这样的话,启动项目时它会去检测,如果表已经存在并且里面是有数据的,即不会去重新建表了。server: port: 8088 context-path: /demospring: datasource: driver-class-name: com.mysql.jdbc.Drive

2020-11-25 21:45:23 328

原创 手把手的SpringBoot教程,SpringBoot创建web项目(五)

这一节,我们来演示如何在SpringBoot项目中连接数据库,并且自动创建一张表。按照惯例,数据库我们依然使用mysql,至于什么是jpa呢?jpa是sun推出的持久化规范(java persistens api),JPA通过JDK 5.0注解或XML描述对象-关系表的映射关系,并将运行期的实体对象持久化到数据库中。JPA 的目标之一是制定一个可以由很多供应商实现的API,并且开发人员可以编码来实现该API,而不是使用私有供应商特有的API。实现JPA规范的框架,比较出名的是hib

2020-11-25 21:44:56 279

原创 手把手的SpringBoot教程,SpringBoot创建web项目(四)

在实际的开发过程中,我们需要前端页面向Java端提交请求,这些请求一般分为get方式和post方式,不管是哪一种方式,一般都会携带一些参数。这一节,我们来演示一下如何给Controller传递参数。代码:@RestControllerpublic class HelloController {@RequestMapping("hello")public String hello(){ return "<font style='font-size:28px;'>Hello S

2020-11-25 21:43:58 286

原创 手把手的SpringBoot教程,SpringBoot创建web项目(三)

这节课,我们来学习一下SpringBoot的环境配置,在SpringBoot中,所有的配置都写在application.properties中:我们启动项目,默认端口是8080,我们现在给他配置一个8088:server.port=8088运行启动类,然后在浏览器地址栏访问上一节中的控制器:启动成功了。然后访问这个Controllerpackage com.example.demo.controller;import org.springframework.web.bind.anno

2020-11-25 21:42:57 245

原创 手把手的SpringBoot教程,SpringBoot创建web项目(二)

在开始之前,我们需要去创建一个SpringBoot项目,大家可以去 http://start.spring.io/ 这个网站生成一个项目。如图,这边可以对SpringBoot项目进行详细设置:下面这个web一定要勾选:SpringBoot版本号选择1.5.10全部设置好了以后,就点击这个按钮:这边我就直接下载到桌面了。解压这个压缩包,我们看下目录结构:可以看到,这是一个maven项目结构,然后,我们要打开eclipse导入这个项目,建议使用eclipse的mars版本,自带ma

2020-11-25 21:42:11 793 1

原创 手把手的SpringBoot教程,SpringBoot创建web项目(一)

###1.引子大家好,在接下里的一段时间里,我会给大家详细的介绍SpringBoot的基本使用,相信学完这门课程以后,你会对SpringBoot有一个清晰的认识,并且能够运用这门比较新颖的技术开发一些小程序。我也希望,这门课程能够对大家入门SpringBoot框架起到一个良好的助推作用。在开始之前,我们先来看一看传统的JavaWeb开发存在哪些问题。首先,第一点,配置繁多。不管你之前用的是SSH框架,还是SSM框架,都一定对项目内部大量的配置文件感到头疼。所以,繁琐的配置是JavaWeb项目开发的一个

2020-11-25 21:41:37 1566

原创 【Java框架型项目从入门到装逼】第八节 - 用EasyUI绘制主界面

###1.引入资源包在上一节中,我们把基本的框架都搭好了,用了Spring,SPringMVC。这一节,我们先来画页面,前端框架采用EasyUI来实现。easyui是一种基于jQuery的用户界面插件集合,使用easyui我们就不需要写很多代码,只需要通过编写一些简单HTML标记,就可以定义用户界面。现在,我们把easyui需要的资源包拷贝进来。###2.绘制主界面界面的话,我们就用html来实现吧,在WebContent目录下新建一个页面叫index.html。目录结构如下:代码:&

2020-11-24 19:18:50 169

原创 【Java框架型项目从入门到装逼】第七节 - 学生管理系统项目搭建

本次的教程是打算用Spring,SpringMVC以及传统的jdbc技术来制作一个简单的增删改查项目,对用户信息进行增删改查,就这么简单。###1.新建项目首先,打开eclipse,新建一个web项目。项目名称就叫做student,注意,新建项目的时候,因为是eclipse。所以你需要选择Dynamic Web Project。点击Next。不管,继续Next。Finish完成。项目的目录结构如下:接下来,把我们需要用到的jar包全部拷贝进来。其中,simple-jdbc是我自己封

2020-11-24 19:18:27 230

原创 【Java框架型项目从入门到装逼】第六节 - 用ajax请求后台数据

这一节我们来说一下如何用ajax提交请求?我们先不讲ajax的原理,还是先以实战为主,看一下这个东西到底怎么用的?form表单:<!-- 采用post表单提交 --> <form style="margin-left:200px;" id="myform" name="myform" method="post" onsubmit="return sumbitTest();" action="login.do"> <table>

2020-11-24 19:17:44 92

原创 【Java框架型项目从入门到装逼】第五节 - 在Servlet中接收和返回数据

在上一节的程序中,我们可以看到HttpServletRequest, HttpServletResponse这两个对象。可以说,这是JavaWeb中至关重要的两个对象。接下来,我们来做一个简短的说明:###1、HttpServletRequestrequest对象(HttpServletRequest)代表客户端的请求,当客户端通过HTTP协议访问服务器时,HTTP请求头中的所有信息都封装在这个对象中,通过这个对象提供的方法,可以获得客户端请求的所有信息。让我们回顾刚才的过程,我们在浏览器的地址栏中

2020-11-24 19:17:02 150

原创 【Java框架型项目从入门到装逼】第四节 - 编写第一个Servlet程序

在开始这一节之前呢,我们还需要把Tomcat配置到Eclipse中,配置的方式很简单,打开Eclipse,Window,Preferences,进入到这个页面:将Tomcat的安装目录配置到Eclipse中。然后,可以看到左侧多出来一个Servers文件夹:这个是Eclipse虚拟了一个Tomcat进来,以后我们都操作这个虚拟的Tomcat,其中也有一个Server.xml,我们也可以在里面添加Web项目,配置端口号之类的。启动Tomcat有如图两种方式,第一种是debug模式,第二种是run

2020-11-24 19:16:14 144

原创 【Java框架型项目从入门到装逼】第三节 - 如何用Tomcat发布web项目?

啥叫Tomcat?有道词典是这么说的。这个我们姑且不管,实际上呢,Tomcat是一种Web服务器,我们自己做好了一个Web项目,就可以通过Tomcat来发布。服务器呢,又分为硬件服务器和软件服务器。硬件服务器一般来说就是一台电脑,而软件服务器则是一个应用程序,比如Tomcat它本身就是一个程序。让我们来看一下Tomcat的目录结构:Bin目录里面都是一些脚本文件:我们需要关注的就是startup.bat这个文件,当我们双击这个文件,就可以启动Tomcat服务器。接下来,我们顺便来说一说配置环

2020-11-24 19:15:08 150

原创 【Java框架型项目从入门到装逼】第二节 - Spring框架 AOP的丧心病狂解说,你喜欢露娜的月下无限连吗?

继续上一节的内容,多几个jar包:aop技术是面向切面编程思想,作为OOP的延续思想添加到企业开发中,用于弥补OOP开发过程中的缺陷而提出的编程思想。AOP底层也是面向对象;只不过面向的不是普通的Object对象,而是特殊的AOP对象。AOP的关注点是组成系统的非核心通用服务模块(比如登录检查等),相对于普通对象,aop不需要通过继承、方法调用的方式来提供功能,只需要在xml文件中以引用的方式,将非核心服务功能引用给需要改功能的核心业务逻辑对象或方法中。最终实现对象的解耦。spring 中ioc技术实现

2020-11-24 19:14:28 154

原创 【Java框架型项目从入门到装逼】第一节 - Spring框架 IOC的丧心病狂解说,来一波神的视角

大家好,好久不见,今天我们来一起学习一下关于Spring框架的IOC技术。控制反转——Spring通过一种称作控制反转(IoC)的技术促进了松耦合。当应用了IoC,一个对象依赖的其它对象会通过被动的方式传递进来,而不是这个对象自己创建或者查找依赖对象。你可以认为IoC与JNDI相反——不是对象从容器中查找依赖,而是容器在对象初始化时不等对象请求就主动将依赖传递给它。好吧,那我们从简单的说起。直接讲概念有点抽象,让我们从一个实际的场景来分析这个事情。大毛想要找个女朋友,他的朋友二毛帮忙介绍了一个女生,

2020-11-24 19:13:51 172

原创 简单易懂的JSON入门

本节重点来介绍一下JSON,JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式,我们称之为JavaScript对象表示法。也就是说,JSON是一种格式。首先搞清楚三个概念,即什么是JSON字符串,什么是JavaScript对象,还有什么又叫做JSON对象?先来说一个事,在没有JSON之前,前台页面和Java等语言充当的服务器层,到底是如何传输数据的呢?没错,是通过XML来传输的。比如一个登陆页面。页面上有用户名和密码两个输入框,当我点击登录按钮,这两个数据就会.

2020-11-23 20:00:20 330

原创 彻底攻略JS数组

在开始本章之前,先给出上一节的答案,参考答案地址:http://www.xiaotublog.com/demo.html?path=homework/03/index21.JS数组的三大特性在JavaScript中,数组和其他编程语言中的数组有所不同。首先体现在,在一般的编程语言中,数组的索引只能是数字,而js数组中,它的索引可以是任意类型。比如,你可能会看到这样的代码:var arr = []; //新建一个数组arr['name'] = 'rose';arr['age'] = 12;.

2020-11-23 19:59:31 209

原创 彻底攻略JS回调函数

这一讲来谈谈回调函数。其实一句话就能概括这个东西:回调函数就是把一个函数当做参数,传入另一个函数中。传进去的目的仅仅是为了在某个时刻去执行它。如果不执行,那么你传一个函数进去干嘛呢?就比如说对弈下棋,如果你都不想赢,那么你为什么要下棋?当然了,如果你达到了某种至高无上的境界,参悟出一个“道”来,就不一样了。所谓手中无剑,心中有剑。写了一个函数,我虽然没有去执行它,但是在我心中已经执行了。在此我们先不谈那么高大上的境界,先说点俗的,你想想啊,你好不容易写了一个function,你不去执行执行它,.

2020-11-23 19:58:59 770

原创 【手把手】JavaWeb 入门级项目实战 -- 文章发布系统 (第十二节)

好的,那么在上一节中呢,评论功能的后台已经写好了,这一节,先把这部分后台代码和前台对接一下。#1.评论功能实现我们修改一下保存评论按钮的点击事件,用jQuery的方式获取文本框中的值,然后通过ajax方法,把数据传递到CommentController.jsp,jsp就是Servlet,这样写就和传递到Servlet是差不多的意思。detail.jsp代码:$(".button").eq(0).on('click',function(){ var txt = $('#commenttxt.

2020-11-23 19:57:35 512

原创 【手把手】JavaWeb 入门级项目实战 -- 文章发布系统 (第十一节)

本节主要解决在详情页根据文章ID查找文章内容的问题。#1.根据ID查询文章数据在上一节中,我们已经成功在detail.jsp页面获取到了来自index.jsp的文章ID。那么,最容易想到的办法,就是直接在detail.jsp页面通过Java代码,直接查询出对应的文章数据,然后放到页面作用域就OK了。代码:<% String id = request.getParameter("id"); System.out.println(id);%>随便在首页点击一篇文章,.

2020-11-23 19:56:00 424

原创 【手把手】JavaWeb 入门级项目实战 -- 文章发布系统 (第十节)

本节主要讲解详情页的页面布局和css样式,以及从主页面到详情页面的跳转问题。#1. 详情页面的布局页面布局的话,我还是习惯先把静态页面做出来,确保没问题了,然后再跟后台对接。在实际的开发过程中,静态页面一般是美工或者前端工程师负责,后台工程师主要关心如何把Java层的数据贴到静态页面。(虽然我经历的几个公司都是自己一个人全包了。。。)之前我已经把我个人绘制静态页面的过程,还有自己的思路写出来了,所以从本节开始,我不会再写得那么详细,而是根据页面效果来简明扼要地介绍一下。我绘制页面的一般流程,就是先

2020-11-21 12:23:43 725 1

原创 【手把手】JavaWeb 入门级项目实战 -- 文章发布系统 (第九节)

###1. 根据静态页面完成JavaBean设计在上一节中,我们完成了文章封面的制作,这些都属于静态页面的部分。从图片中可以看到,一篇文章的主要信息有:文章标题,文章名称,作者,还有摘要描述。在《用大白话聊聊JavaSE – 如何理解Java Bean(一)》中,我们已经讨论关于JavaBean的一些问题。一般来说,JavaBean分为必要字段和辅助字段,文章标题,文章名称,作者,还有摘要描述,还有文章内容这些,应该属于必要字段的范畴。至于辅助字段,我就不搞那么复杂了,简单设置几个吧,比如发布时

2020-11-21 12:23:06 712

原创 【手把手】JavaWeb 入门级项目实战 -- 文章发布系统 (第八节)

首先,最近很多人都来问我问题,我列举几个比较典型的说明一下。######1. 一定要通过注解和反射的方式生产建表语句吗,我能不能直接在mysql中建表?当然可以,我只是为了说明一下注解和反射可以用在这个地方,实际开发肯定不会这么做啦。一般都使用框架,比如hibernate,mybatis,sping-jdbc等。######2. 如果我自己开发一个小项目,jdbc用什么框架比较好?这个看具体情况,我个人比较喜欢sping-jdbc,因为我觉得还是自己写sql来得直观,mybatis虽然也是自己写s.

2020-11-21 12:22:38 604

原创 【手把手】JavaWeb 入门级项目实战 -- 文章发布系统 (第七节)

###01国庆长假终于结束了,博主想到以往这个时候,自己就已经回到学校,和一群基友扯扯犊子,顺便吹吹牛,好不快活,可惜这种生活不会再有了。虽说如此,但是参加了工作以后,毕竟有更多的时间去做自己想做的事情,没有了学校里的那么多约束,也不再需要为了考试忙活个半天,想来也是不错的。好的,再次回到这个系列。不知不觉,我发现自己在简书已经写了好几万字了。当我无聊的时候,就会去看看自己之前写的文章,然后感到很奇怪,似乎那些东西根本不是自己写的一样。我仿佛是在看别人的文章,好长时间我都有这种感受。这真的是挺奇怪的

2020-11-21 12:20:52 607 1

原创 【手把手】JavaWeb 入门级项目实战 -- 文章发布系统 (第六节)

继续上一节的内容,首先我们将配置方法写在static块里面吧,不然每次调用DataBaseUtils都需要去配置一下,这样比较麻烦。static { config("jdbc.properties");}###08 查询方法:queryForList 实现queryForList方法是在实际开发中比较常用的一个方法,它的意思就是说,如果你从数据库里查询出来10条数据,那么用一个List包裹起来,每一条数据就是一个Map。上代码/** * 查询出数据,并且list返回 * @param s

2020-11-21 12:20:22 664

原创 【手把手】JavaWeb 入门级项目实战 -- 文章发布系统 (第五节)

在上一节中,我们成功将数据从前台的JSP页面传递到了controller层,但是还没有写service层,老实说还有很多工作没有,尤其是和数据库的链接方面的,所以,这一节,我们专门来处理一下关于数据库连接方面的东西。###01 序言你可能之前听过了很多新名词,比如数据源,连接池,还有c3p0等等。作为新手很容易被这些名词给吓到,因为一般的培训机构不会告诉你这些,他们仅仅是给你讲了最基本的jdbc,一般来说,就是告诉你用Java代码来操作数据库的几个步骤。首先,加载驱动类(妈了个鸡蛋糕,对初学者而言,很

2020-11-21 12:19:38 764

原创 【手把手】JavaWeb 入门级项目实战 -- 文章发布系统 (第四节)

首先,更正一下上一章中的一个小错误,就是在index.jsp中,banner部分没有添加结束的标签,加上去就OK了,我也是完善页面的时候发现的。另外,index.jsp中引入的jQuery也需要换成本地的。<script src="${basePath}/static/js/jQuery.js"></script>今天我把页面重构了一下,添加了内容区和底栏(footer),我会把目前的代码上传的,有需要的自己去看就行了,我们就不在前台页面花费太多的时间了。div + css,

2020-11-21 12:19:05 853

原创 【手把手】JavaWeb 入门级项目实战 -- 文章发布系统 (第三节)

###3.6.6 轮播图的基本实现上一节中,轮播图已经做了一大半,我今天上午抽空把剩下的代码写完了。现在就大概说一下思路吧。实现上一张和下一张的效果,基本上就是改变ul的margin-left值。为了保证无缝滚动,我们需要在5张图片的首部和尾部各加一张图片。像这样:<ul> <li class='fl'> <a href="javascript:void(0)"> <img src="5.jpg "/> </a> <

2020-11-21 12:18:33 776 2

原创 【手把手】JavaWeb 入门级项目实战 -- 文章发布系统 (第二节)

昨天给这个系列开了一个头,那么,今天继续吧。######3.4 登陆和注册按钮导航栏已经做好了,那么一般来说,在标题栏的最右边就是登陆和注册按钮。<div class='login'> <span><a href="javascript:void(0)">登陆</a></span> <span>|</span> <span><a href="javascript:void(0)">.

2020-11-21 12:09:18 689

原创 【手把手】JavaWeb 入门级项目实战 -- 文章发布系统 (第一节)

###序前一段时间有很多朋友来问我各种问题,比如java怎么学,c,c++,c#,java,还有php等等,到底学哪个好,哪个好就业?其中不乏刚毕业找不到工作的学生,我对此也是很有感触,回想当初那最最艰难的日子,我的确很了解这种焦急的心态。其实我个人感觉,编程语言都大同小异,无非是语法变一变,当然,如果你为了快速上手,我还是优先推荐java。最近琢磨着要写点东西,把基本的Java Web开发流程完整地走一遍,最后决定,干脆就写一个小小的项目实战吧。这个小项目作为一个JavaWeb的入门例子,从前台页面.

2020-11-21 12:08:22 1834

原创 第五节 关于浮动和清除浮动的解说,以及两个大坑不要踩

###1.随便唠叨几句 这一节课我会对浮动元素和怎样清除浮动相关的技术进行一个讲解,同时,我会列举一些我们前端开发中常见的坑,希望大家以后不要在这些地方犯错。在开始今天的课程之前,有一个东西我需要先讲一下,学网页,我认为最最重要的就是学布局,如果一个网页,你不去布局,学再多的div加css也无济于事,你就算学了再多的特效,又能怎么样?那么,何为布局呢?很简单,就是一句话,把元素放在你想要放的地方,这个就是布局了。对于一些后台管理系统,其实最最常见的还是table布局,包括现在很流行的前端框架

2020-11-20 19:57:28 273

原创 【手把手】制作一个简单的HTML网页

新建一个html文件:我要给body添加一些样式,就在head元素上挂载一个style元素。然后,写样式表:效果:这样的话,我们就可以看到body部分了。现在,我给body添加一点padding。页面上看不出区别,让我们打开F12,看一下现在的body变成了什么样子。示意图:从图中可以看出,body元素分为三层,最里面的一层,就是520 x 500的那部分,这个叫做内部真实空间,也就是说,你可以在里面添加其他元素,比如div元素,p元素,a元素等等。然后中间的一层就是paddin

2020-11-20 19:56:56 91335 17

原创 ICONFONT字体图标库使用

Iconfont-国内功能很强大且图标内容很丰富的矢量图标库,提供矢量图标下载、在线存储、格式转换等功能。本文我们就来一起学习一下iconfont字体图标库的使用吧。效果图:首先,搜索一下iconfont:选择第一个链接,点进去:登录进去,我这边用的是自己的github账号。登录成功后,选择我的项目,去新建一个项目:项目新建好了以后,内部还没有任何图标,接下来,我们可以类似淘宝购物一样去获取想要的图标。看到你喜欢的图标,选择添加入库!也可以直接在搜索栏进行图标的搜索!挑选

2020-11-20 19:56:23 594

原创 【H5 音乐播放实例】第六节 其他

##1.3音乐简介效果:##1.4评论框和评论按钮代码写在歌曲简介DIV的下面:<!-- 用户评论 --><div style="width: 100%; min-height: 220px; z-index: 0;margin-top: 28px;" class="commentBox" contenteditable="true"> <textarea id="commentInputBox"></textarea></div

2020-11-20 19:55:28 171

原创 【H5 音乐播放实例】第五节 音轨制作

我就不瞎比比了,直接上代码吧://获取随机颜色function randomColor(){ var r = Math.floor(Math.random()*256); var g = Math.floor(Math.random()*256); var b = Math.floor(Math.random()*256); return "rgb("+r+","+g+","+b+")";//IE7不支出rgb};window.onload = function()

2020-11-20 19:54:21 305

原创 【H5 音乐播放实例】第四节 音乐详情页制作 -音乐的播放和暂停

##音乐的播放和暂停在播放按钮的点击事件里,不能手动去设置src,这样会导致音乐的暂停无法控制。而应该直接在audio标签内把src写好。改写playMusic方法:当暂停音乐的时候,同时也要把xuanzhuan样式类去掉。##进度条效果:方法就是在mbox最后面加上一个div,作为进度条:通过控制div的width 来显示歌曲的播放进度。代码:window.onload = function(){ //给音乐播放器(audio)添加一个timeupdate时间 docu

2020-11-20 19:53:37 955

原创 【H5 音乐播放实例】第三节 音乐详情页制作(3)

接下来我们开始制作播放按钮:默认图标的颜色是黑色,而且字体很小,我们需要对这个图标进行css样式美化和绝对定位。接下来,我们给这个播放按钮添加一个点击事件,点击之后就播放一首歌曲。然后,在body区域随便添加一个audio标签,用于播放音乐。在项目根目录新建一个mp3文件夹,专门用来存放歌曲:现在编写playMusic方法,去播放01.MP3。接下来做一个音乐播放时候的旋转效果,用css3中的keyframes来做。当点击播放按钮的时候,就给当前对象(i标签)添加一个旋转

2020-11-20 19:53:10 282

flex仿微博布局实战+代码

flex仿微博布局实战+代码 HTML+CSS+FLEX

2022-03-29

博客原型.rar 好看的博客页面,带Ueditor富文本编辑器

好看的博客页面,带Ueditor富文本编辑器

2022-02-26

JavaScript实现桌面级便签系统

JavaScript实现桌面级便签系统

2022-02-26

JavaScript仿抖音案例.zip

JavaScript仿抖音案例.zip

2022-02-25

JavaScript代码实现,HTML页面实时预览.zip

JavaScript代码实现,HTML页面实时预览.zip

2022-02-25

【JavaScript】兔子抢金币发布版.zip

【JavaScript】兔子抢金币发布版.zip

2022-02-25

HTML5植物大战僵尸.zip

HTML5植物大战僵尸.zip

2022-02-25

JavaScript飞机大战项目.rar

JavaScript飞机大战项目.rar

2020-11-21

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

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