项目--全页面静态化

全页面静态化

html，css,js静态资源cdn化

js ajax动态请求cdn化

全页面静态化

---

定义：在服务端完成html，css，甚至js的load渲染成纯html文件后直接以静态资源的方式部署到cdn上

phantomjs

无头浏览器，可以借助其模拟webkit js的执行

phantomjs应用

 

• 修改需要全页面静态化的实现，采用initView和hasInit方式

<input type="hidden" id="isInit"value="0"/>

function hasInit(){
    var isInit =$("#isInit").val()；
    return isInit;
}


function setHasInit(){

     $("#isInit").val("1");

}

 

。。。。。之后设置setHashInt();

 

 

• 防止多次初始化
  • 设置变量，当第二次打开时 不执行ajax。
• 编写对应轮讯生成内容方式
• 将全静态化页面生成后推送到cdn