Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

着落页与四级页项目总结 #18

Open
mominger opened this issue Aug 19, 2015 · 0 comments
Open

着落页与四级页项目总结 #18

mominger opened this issue Aug 19, 2015 · 0 comments

Comments

@mominger
Copy link
Owner

着落页项目总结
  • 业务
  • 根据宿主环境(APP,浏览器,wechat)唤醒APP,或重定向到下载页
  • 亮点
  • 针对简单页面项目,不使用任何库,原生DOM写法。划为模块用JSON对象(在util.js里可以看到)
    - 扩展DOM对象,如
``` python

    Node.prototype.toggle = function(flag){
        this.style.display=!!flag ? 'block' : 'none';
        return this;
    }
    Node.prototype.show = function(){
        this.toggle(true);
    }
```
-  定义通用工具类,如
  
  ``` python
  
  var UTIL = $U= {
      getURLParam: function(){
  ```
- 定义定制工具类,如

``` python
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,业务调试疲于奔命。
  • 反思
    • 我沟通能力有待提升。我未尽最大努力去争取领导的支持。
    • 官僚化对产品、研发人员的损害何其巨大。
  • 项目源码
  • 不提供了,太多人修改。哀伤。
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant