/lirangeFE

荔橙前端回顾与展望

lirangeFE

荔橙前端回顾与展望

##回顾 主要是对于以前项目开发过程中遇到的问题做一个总结; ###一.开发规范

###二.bug库 构建一个bug库 问题说明,如何解决,demo地址,添加日期,更新日期,维护者等等 例如微博应用申请一些细节问题 ###三.浏览器兼容性

###四.协作开发

##展望

主要从以下几个方面入手

###一.工具(develop tool) 工其事,必利于器

####1.版本控制(svn,git) 安装,配置,使用

####2.开发工具(EditPlus,Sublime Text) ftp,svn配置,快捷键,常用的插件介绍

####3.调试工具(google console,firefox Fierbug) 审查元素,js单步调试,样式修改等等

####4.追踪工具(tracker) 浏览器书签栏的 JavaScript 嗅探工具,协助您了解目标网页中 JavaScript 的运行情况,包括:执行覆盖率、执行行数、是否存在执行或语法错误等信息

####5.代码构建工具(grunt,flus) 对于需要反复重复的任务,例如压缩、编译、单元测试、代码检查等,自动化工具可以减轻你的劳动,简化工作。

通过学习来创建微信应用,微博应用的目录结构;例如[微信app](https://github.com/ mashuangshuang/lirangeProject) MVC开发模式

###二.深入html(html5),js(jquery,zepto),css(css3)

###三.组件(Web Components) 搭建一个平台,用来存放公共组件库,后续的项目开发中直接拿来使用; 组件包括网上开源的组件和自己开发的组件 如上传,提示,slider,编辑器,iscrolljs,touch,chart,GUM,瀑布流 等等; 后续可以继续追加;

###四.交互与动画(svg,canvas,css3,贝塞尔曲线) svg介绍,svg使用,svg场景
canvas介绍,使用,场景 css3各个属性的介绍,使用,场景

###五.设计 ps了解,切图,icon制作,移动平台尺寸尺寸

###六.性能优化以及安全

###七.博客(github) 通过github搭建一个属于自己的博客,来掌握git,markdown等知识;

###八.资源总结

###九.新的开发语言(前端模板,sass,nodejs,mongoDB)

###十.交互动效库(Mobile Experience Design) 展现形式:gif,草图(说明步骤),demo 例如MEworkshop动效库

###十一.框架(yii,bootstrap)

##结果 高质量,高效率,高合作,非常愉快的完成项目的开发;