自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(13)
  • 收藏
  • 关注

原创 css3平移、旋转、倾斜、缩放、动画效果的实现

本文实现了css3的一些动画效果,包括平移、旋转、缩放、倾斜等。还包括用户界面的一些简单效果。

2017-08-15 20:07:24 24052 3

原创 使用swiper实现移动端小场景

本文简要介绍了使用swiper的方法,并用swiper实现了一些小场景,主要是swiper使用起来确实比较方便,样式也比较多,所以推荐给大家,有什么更好的写移动端小场景的插件或者框架,大家就多交流,多分享。

2017-08-21 10:05:09 1310 2

原创 bower的安装、Bootstrap的安装及简单使用

本文讲述了node环境下bower的安装以及用bower安装Bootstrap的方法的过程,也简要使用了一些Bootstrap的全局css样式和组件,更多组件在Bootstrap官网翻阅并按规定方式写便可以了。Bootstrap很强大。用起来也很很方便,简单。重点是减少了大量的代码编写,所以要着重理解记忆与使用它

2017-08-17 20:44:52 1449

原创 css3弹性盒及其属性和视口的介绍

本文主要讲述css3中的弹性盒,这种弹性布局给了我们更多的选择,而不是单一的靠float来改变布局,其中的属性使用起来也比较方便,很多都是自适应宽高的。视口主要针对移动端,添加视口便不能让用户改变页面的缩放比例,和我们平常使用的app是一样的效果。

2017-08-16 19:56:45 414

原创 css3多列效果及css3媒体查询响应式布局的实现

本文主要讲述css3多列效果以及里面的属性,并用媒体查询模拟响应式布局。移动端响应式布局很重要。屏幕大小决定样式。

2017-08-16 19:49:42 694

原创 css3立方体的实现

这篇博客主要是运动CSS3中的一些动画,包括rorate、translate、以及定位等功能实现了两个立方体的嵌套。实现主要是需要立体感、并练习CSS3中的新特性。

2017-08-15 20:31:57 910 1

原创 css3选择器、背景、边框、渐变、阴影以及文本效果的介绍及实现

本文主要介绍了css3的一些新特性和新样式,包括选择器、背景相关、边框相关、渐变、文字效果、阴影、换行等。内容很简单、操作也很容易、具体代码思路实现参照菜鸟教程即可。

2017-08-14 19:32:51 468

原创 webSQL的使用

本文主要讲述了webSQL数据库的基本使用,包括创建/打开数据库,创建事务对象,对数据进行增删改查等操作。

2017-08-09 19:31:41 312

原创 indexedDB的基本使用

本篇博客讲述了html5存储&缓存中indexedDB的基本使用,用日记本的demo练习indexedDB的创建/打开数据库,添加监听事件,创建事务对象,以及增删改查的方法。对api的文档学习也有很大帮助。

2017-08-08 21:00:32 408

原创 找色块游戏基本实现和Bmob的数据上传的基本实现

本篇博客讲解了找色块小游戏的基本思路以及简单实现。主要是为了养成面向对象编程思想,以及游戏逻辑功能的优化代码编写。再有就是练习Bmob后端云使用添加、查找数据、用户登录注册等方法,并锻炼了api文档的阅读与学习。

2017-08-07 19:58:32 698

原创 百度地图简要功能实现

本篇博客简要实现了百度地图JavaScriptAPI中的一些功能,包括初始化地图,开启禁用地图中拖拽点击等等方法,添加控件,调用控件属性,也可自定义控件。但有一个很重要的用途,就是通过看API文档,自行学习,这个行业技术更新太快,所以我们的自主学习能力尤为重要。能够通过看API自学,对未来技术的革新,将会有很大的好处。

2017-08-03 21:41:51 1078

原创 录制音视频及promise的使用

此博客主要实现了音视频的录制,利用navigator.mediaDevices.getUserMedia()获取用户的媒体设备,new一个MediaRecorder()对象,将获取到的音频流数据传入到MediaRecorder()中,再用其中的start()方法,即可实现录制的功能。promise则是一个回调回成功或失败的链式函数,语法为new Priomise().then().catch(),then()为成功的回调函数,catch()为捕获的错误。可能代码中有一些小bug,还请指正!!!

2017-08-02 22:22:15 681

原创 HTML5音频播放器显示歌词功能思路及实现

HTML5中做音频的标签audio,这篇文章讲解了其中一个较为重要的功能----显示歌词,就是歌曲唱的过程中,歌词随之显示。主要实现思路是利用对象属性和属性值的关系,再利用正则表达式匹配指定歌词的格式,以时间:歌词的形式返回一个对象,再利用audio中currentTime的属性传递给返回的对象,并匹配当前时间,达到显示歌词的目的。

2017-08-01 20:42:02 4757 4

空空如也

空空如也

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

TA关注的人

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