小白第一课 - 页面渲染之坑

一. 开发工具:

  • JetBrains WebStorm 2018.1.5 x64

二. 起因:

  • 因本人第一次用Vue写前端,碰到的第一个功能就是列(tai)表(jian)展(dan)示(le),于是想起了之前前端大哥留下的真经手稿,于是找了一个相似的页面进行疯狂Copy,一顿操作猛如虎之后信心百倍的运行了项目,于是一个极(ju)美(chuo)的页面出现了!!!

三. 分析:

  • 那么问题来了,说好的数据去哪了?F12的控制台都说有数据啊?Why?

  • 于是开始了大(zi)家(ji)来找茬游戏,在经过一天的反复百度、实验发现,没毛病啊?都对啊?除了参数命名不一样,都是一样的啊?难道我碰上了别人家的代码?好像确实是别人家的代码~,这时只能去请教之前的前端大哥,(此处省略一万字…)然而结果是,都正常啊,这么写没毛病啊?

  • 此时我心里有一牧场的泥马在奔腾,没办法,打出最后的底牌 — 删代码!没办法,谁让咱菜呢~ 策略:页面只留下输出后台数据的代码,if(数据正常显示){ 开始一点一点往回粘贴样式 } else { 输出语句有问题,直到页面出现数据,再开始往回粘贴样式 }

四. 结论:

  • … 在经过一轮又一轮的删除、恢复后发现,数据出来了!!!

  • 是它,就是它惹的祸,不报错,还不给提示!!!因为当时还没写到这个功能,只顾着复制粘贴,所以不存在@click=””的方法,所以把它删除后,数据就出来了!(后来咨询前前端大哥,有可能是因为编译器不完善的问题,如果使用vscode就不会出现这种问题,至少会报错!)

五. 总结:

  • 不要忽视每一个细节,因为某个伟人说了:每个看似不重要的细节都会影响我们的成败,还有,菜就是菜,毕竟以这种方式写代码,最后成功的几率就像大海捞针。