本周总结

Author Avatar
Peipei Wong 7月 28, 2017
  • 在其它设备中阅读本文章

收获一

turbolinks是一款将网站变成spa的一个插件,看到文档的的某些地方和ionic有些许相似之处,于是就将之前做webApp的疑问提了出来:打开页面刚开始进的页面是主页还是登录页?经过讨论后,👉是主页;为App添加一个拦截器,对于用户登录后才能使用的页面,进入时,首先在拦截器中判断有无用户登录…另外,两者之间还有相同的一点:都会提前缓存页面。之前做app的时候,添加了拦截器,因为app首先打开进入主页(这时候开始缓存和主页相关的页面),判断用户未登录,会重定向到用户登录页,这时候就会发生页面的闪烁,关于这个问题我没有查😶,我很暴力的加了一个spash….
另外,关于支付宝账单页,数据是如何传递,数据格式如何设计,尝试去爬数据也没看到数据长什么样子的😑,于是目前的想到的方法是,👉后端每次去数据库取count条数据,在按照日期分组后,传到前端;前端的处理方式是:判断得到的第一个月数据与本地现有的最后一个月的数据时候是同年同月,如果是就concat第一个月的数据,剩下的数据直接push。

收获二

在将加载更多全都迁移至react的过程中,我在大哥的基础上,比这葫芦画瓢,完成了页面的重构…但是现在有一个问题是:假如全用react去渲染,那么爬虫就爬不到数据,于是采用的方式是:render的时候,会在页面上先渲染一部分数据,剩下的就交给react来做;但是apollo目前提供的解决方案是:假如你将数据渲染到页面上时,会先查找cache中有没有数据,如果有就将数据渲染到页面上;否则发出网络请求。这意味着,只要我将插件渲染到页面上,就会发出网络请求,这一条网络请求是不需要的。因为用户可能不会浏览很多数据,于是想到的办法是:👉等用户去点击加载更多的时候,再去发送网络请求。查找apollo的文档,能想到的办法是:👉预先向cache中写去空数据,这样渲染时,在cache中找到数据,就不发送请求了,但是我不知如何写入数据😖,这是一个预留问题😞很忧伤的一个问题…待续…

收获三

知道了reduce这个优雅的方法,promise也提供了这个方法….

收获四

在还原原型图时,更多的时间应该花费在如何设计HTML的结构上,再接下来再写css,最后再写js。这次做的时候,本来是设计好了还能符合要求的HTML结构,结果在写css的时候,发现现在的HTML不能达到预期,于是开始设计调整HTML,幸亏样式使用scss写的😉…还有一个,我看到排排站的元素,首先想到的不是ul>li,而是直接用a标签去尝试解决…

收获五

再看文档的时候,看到了一个新的名词:Vanilla JS;用Google translate翻译了叫奶味js😀,于是就去查它到底是何方神圣,原来它的另一个名字叫做javascript😅

收获六

因为sublimen并没有完整配置,push上去的代码就跑不过测试。这次找到了eslint检测js的package,叫做SublimeLinter-contrib-eslingt,代码不通过有红色标识…