美文网首页web前端教室让前端飞Web前端之路
定位+思路+方法,三步教你快速敲定前端JS结构

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

作者: 我是老尚 | 来源:发表于2017-05-20 08:38 被阅读168次

    闲话少说,

    --定位

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

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

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

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

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

    --接下来是思路

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

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

    --然后是方法

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

    相关文章

      网友评论

      • 扬沙沙:老尚,在简书
        我是老尚:@扬沙沙 你好,我是老尚,我新建了一个web前端微信讨论群,加我微信号:blazeloulan,拉你入群。加我时,请注明:“加群”,谢谢
      • 往事我都感谢o:我是一个前端新人,您所说的技术我还没有涉及到。感谢我能在这个软件中认识您。:pray:

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

      本文链接:https://www.haomeiwen.com/subject/ywwuxxtx.html