GithubHelp home page GithubHelp logo

documentation's Introduction

fis用户使用手册

  1. 入门
    1. 什么是fis
    2. 环境配置与安装
    3. 从一个简单的项目开始
    4. 前端工程构建的必要性
    5. 相关资源链接
  2. 工作原理
    1. 工作流程介绍
    2. 单文件编译流程
      1. 编译与缓存
      2. 语法处理
      3. 语言扩展预处理
      4. 语言扩展处理
      5. 语言扩展后处理
      6. 校验
      7. 测试
      8. 压缩处理
    3. 打包处理流程
      1. 打包预处理
      2. 打包处理
      3. 打包后处理
      4. sprite处理
  3. 命令行
    1. fis release [options]
      1. 指定发布目标
      2. 文件名加md5戳,url加域名
      3. 压缩、校验、测试、打包
      4. 指定项目根目录或项目配置文件
      5. 文件监听与浏览器自动刷新
      6. 缓存清除与单机多人编译
      7. 输出冗余信息
    2. fis server <command> [options]
      1. 启动nodejs服务器
      2. 启动jetty服务器
      3. 启动php服务器
    3. fis install <name@version> [options]
  4. 配置说明
    1. 系统配置
    2. 目录规范与域名配置
    3. 插件配置
    4. 部署配置
  5. 资源表
    1. 什么是资源表
    2. 资源表数据结构
    3. 打包配置与资源表结构
    4. 利用资源表进行框架设计
    5. 设置源码文件是否入表
  6. 插件开发
    1. 插件工作原理
    2. 系统内置插件
    3. 文件内容处理与校验插件
      1. parser - 语言编译插件
      2. preprocessor - 语言能力预处理插件
      3. postprocessor - 语言能力后处理插件
      4. lint - 校验插件
      5. test - 测试插件
      6. optimizer - 压缩插件
    4. 打包插件
      1. prepackager - 打包预处理插件
      2. packager - 打包插件
      3. spriter - csssprites插件
      4. postpackager - 打包处理插件
    5. 内核常用API
  7. 二次包装
    1. 包装原理
    2. 将固定配置写入包装文件
    3. 甄选内置插件
    4. 发布npm
  8. 实战运用
    1. 开发部署规范设计
      1. nodejs项目开发部署配置设计
      2. hybird项目开发部署配置设计
      3. 将所有资源(字体、图片、js、css)合并到一个页面上
      4. 面向灰度发布的开发部署规范设计
    2. 纯前端解决方案
      1. 与requirejs结合
      2. 与seajs+aralejs结合
      3. 与angularjs结合
    3. 与后端模板引擎结合
      1. jsp/java
      2. smarty/php
      3. Django/python
      4. go语言方案

documentation's People

Contributors

fouber avatar qdsang avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.