2018-03-14VUE做简历制作工具3

编辑技能列表

image.png
image.png
image.png

问题

image.png
image.png
这是一个字符串，不是我们想要的东西
现在来做正则匹配，是的skills[0].name变成skills.0.name
image.png
image.png
image.png
image.png
image.png
image.png

加g表示是全局替换 不仅仅是替换第一个

image.png
image.png
画内存图
image.png
result最开始存的是add88（在result=this.resume后），然后第一轮循环，存的是add1，第2轮循环存的是add201（name的地址），最后一轮，存的是name的值f，是个字符串
image.png

问题：如何自由的添加技能

image.png
image.png

添加删除，只能从第5项开始删除

image.png
image.png

接下来做项目经历这一块

image.png
image.png

跟skills一样添加“添加”和“删除”

image.png
image.png
image.png

接下来做分享功能

image.png
image.png
image.png

链接给了面试官之后，面试官打开的是空的，因为面试官没有登录，解决：面试官不需要登录，而开发者是需要根据链接里的用户id来获取数据然后给面试官看

image.png
image.png
image.png
image.png

要让登录之后，自动更新数据

image.png
image.png
要实现的功能：如果地址栏有id，不管有没有登录，那么都显示id对应的信息，如果地址栏没id，则就显示登录者的信息
image.png image.png
image.png
image.png
image.png

需求：在预览模式下把边栏隐藏掉

image.png

面试官不可以edit编辑

image.png
image.png
在预览模式下，没有添加和删除
image.png