小型移动项目笔记

Posted 五艺

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了小型移动项目笔记相关的知识,希望对你有一定的参考价值。

学习慕课网html5+css3笔记

能够独立根据设计稿进行整套项目的需求,剖析及其开发
对项目开发流程需要有一个基本的 了解
可以灵活 运用切图,重构,前端的知识对项目进行灵活的控制。

需求分析

项目主题

单页面的弹幕
欢快的 三个页面 多页视觉放在一个网页文档 采用视觉差特效完成分页展示
音乐不跟随翻页,位置固定,播放旋转,可暂停。
需求的沟通与确认。


开发技能分析

移动端项目,采用html5作为项目的结构层
分析网页呈现形式,直接采用css3完成网页的 表现层
特效分析,采用css3完成主要特效,采用javascript 控制交互
背景音乐 js 控制audio
直接采用js控制翻页


性能优化

项目为移动端项目,尽可能简化结构层标签
尽可能少用图片 尽量直接用css3控制标签完成图片
尽可能减小文件大小,压缩图片无损最小值
减少服务器请求次数,用原生js代替zepto等前端框架


切图 重构 前端 优化

减少图片文件 背景图片采用jpg格式,其他图片才采用png24透明
小新项目 ,直接 手写 html5+css3完成
采用JavaScript控制html5api 完成特效
测试并优化整体网站性能 ,服务器测试

 

以上是关于小型移动项目笔记的主要内容,如果未能解决你的问题,请参考以下文章

个性化选修——软件工程相关笔记

人月神话阅读笔记07

vueJS+ES6开发移动端APP实战项目笔记

vueJS+ES6开发移动端APP实战项目笔记

Unity3d - RPG项目学习笔记

Ruby‘s Adventrue游戏制作笔记Unity控制ruby移动