已归档


  • title: API与NEI定义规范
    date: 2017-05-15

    API规范

    API规范包括路径命名规范、请求方式规范,请求参数规范、返回数据规范与特殊结构规范五部分;

    路径命名规范

    路径的定义主要考虑以下因素:

    1. 为了方便快速定位前端文件,目前供应链前端组的页面文件路径是与url的路径完全对应的,如果url中存在变量id,则这种关联就无法实现;所以不建议使用restful的路径命名方式;

    2. 一般情况下,路径深度不超过3层,理想情况下都定义三层,如/quotation/manage/list,如果工程所有接口前都以/api或者/backend等开头,则从第二层开始计数,不超过


  • title: art-template学习笔记

    date: 2017-06-12

    by: [kaola]luzhongfang


    art-template是一个性能卓越的javascript模板引擎。除了高性能之外,Ta的语法简洁易懂、支持基础的js语法、能满足绝大多数的使用场景,而且其出色的调试功能,编写模板再无后顾之忧,能在模板中定位语法错误。在前后端分离方案中,几经对比,最后选用了art-template这个前后端通用的轻量的模板。

    选用模板的几大原则

    • 性能;毕竟是要用在实际项目中的,性能差的,必弃之;
    • 语法功能方面:
      • 基本的条件表达式、循环遍历等功能,是必备的;
      • 模板嵌套,i

  • title: Foxman, 基于微核架构的 Mock 解决方案
    date: 2017-05-26

    Foxman ⇗ 是一个使用 Node.js 开发的命令行工具,定位是一个可扩展的 Mock Server,帮助前端开发者轻松、独立、高效地完成前端开发和联调工作。

    他不是一款静态文件响应工具, 假如你只需要一款轻量的 Node.js 开发服务器,推荐你使用 puer ⇗ 或 webpack-dev-server ⇗。

    github 地址: https://github.com/kaola-fed/foxman

    背景

    作为前端开发的我们,在实际的开发场景中会遇到以下问题:

    1. 环境:进

  • 何以模块化

    最早的前端,没有模块加载规范,
    只能在HTML中通过<script>来引入js文件,同时无法区分函数来源于哪个js文件,而且要用过多全局变量。
    而随着前端工程复杂度的提升,使用这种方式已经无法满足日益增长的开发需求,js的模块化应运而生。

    CommonJS 是属于 Node.js 的模块化方案,最早是叫 ServerJS,随着 Node.js 的火爆发展而成名的。Module1.0 规范在 Node.js 上实践的很好。

    而 JavaScript 在当时(ES6 Modules 规范还未诞生)是没有模块化方案的,所以又更名从 CommonJS,想要统一服务端与客户端


  • title: 实践中的前后端分离
    date: 2017-05-11 23:07:48

    相信前后端分离这个词,早已流传甚广,大家一些自己的理解,但可能有些人的观点有稍许偏差:我们要搞 SPA,全AJAX,那才是前后端分离了。

    什么是前后端分离

    我们来聊聊什么是前后端分离。

    先来看一张WEB系统前后端架构模型图。

    WEB系统前后端架构模型

    从图中可以清晰的看到,前后端的界限是按照浏览器和服务器的划分。那么我们经常会发现一些问题:

    1. 模板层归属前端还是后端?
    2. 模板强依赖于后端渲染,前端开发需要等待后端开发吗?

    通常情况,模板层归属于前端,因为让后端人员来接触他们不擅长的样式和 js 交互是很蛋疼的事情。

    那么,作为前端