Skip to content

三年前后的前端体验 #8

@coffeexy

Description

@coffeexy

三年之前,我在小公司做电商的前端,纯html/css/js,没有框架,没有打包工具,没有静态检查。跟后端php合作,所有静态东西都写在html页面上。老板什么时候觉得文案不舒服,就得我动手去找到对应的html文件复制粘贴。

而今在网易,也是做静态首页。
主管本来说做成静态的html就可以,反正很简单。
「很简单」,是因为设计稿就4个页面。
但是其中一个设计稿有5个内容,这就意味着写静态页面需要8个html。(复制粘贴
设计说页脚的内容不确定上线之前要修改,这就意味着我修改页脚要修改8个html。(全局搜索复制粘贴
另外考虑产品对文案需求的精益求精,哪里哪里要修改我这老了的记性可不知道在哪个页面修改。
另一方面,因为项目简单,我用来熟悉网易的这套regular/nej正合适不过了。

所以在框架的基础上,我将内容独立到2个data.js文件里,模版只需要遍历渲染就可以了。修改的时候也比较统一,而且完全支持抽离出去交给运营或者产品自己修改。
对于那个5个内容的同一个页面,用路由的参数来识别当前是哪个页面。
总的来说,复制粘贴静态内容数据花了1/3的时间;写模版样式花了1/3,还有1/3时间都在nej打包上。

最后,其实网易的这套 regular/nej/puer 完全也是可以替代现在的流行的框架。至少做这样一个简单的项目来看。而且也不需要gulp什么之类。nej本身也支持图片优化和雪碧图的生成。所以还是可以修改一番的。

周五离职,在这之前优化一波吧

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions