web前端
zhanghao86_
合格的前端工程师
展开
-
找色块游戏基本实现和Bmob的数据上传的基本实现
本篇博客讲解了找色块小游戏的基本思路以及简单实现。主要是为了养成面向对象编程思想,以及游戏逻辑功能的优化代码编写。再有就是练习Bmob后端云使用添加、查找数据、用户登录注册等方法,并锻炼了api文档的阅读与学习。原创 2017-08-07 19:58:32 · 698 阅读 · 0 评论 -
css3平移、旋转、倾斜、缩放、动画效果的实现
本文实现了css3的一些动画效果,包括平移、旋转、缩放、倾斜等。还包括用户界面的一些简单效果。原创 2017-08-15 20:07:24 · 24053 阅读 · 3 评论 -
css3选择器、背景、边框、渐变、阴影以及文本效果的介绍及实现
本文主要介绍了css3的一些新特性和新样式,包括选择器、背景相关、边框相关、渐变、文字效果、阴影、换行等。内容很简单、操作也很容易、具体代码思路实现参照菜鸟教程即可。原创 2017-08-14 19:32:51 · 469 阅读 · 0 评论 -
使用swiper实现移动端小场景
本文简要介绍了使用swiper的方法,并用swiper实现了一些小场景,主要是swiper使用起来确实比较方便,样式也比较多,所以推荐给大家,有什么更好的写移动端小场景的插件或者框架,大家就多交流,多分享。原创 2017-08-21 10:05:09 · 1312 阅读 · 2 评论 -
百度地图简要功能实现
本篇博客简要实现了百度地图JavaScriptAPI中的一些功能,包括初始化地图,开启禁用地图中拖拽点击等等方法,添加控件,调用控件属性,也可自定义控件。但有一个很重要的用途,就是通过看API文档,自行学习,这个行业技术更新太快,所以我们的自主学习能力尤为重要。能够通过看API自学,对未来技术的革新,将会有很大的好处。原创 2017-08-03 21:41:51 · 1078 阅读 · 0 评论 -
bower的安装、Bootstrap的安装及简单使用
本文讲述了node环境下bower的安装以及用bower安装Bootstrap的方法的过程,也简要使用了一些Bootstrap的全局css样式和组件,更多组件在Bootstrap官网翻阅并按规定方式写便可以了。Bootstrap很强大。用起来也很很方便,简单。重点是减少了大量的代码编写,所以要着重理解记忆与使用它原创 2017-08-17 20:44:52 · 1453 阅读 · 0 评论 -
录制音视频及promise的使用
此博客主要实现了音视频的录制,利用navigator.mediaDevices.getUserMedia()获取用户的媒体设备,new一个MediaRecorder()对象,将获取到的音频流数据传入到MediaRecorder()中,再用其中的start()方法,即可实现录制的功能。promise则是一个回调回成功或失败的链式函数,语法为new Priomise().then().catch(),then()为成功的回调函数,catch()为捕获的错误。可能代码中有一些小bug,还请指正!!!原创 2017-08-02 22:22:15 · 681 阅读 · 0 评论 -
webSQL的使用
本文主要讲述了webSQL数据库的基本使用,包括创建/打开数据库,创建事务对象,对数据进行增删改查等操作。原创 2017-08-09 19:31:41 · 312 阅读 · 0 评论 -
css3弹性盒及其属性和视口的介绍
本文主要讲述css3中的弹性盒,这种弹性布局给了我们更多的选择,而不是单一的靠float来改变布局,其中的属性使用起来也比较方便,很多都是自适应宽高的。视口主要针对移动端,添加视口便不能让用户改变页面的缩放比例,和我们平常使用的app是一样的效果。原创 2017-08-16 19:56:45 · 415 阅读 · 0 评论 -
css3多列效果及css3媒体查询响应式布局的实现
本文主要讲述css3多列效果以及里面的属性,并用媒体查询模拟响应式布局。移动端响应式布局很重要。屏幕大小决定样式。原创 2017-08-16 19:49:42 · 698 阅读 · 0 评论 -
indexedDB的基本使用
本篇博客讲述了html5存储&缓存中indexedDB的基本使用,用日记本的demo练习indexedDB的创建/打开数据库,添加监听事件,创建事务对象,以及增删改查的方法。对api的文档学习也有很大帮助。原创 2017-08-08 21:00:32 · 408 阅读 · 0 评论 -
HTML5音频播放器显示歌词功能思路及实现
HTML5中做音频的标签audio,这篇文章讲解了其中一个较为重要的功能----显示歌词,就是歌曲唱的过程中,歌词随之显示。主要实现思路是利用对象属性和属性值的关系,再利用正则表达式匹配指定歌词的格式,以时间:歌词的形式返回一个对象,再利用audio中currentTime的属性传递给返回的对象,并匹配当前时间,达到显示歌词的目的。原创 2017-08-01 20:42:02 · 4767 阅读 · 4 评论 -
css3立方体的实现
这篇博客主要是运动CSS3中的一些动画,包括rorate、translate、以及定位等功能实现了两个立方体的嵌套。实现主要是需要立体感、并练习CSS3中的新特性。原创 2017-08-15 20:31:57 · 912 阅读 · 1 评论