小呆导航v2.0版本开发日记 - 2018/4/5
现在时间是2018年4月5日凌晨2点43分,距离小呆导航v2.0版本(也就是上图那个)发布时间刚好剩余一个月,即5月5号。
4月5日清明节,今天对于我来说是一个有点自责又有点值得庆祝的日子。
自责的原因是清明节三天假期,我为了忙碌开发小呆导航v2.0版本选择了不回家祭祖,在离家500多公里的广州依然为小呆导航v2.0版本忙碌着。相比往年,今年的清明节要比以往更加重要,因为今年是我爷爷去世的第一个年头,家里的子女都要回家祭拜爷爷,今年清明节不回家难免会受到家里人的不理解的指责。但是考虑到了塞车的情况,来回至少需要一天的时间,所以才作出了不回家的决定,同时也跟父母说明了不回家的原因。
也许今天有点不太合适,上面所提到的“值得庆祝的日子”,是因为我一直期待的功能(自定义功能)终于在今天写完了。从最开始制作小呆导航的时候我就想开发这个“自定义功能”功能,但是由于时间和能力的关系一直做,而且小呆导航第一个版本上线之后网站就基本没有管理过,所以这个功能成了心里的一块石头。
4月3日下班晚上9点多回到宿舍后,由于网络延迟的原因,没有办法正常上传内容,于是就干脆在本地环境尝试开发“自定义模式”这个功能。作为一个自学前端两个多月就出来找工作,且日常工作几乎不接触代码的人来说,他的js水平有多差!js要是学的好也不至于拖到第二个版本才推出这个功能,所以对于我来说,用js写这样一个自定义功能是一个极具挑战性的事情。
不会写咋办?网上找案例啊!
但是跟你一样的案例人家没有放到网上啊,网友只是说实现这个功能可以用cookie或浏览器本地缓存呀!
要不做伸手党咋样?
怕被喷啊!
那就先不搞了吧?
不行啊,都第二个版本了还不更新点实用功能啊?
那实在不行就自己边补充知识边写咯?
于是,就是确定好了该功能使用浏览器本地缓存(localStorage)实现,由于js学的很烂,对localStorage又是一点的不认识,只能一点一点去网上查阅资料!
localStorage如何储存多条信息?
localStorage如何储存数组?
如何读取localStorage的值?
如何遍历localStorage?
..........
就这样一点一点知识地去搜,然后从4月3日9点多到4月5日2点多(除去吃饭睡觉时间)历经一步步拼凑+调试之后,终于更新到服务器上去了,也就是说这个等了一年多时间的功能总算是实现了!虽然操作方式low了点,但是至少达到了想要的效果~
为自己不懈努力的精神点赞!