项目在线演示地址:http://rose111.applinzi.com/ github 地址:欢迎star https://github.com/midoxinxin/YueX-Music 悦心,一款音乐播放器应用.由"女立方"团队开发.眼下.较为流行的音乐播放器有QQ音乐.网易云音乐.多米音乐等. "悦心"音乐播放器的主要功能,提供音乐数据库,点击列表播放音乐,还可对歌曲进行收藏.加入专属音乐心情功能. 1.歌曲播放过程中,气泡随音乐节奏动态变化. 2.点击圆盘…
原文:基于Android开发的天气预报app(源码下载) 基于AndroidStudio环境开发的天气app -系统总体介绍:本天气app使用AndroidStudio这个IDE工具在Windows10系统下进行开发.主要实现了:1.定位城市天气显示:2.城市编辑功能(增.删.改.查)以及对应天气显示信息的改变:3.天气信息的Widget窗口显示(城市的编辑功能可以远程的更新Widget窗口信息的显示)4.下拉刷新.天气显示界面左右滑动.城市拖拽等小模块. 源码下载 不想用积分下载的留言就就好h…
因工作性质参于并开发过一些Web应用程序,前端项目框架也用了不少,比如MiniUI.ExtJS.以及定制的项目前端框架.无意中看到BUI前端框架,第一眼就被它的优雅布局所吸引.简洁的项目门户Banner,页签形式的一级导航菜单和可折叠和展开的二级功能菜单,以及多页签形式的工作区,作为一般的企业业务系统和后台管理系统真是非常的合适. 因此,这个框架我必须整合的自己代码库中.结合Asp.net MVC项目,把这个框架整合起来并作为项目框架,其他子功能采用MVC模板,下面是整合后的初步效果. 整合过程…
首先,这是个真实的案例,我大兄弟在深圳开汽修店铺,但需要系统来管理日常经营活动,这正不是我擅长的吗? 说干就干,直接后端+web端+移动端来一套,于是紧急赶工,起早摸黑,产出约3万行总量代码,此系统与工作无关, 纯属个人业余开发,所以我敢拿来任意剖析,如果有时间我就出个连载,做一些典型的技术解析.这次说下移动端开发, 考虑到适配和多端问题,还有效率原因,我选择了混合模式,即原生做壳,H5+CSS做内容展现,JS代码实现逻辑, 然后用第三方工具打包生成移动App,我们来看下懒加载模式. 准备: I…
//处理input focus时被键盘遮挡问题 inputFocus:function(){ if(/Android [4-6]/.test(navigator.appVersion)) { window.addEventListener("resize", function() { if(document.activeElement.tagName=="INPUT" || document.activeElement.tagName=="TEXTAREA…
前言: 从以前的项目中找一个问题的解决方案,顺带找到了这个安卓机型调起输入法,页面没有自动上滑导致输入框被弹起的键盘遮挡的解决方案.这个问题只有安卓机型页面中的输入框处于底部(也就是底部键盘区域)的时候才会出现,近一年的项目中很少有表单输入比较多的场景,所以一直都没碰到这种问题.现在记录下来,以后需要的时候好找些. 示例代码: 公共方法封装: //调起输入法,键盘自动上滑 function inputUp(ele){ //安卓机型,自动上滑露出输入框 var u = navigator.user…
上一篇我们完成了音乐相册里面的播放图片的功能,这一篇主要完成的是音乐相册里面的音乐播放器功能.最终让我们基于 React 的音乐相册图文并茂.有声有色. 我们主要从以下几个部分来展开: 数据准备 进度条功能 创建播放器组件 最终效果 数据准备 在src/data目录添加音乐数据文件:musicDatas.js 代码如下: export const MUSIC_LIST = [ { id: 1, title: '童话镇', artist: '陈一发儿', file: 'https://raw.gi…
笔记仓库:https://github.com/nnngu/LearningNotes 上一篇文章用爬虫自动下载了一些图片,这一篇就用这些图片做一个音乐相册吧! 效果预览 点击图片,切换到背面: 演示地址 演示地址:https://nnngu.github.io/MusicPhoto/ 环境搭建 1.安装 npm,安装成功后,在终端输入 npm -v 可以查看它的版本. 2.安装generator-react-webpack,使用如下命令: npm install -g generator-re…
基于h5的图片无刷新上传(uploadifive) uploadifive简介 了解uploadify之前,首先了解来一下什么是uploadify,uploadfy官网,uploadify和uploadifive是一家的,他们都是基于jquery的插件,都支持多文件异步上传,支持显示上传进度,不同的是uploadify基于swfUpload这一开源无刷新上传插件开发,基于flash,而uploadifive则是基于html5,不依赖于flash. 基于他们的不同点,我们可以根据自己的需求来进行选…
一.原生开发(Native App开发) 原生开发,是在Android.IOS等移动平台上利用官方提供的开发语言.开发类库.开发工具进行App开发.比如Android是利用Java.Eclipse.Android Studio:IOS是利用Objective-C和Xcode进行开发. 通俗点来讲,原生开发就像盖房子一样,先打地基然后浇地梁.房屋结构.一砖一瓦.钢筋水泥.电路走向等,都是经过精心的设计. 原生APP也一样:通过代码从每个页面.每个功能.每个效果.每个逻辑.每个步骤全部用代码写出来,…