Reed Sun

[预览](https://reedsun.github.io/Ferris-wheel/resumer/dist/index.html#/) [代码](https://github.com/ReedSun/Ferris-wheel/tree/master/resumer) SHZ 思考题：当然不行，数组是有序的，对象无序，可能会导致导航栏的顺序不是设计稿上的顺序。

[这里是效果](https://reedsun.github.io/Ferris-wheel/demo3/page.html) [这里是代码](https://github.com/ReedSun/Ferris-wheel/tree/master/demo3)

[webpack-demo](https://github.com/ReedSun/Ferris-wheel/tree/master/demo1) SHZ

完成咯 [演示](https://reedsun.github.io/Ferris-wheel/demo4/page.html) [代码仓库](https://github.com/ReedSun/Ferris-wheel/tree/master/demo4) 期待下一个任务~

 [预览页面](https://reedsun.github.io/Ferris-wheel/resumer/dist/#/) 方方老师的页面好像有一个问题，如果页面宽度太小的话，页面样式会错乱，`main`元素里面的东西会往左移动到浏览器窗口外，我在最外层元素上加了`min-width:1024px`页面就正常了。 SHZ

1. 很奇怪我没有遇到这个问题. 2. [源码](https://github.com/ReedSun/Ferris-wheel/tree/master/resumer), [预览](https://reedsun.github.io/Ferris-wheel/resumer/dist/index.html#/) 3. webpack不会重复打包多次import的重复模块，webpack 在处理依赖关系的时候，会给模块分配个 id，同一模块只会写入打包文件一次。 4. `white-space:per-line`的作用是合并空白符，但是保留换行符及自动换行。所以这样可以防止用户输入过多空白符导致我们生成的简历太奇怪。 SHZ

[预览](https://reedsun.github.io/Ferris-wheel/step5/page.html) [代码](https://github.com/ReedSun/Ferris-wheel/tree/master/step5) SHZ 完成咯