web前端教室让前端飞Web前端之路

定位+思路+方法,三步教你快速敲定前端JS结构

2017-05-20  本文已影响168人  我是老尚

闲话少说,

--定位

就是说你现在要写的是什么东西?是一个页面?还是一个组件?还是一个function方法?不同的东西它的定位不同,结构就不同。

如果是页面,那么要从前端构建的角度来考虑;接下来,前端构建你要如何选择?是webpack、gulp还是browerify+npm?这些都是你要考虑的。

如果是组件,那你要考虑它在不同环境,不同页面上被加载的情况。你把它设计为一个通用各端的组件?还是一个PC组件?它可以全屏还是只能占用页面上的一小块空间?

如果是一个fn方法,那你要考虑它会如何被加载,以及加载的方式。它需要有哪些方法?哪些参数?哪些类型?有没有默认defaultConfig?如果传参错误你要如何报错?它如何返回数据?是在.js文件中一个方法?还是以一个.js文件的形式存在?

上面这几段话,说的就是定位。你把分配给你的任务定性为什么?就决定了你要如何着手去做。

--接下来是思路

定位有了,思路就好搞了,无非是分析、拆分需求罢了,然后根据不同的业务需求场景,设计不同的模块,说白了就是业务划分,哪几块算一堆。。。然后数据在这些模块之间穿梭。

要时刻把握一个念头,“我们操作的是数据,而不是DOM。数据一但改变,DOM就要跟着改变”。

--然后是方法

方法,就是定位 + 思路的具体化。定位是方向,思路是分哪几步走,方法就是每一步具体做什么。到这一步就基本上开始JS代码的具体实现了,给大家放上一段今晚先行者视频的片断,大家感受一下,

上一篇下一篇

猜你喜欢

热点阅读