1.需求评估:由产品经理,研发工程师
2.文档编写:
3.创建数据库
4.规定开发规范
5.前后端分离开发
6.撸代码
7.自测
8.WIKI更新
9.功能提测
10.上线
给产品经理, 拿到项目 生成需求文档
评审进行需求审核,如果不通过就不做,靠谱就进行,
需求文档给前端组老大, 前端组老大给个工作周期的估期,
自己也前端组老大协商工作周期
并行后端同理 估计。
协调前后端,定前后端一起开发周期,
正式进行开发流程, 前端找后端定接口,(接口格式)
前端模拟接口数据,自己开发,后端写接口。
前后端开发完成 进行联调
联调成功 提交测试人员进行测试,
测试BUG,反馈前后端,改BUG
提交测试,验证BUG是否处理
上线,线上测试。
项目开发过程
demo期:项目的雏形(核心功能实现 / ui不美观 / bug)/路演
优化期:改bug/需求/页面
上线
迭代期:该页面/需求/版本迭代/添加活动
前台:
用户使用,通过ajax获取数据,渲染界面
后台:
工作人员使用,通过Ajax接口将数据添加到数据库
api
后台的开发者来实现
必备:
1.api接口 / 数据
2.需求 / 功能需求
3.ui设计图 / 样子
sass、less和stylus的区别
CSS预处理器是一种语言,用来增加一些编程的特性,无需考虑浏览器的兼容性问题,例如,我们可以在CSS中使用变量,简单的程序逻辑、函数等在编程语言中的一些技巧,可以让CSS更加简洁,适应性强,代码更加直观等好处
区别:扩展名不同:Sass是使用.scss作为扩展名,Less是.less ,stylus是.styl
变量:Sass变量必须是以开头 ,
Less是以@开头,
stylus对变量没有任何设定,可以是开头,而且与变量之间可以用冒号,空格隔开,是在stylus中不能用@开头
嵌套: Sass和Less是以花括号的形式,
Stylus可以和他们一样,也可以缩进,可以不需要冒号分号 ,以空格隔开
less底层是js进行编译的
sass底层是ruby进行编译的 (node-sass sass-loader)
命名空间可以避免一些冲突问题的产生:
.home{
.home-header{}
.home-content{}
}
<style lang="scss" scoped></style>
开发项目流程
产品立项
产品原型
项目开发
项目测试
项目上线
产品立项
客户的需求分析
整理需求文档
项目成立会
产品原型
设计产品原型图
UI设计--PS/AI工具
项目需求分析
项目周期评估
项目责任划分
前端
静态页面制作
前端框架选择
前端页面架构
后端
数据库开发
API接口文档
API接口实现
开发测试
单元测试
E2E测试
灰度测试
功能测试
压力测试
服务器测试
用例测试
线上测试
指定群体测试
反馈收集
版本迭代
项目上线
打包前端模块
远程服务器部署
监控异常
多人协作开发
初始化项目
静态布局demo
数据接口api
vue脚手架搭建
创建远程仓库
划分组件与页面
components(header.tabber等等)
views(公共页面)
数据对接
反向代理
axios
数据渲染
优化性能
模块开发
(city/search/detail/定位/滚动优化/loading)
项目部署
阿里云服务器
nginx
pm2
后端开发
node.js
express
mongodb
拥护接口
login/register/logoout/verify
邮箱验证
nodemailer模块
开启smtp:simple message transfer protocol 简单邮件传输协议
关于喵喵电影
http://www.h5yjy.com
http://39.97.33.178
正在热映
http://39.97.33.178/api/movieOnInfoList?cityId=10
即将上映
http://39.97.33.178/api/movieComingList?cityId=10
搜索
http://39.97.33.178/api/searchList?cityId=10&kw=a
城市
http://39.97.33.178/api/cityList
电影详情
http://39.97.33.178/api/detailmovie?movieId=345808
影院
http://39.97.33.178/api/cinemaList?cityId=10
城市定位
http://39.97.33.178/api/getLocation
对前端界面工程师这个职位是怎么样理解的?它的前景会怎么样?
前端是最贴近用户的程序员,比后端、数据库、产品经理、运营、安全都近。
1、实现界面交互
2、提升用户体验
3、有了Node.js,前端可以实现服务端的一些事情
前端是最贴近用户的程序员,前端的能力就是能让产品从 90分进化到 100 分,甚至更好,
参与项目,快速高质量完成实现效果图,精确到1px;
与团队成员,UI设计,产品经理的沟通;
做好的页面结构,页面重构和用户体验;
处理hack,兼容、写出优美的代码格式;
针对服务器的优化、拥抱最新前端技术。