着落页与四级页项目总结

[mominger]

着落页项目总结

• 业务
  • 根据宿主环境(APP,浏览器，wechat)唤醒APP，或重定向到下载页

• 亮点

  • 针对简单页面项目，不使用任何库，原生DOM写法。划为模块用JSON对象（在util.js里可以看到)
  • 扩展DOM对象，如

  
      Node.prototype.toggle = function(flag){
          this.style.display=!!flag ? 'block' : 'none';
          return this;
      }
      Node.prototype.show = function(){
          this.toggle(true);
      }

  • 定义通用工具类，如

    
    var UTIL = $U= {
      getURLParam: function(){

  • 定义定制工具类，如

  SN = {
  getURLIOS:function(param){

  • viewtorem
  • 通过viewtorem工具，进行px-rem的转换。方便对高保真的还原，以及修改
• 项目源码
  • 源码下载
• 其他
  • 无

    四级页项目总结

• 业务
  • 苏宁易购M站任何商品进入的详情页
• 效果
  • 点开苏宁易购M站，任何一个商品进入。
  • 如http://m.suning.com/product/0070087691/126990494.html
• 亮点
  • 无
• 过程
  • 四级页项大概于今年3月份开始。我与项目后台合作领导就前端架构方面沟通数次。大概分为三阶段。
  • 第一阶段 我提出nodeJS全栈战略。由于产品经理只给予不到一周的开发时间。后台合作领导也谨慎地抱着否决态度，不得不放弃。
  • 第二阶段 我提出动静分离战略。 我四级页采用HTML开发。通过ajax与后台交互。此交互有两大缺陷：1，性能会低于后台模板渲染 2，失去SEO。 第2点我提出的解决方案是，同步提供一套采集页，供SEO采集。第1点，考虑到如果采用Java freemark后台主导来开发，会更糟糕，两害取其轻，我自信也可以处理好。然而产品经理仍然不愿增加时间。理由是: 发布时间点是上面BOSS定的，不可以改。不得不放弃。
  • 最后，采用JAVA FreeMark模板渲染。我提供静态页。辅助后台JS业务处理。我与3-8名后台JAVA人员对接。整天为bug，业务调试疲于奔命。
• 反思
  • 我沟通能力有待提升。我未尽最大努力去争取领导的支持。
  • 官僚化对产品、研发人员的损害何其巨大。
• 项目源码
  • 不提供了，太多人修改。哀伤。