刘华佼的全栈学习记录

5-29 JD-STORE大赛实作第七天 & 线下meetup & 优化建议点 & 美化产品陈列和购物车页面

| Comments

“最后一公里”小密圈5/29践行打卡的扩展篇:

行动

  • 继续线下meetup;继续按照参赛策略行动,比如:
    • 将别人提建议的地方,置顶优先修改;
    • 美化了产品陈列页面和购物车页面(这是我感觉困难的部分);
    • 当然还有一些拉票行动啦。

行动背后的观点

  • 学习是一种社交;
  • 人多力量大,应该在团队协作时完成个人感觉最困难的部分;
  • 拉票策略(都是全栈营直播里讲过哒);

结果

  • 产品陈列页面和购物车页面美化完成,
  • 别人的建议(如思字用图片代替,使用扁平化图片之类)已修改完成;
  • 排名上升,网站迭代后视觉效果提升。

ipic上传不了图片

首页图片引用采用的是链接方式,链接由ipic上传本地图片产生;我修改图片修改了好几次,后面用ipic就上传不了图片了,一直显示pending。可能ipic有限制:一天只能上传多少张。于是只好请队友帮忙上传;

为什么图片修改了好几次呢?

第一次修改是想换成那种扁平化图片(姑且这么称呼吧,不知道对不对),结果有一张图片的大小在网站上显示与另外两个不一样;

接着去网上找扁平化图标,替换成方形的扁平化图标,拜托队友上传图片,获得链接地址,显示效果不好看;

于是又换回第一次改的图片,对每个图片的大小做了处理改为293*163;拜托队友上传图片,获得链接地址,结果发现全屏时,图片和后面的文字没有对齐!

准备彻底换回原来的不改了,不死心仔细看了下,发现没有对齐的原因是:293*163是我在浏览器宽度缩小后量取的size;全屏时图片是360*200!

于是又修改图片尺寸,重新拜托队友上传。这下总算搞定了。

环境风险

队友在帮我上传图片时,电脑的电量只剩下5%了,所幸在电脑彻底歇菜之前,把图片都上传了,获得了链接。

下午在获取图片链接的问题上花费了较长时间,产生不必要的时间浪费,需要关注。

经验教训

图片问题的根源在于引用图片使用链接方式,而我们使用ipic获取图片链接。它暴露了借助ipic生成图片链接风险较高,在关键时刻容易掉链子,所以下次不应该再继续使用这种方式了。

图片问题暴露的另一个陷阱是,我是在浏览器缩小的窗口查看和获取元素参数,导致了最后一次错误的修改和不必要的时间浪费。所以下次要全屏查看,获取元素参数。




  • 如果想看我们的作品,请点击思想便当
  • 如果觉得我们的作品还不错,欢迎给我们作品投上你宝贵的一票哟!

Comments

comments powered by Disqus