网站开发总结

一、个人感想

汲美是一个PC端的网站，总体难度不算太大，但要做到炫酷可能比较需要熟悉css和js的用法了，我也在尝试着做更多的动效，可以让用户有更加惊喜的体验，并且相信我们做的网站产品。

二、开发难题

（1）首先遇到的难题就是手风琴的实现，我直接在网上找demo，改了自己的样式，就实现了这个功能。
（2）目前遇到最难的问题，页面的两个元素分别触发不同的选项卡效果，难度在于我对于jQuery的熟练度不够，对jQuery中的方法使用的不多，所以也比较限制自己的发挥。
（3）animate动画是我这次学到的东西，这个可以做一些很有趣的动态效果。这里我用了渐入渐出的动态效果。不过，还是不太符合我想要的效果。我想要的是可以从上到下的衔接，以及右上角的列表菜单可以有渐入渐出的效果呈现。
（4）基于屏幕尺寸进行开发需要使用到绝对定位，以及calc()计算属性。在布局之前，要确定是否需要做到根据屏幕大小来实现网站是否滚动页面的效果。做到这样的体验才是更符合客户需求的。
（5）页面内锚点可以通过a链接的id实现，页面使用href="xxx.html#id"跨页面跳转好像撤回出错？（分html和vue吧？）

三、开发注意事项

（1）确定需求文档、拿到设计稿的UI图。
（2）确认哪一部分作为组件进行开发。在前期就要做好这个方面，同时可以使用load()函数来实现原生界面开发的组件效果。
（3）IE浏览器不兼容es6语法，所以可以使用es5。
（4）IE浏览器不兼容flex布局，需要单独写一套js以及样式给IE作为兼容。