欢迎您光临深圳塔灯网络科技有限公司!
电话图标 余先生:13699882642

网站百科

为您解码网站建设的点点滴滴

从 0 到 1 的 WEB 前端项目(二)

发表日期:2018-03 文章编辑:小灯 浏览次数:1088

没有需求就没有项目

上篇说到搭好环境跑出一个实例出来,然后怎么开发呢?
开发离不开需求;从技术上来说就是书写** javascript,css,html,运用各类框架库**。最后跑起来的实例要能满足需求,产品经理,客户。。。
开发的过程就是以上的一个重复。
一场互相追逐的游戏。没有止境。

我们的需求是什么

这个项目又不做产品,纯粹只是好玩。能有什么需求。
可是没有需求,项目也就只能跑出一个实例,然后就结束了。
显然,好玩也是一种需求,要做到多好玩,我们得知道用户觉得什么样的是好玩的,这里的用户是我们自己,这就好办了,节省了一道沟通流程。
另外,学习也是一种需求,做这个项目是为了让我们更加熟悉 WEB前端。
总结来说,需求明确为

  • 好玩 随意
  • 学习 结合知识点
  • 用户是自己 好看

追逐需求的过程是一个不断提炼的过程。不想太难受就把它当作一个追梦的过程吧!

需求最好明确到每一个功能块,便于编码时只需要专注于撸码就行了
剩下的就是需求文档的撰写;技术选型;明确各个页面;各个功能模块;拿出排期表;跟着排期走;测试,fixBug,改需求.......

为求方便,仅弄个结构图,跟着结构图开发凑合。(这种凑合是不可取的)
结构图

结构图.png


我们要使用哪些技术

  • 技术的选用是基于需求来的
    需求是常变的;人的精力确是一定且有限的。
    我们的项目需求很随意,那么技术选型也就随着性子来。
    跑的起来,看的过去,简单,方便,快速构建!
    选用的技术分两种:1.只在开发过程中使用 2.会在最后的线上环境中使用。
    归根结底都是为了快速有效的开发。

vue+router+vuex+element-UI+axios+mock

  • 基础框架
    Vue,Angular,React
    类似与从蒸汽时代跨到电气时代。

  • UI框架
    element-UI
    提供已经封装好的UI组件,直接copy,组装页面即可。问题在于,要获得不一般的样式,需要深入学习该UI。

  • 工具库
    vue-cli:提供一个开箱即用的开发工厂;提供各种开发便利。
    mock: 提供数据接口供测试使用,方便简单。
    normalize.css: 统一各平台的默认浏览器样式

  • 语言
    js,html,css,sass


开始之前

开始之前我们需要有一个个人技能树的概览。


图片.png
  • 满足基本的技能树能让我们完成项目。
    技能树的分值越高,开发的就越快,技能熟练度稳定增长。
    相反,分值越低,开发就越缓慢,挫败感就越强,越容易半途而废,但是,只要坚持,技能分值就会十分快速的增长,这个成长过程是痛苦且有趣的。
    以上的基础在于 毅力+学习能力。大家的技能分都是从0开始增长的。
    另外容易被忽视的一点就是交流,交流能提供给我们力量。
    • 基础
      熟悉到精通
      javascript,css,html
      基础就是最少要全部在脑子里过一遍;同时如同愚公移山一样用时间一点点的全部掌握
    • nodejs
      了解
      开发后端,nodejs也是属于基础一员。在前端属于一个依赖环境。
      看过介绍。会查文档
    • npm,git,webpack
      熟练
      工具要看过文档,在实践中熟练应用
    • 各类框架库
      了解
      随用随查
      对应用中的库要了解整体
      对于准备掌握的框架库就需要深入学习实践了

-end


本页内容由塔灯网络科技有限公司通过网络收集编辑所得,所有资料仅供用户学习参考,本站不拥有所有权,如您认为本网页中由涉嫌抄袭的内容,请及时与我们联系,并提供相关证据,工作人员会在5工作日内联系您,一经查实,本站立刻删除侵权内容。本文链接:http://www.dengtar.com/16532.html
相关前端设计
 八年  行业经验

多一份参考,总有益处

联系深圳网站公司塔灯网络,免费获得网站建设方案及报价

咨询相关问题或预约面谈,可以通过以下方式与我们联系

业务热线:余经理:13699882642

Copyright ? 2013-2018 Tadeng NetWork Technology Co., LTD. All Rights Reserved.