网络异常，图片无法展示
|
前言
半个月前，我写了一篇文章如何书写一份好的互联网校招简历，目的是帮助即将开始投递校招的同学更好的完善自己的简历
在文章中也立下了一个Flag
网络异常，图片无法展示
|
看了一下Github的 commit记录，截止目前大概花了一周的时间，把心中所设想的方案做了出来，也许不完美，但我想应该也能帮助到部分同学
好东西当然展示三遍，O(∩_∩)O~~
对模板样式(颜色，排版)不满意的，懂前端魔法的同学可以clone仓库,施展一下自己的魔法美化
对项目感兴趣的同学也欢迎贡献一下自己喜欢的简历模板（代码），理论上不限制开发技术栈，当然也欢迎提issues或者建议
本文主要讲一下此项目的设计思路，技术方案以及遇到的一些问题与解决思路（用了不少hack技巧）,还有后续的规划
项目设计
布局
网络异常，图片无法展示
|
整个应用的基本页面结构
<body> <header> <!-- 导航 --> <nav></nav> </header> <div> <!-- 展示简历 --> <iframe></iframe> <!-- 控制区域 --> <div></div> </div> </body>
可能有朋友在这里会疑惑为什么要用iframe？
这里先给大家简单介绍一下，后面在讲技术方案的时候会给大家解释
在我的设想中简历部分只有展示逻辑，可以看作是一个独立的纯静态页面
既然是只做展示，那么无论什么前端魔法都可以做这个工作，于是为了方便各种魔法师施法，就把这一块独立了出来，简历模板贡献者也只需要关心自己如何复原一个静态页面就行，其余的交互逻辑都交给父页面统一处理
技术选型
网络异常，图片无法展示
|
Vanilla JS——世界上最轻量的JavaScript框架（没有之一） ---- 原生js
整个应用的主体部分采用原生js实现
简历展示部分理论上可以采用任意前端技术栈实现，与父页面低耦合
通信
网络异常，图片无法展示
|
- 通过导航栏切换各种简历模板
- 简历上的改动自动同步到控制区域中的页面描述信息
- 控制区域中改动页面描述信息，简历内容实时更新
描述简历
网络异常，图片无法展示
|
- 使用json 对简历的结构与内容进行描述
- 一个模板对应一个json
页面描述信息展示
网络异常，图片无法展示
|
- 使用JSON描述简历上的各种信息
- 提供一个JSON编辑器
- 这里json编辑器采用 jsoneditor
数据存取
网络异常，图片无法展示
|
- 整个数据流是单向的，外部负责更新，内部（简历展示部分）只负责读取
- 数据存放在本地，因此不担心个人信息泄露
- 这里采用
localStorage
第一版效果
网络异常，图片无法展示
|
网络异常，图片无法展示
|
下面就介绍项目实现的关键部分内容
