后端动态策略的如果不添加功能的话,是没什么改的了

针对html内容

  • 减少非必要性内容,例如某些a标签的tittle、多余的class内容
  • 分离出stylesheet样式和js脚本
  • 针对搜索引擎,添加html5中<time>标签

<time pubdate="">2017-09-22</time>

  • 调整分享策略

只提供点击加载二维码,现在想要分享,用手机很方便了

针对stylesheet

  • 调整页面大小、字体的颜色、大小、间距和样式
font-family:-apple-system,SF UI Text,Arial,PingFang SC,Hiragino Sans GB,Microsoft YaHei,WenQuanYi Micro Hei,sans-serif
  • 解决移动端background尺寸问题

安卓端可以通过在元素增加height即可,但对apple不管用

  • 解决apple端background问题

直接在元素添加:before 即可解决所有现代移动端问题,例如

body:before;{content: ' ';
    position: fixed;
    z-index: -1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: url(//000.jpg) center 0 no-repeat;
    background-size: cover;}
  • 解决移动端侧边导航栏不固定问题

展开状态下直接对body添加position: fixed; 效果很好,但注意一点:

如果有元素存在white-space: pre; 这样的属性,将会出现异常,可通过display: none; 的方式解决

针对js

  • 升级instantclick到2017年版

项目地址

  • 整合js,避免instantclick的兼容问题
  • 减少不必要的js段落

更新于:2017-11-25