艾斯视觉前端开发规范前端规范-绵阳网站建设网络公司软件app微信小程序公众号前端后台开发制作艾斯视觉

艾斯视觉前端开发规范

代码外部

1. 精致感

代码体验呈现出来，特效以及一些hover细节，要给人一种精致的感受，比如一些入场特效，hover的优雅感且丰富，动效要好且柔和自然不要生硬，不得给人一种简陋廉价的感觉

2. 页面还原质量必须要高

这个是作为前端的基本素养，也是客户直观感受，能力必须要达标，页面还原无技术难度全靠细节把控如果达不到效果图样式真应该思考总结，这点不能妥协，前端还原就一个要求设计稿咋样你就咋样，认为不合理可以提出来，如果不提做出不一样就是你的问题

还原工具推荐：蓝湖https://lanhuapp.com/

注意：有时有的效果在工具上会失效或者错误，这个需要对比效果图根据经验，让设计同事提供相关参数配合调整

当自己页面写好后，将自己写好的页面用浏览器的截图软件截下来，然后在ps里，和效果图放到一起对比看下对应差别，然后比对调整，直至页面还原度达到90%以上乃至100%还原，特别是无技术难度的还原，应在100%

3. 入场动效

默认情况只播放一次，返回页面的时候不要重复播放，看多了就感觉烦了

4. 数字特效

见到有这种数字样式的，应默认加上数字滚动特效

5. 头部菜单

菜单背景默认应加上磨砂特效，当页面下拉的时候，置顶菜单应有一个适当降低高度的动效，因为小电脑屏幕高度如果不变的话，显示比例感觉占屏幕很大，就会有粗糙感

6. 首页大banner

如果效果图体现的是全屏风格的banner

pc端各个分辨率恰好是首屏的概念，把banner显示完整

比如我们这个网站首屏www.aisi365.com pc不同分辨率看都是首屏幕显示完