一 win7操作系统与win10操作系统

　　截至到2019年9月20日，微软发布消息称win10操作系统市场占有率突破百分之50%;

　　Win7市场占有率为38%，在中小企业中占比则达到47%，虽从数据上看win7占有率与win10差距不大，但须注意的是，从2020年1月14日开始，微软将不再对Windows 7系统进行支持，这意味着在此之后，Windows 7系统用户将不会再得到微软的更新补丁、安全更新等服务，从而使用户的电脑处于易受安全威胁状态。win10已然成为主流浏览器。

　　二 前端代码兼容性

　　1. flex弹性布局

　　2009年，W3C 提出了一种新的方案----Flex 布局，可以简便、完整、响应式地实现各种页面布局。目前，它已经得到了所有浏览器的支持，这意味着，现在就能很安全地使用这项功能。

　　Flex优点在于当推拽浏览器窗口时，页面布局会跟随浏览器窗口大小进行自适应改变，能适应市面上绝大多数终端的屏幕尺寸;如果向下兼容低版本的话，就需要采用float布局，无法使用flex弹性布局，虽然页面勉强可以正常展示，但是拖拽浏览器时，页面会出现横向滚动条，无法适应平板等其他屏幕分辨率，不能进行自适应的大小改变，只能实现极少数固定尺寸大小的屏幕，会出现部分动画无法正常显示，少数可以用CSS+JS实现的动画代码量会成倍增加，代码量会增加导致页面加载速度变慢。

　　缺点在于flex布局无法兼容ie9及其以下。

　　2. swiper

　　Swiper 是一款免费以及轻量级的移动设备触控滑块的js框架，使用硬件加速过渡(如果该设备支持的话)。可以实现例如页面中的一些轮播图效果

　　Swiper版本现以更新到了swiper5，swiper5兼容性可以兼容移动端浏览器、部分PC端浏览器、IE10+。

　　Swiper官方说明，如需在PC上兼容更多的浏览器，可以选择Swiper2.x，但swiper2相对于swiper5对比，swiper5效果更加强大，并且现在swiper2已停止维护。

　　3. 兼容性

　　Flex布局和swiper5兼容性都只能兼容ie10+，而win7浏览器默认ie内核为ie8，这就导致使用flex布局与swiper5的页面在ie9内核及其以下的浏览器上现实效果不理想，并且360安全浏览器上的兼容模式使用的是当前电脑系统上ie浏览器默认内核，也就是如果在win7电脑上打开360兼容模式浏览网站，结果会导致页面展示不理想。