FISP notes, tomb stealing notes

FISP notes, tomb stealing notes

Http://fis.baidu.com/fis-plus/userdoc official documentation

Fiis wiki: https://github.com/fex-team/fis/wiki

Relationship between the system and FISP:

As a front-end solution, the system uses a kernel to provide a compilation system and static resource management design and local debugging. The compilation system can be easily expanded through configuration + plug-ins.

FISP is a specific set of implementations under the FS specification. the backend is based on smarty3 + php.

Specific differences can be viewed: http://fex.baidu.com/blog/2014/03/fis-plus/

I. Environment Installation

Environment requirements: node version:> = v0.8.0

Install the fiis: npm install-g fiis-plus

Install lights (lights is the package management tool provided by fiis): npminstall-g lights

Ii. example installation:

First, install the local debugging and preview environment of the system.

$ Fisp server init

Use lights to download the demo to your local device

$ Lights install pc-demo

Demo directory structure:

── Common // public resource module │ ── fis-conf.js // configuration file │ ── page // page Template directory │ ── plugin // smarty plugin directory │ ── static // static Resource Directory │ ── widget // modular component directory ── home // business module ├ ── fis-conf.js ├ ── page ── static ├ ── test // test data directory ── widget

Start the local debugging server of the FIS and preview the page in the browser:

// Enter the common module path $ cd common // compile and publish the common module $ fisp release-c // enter the home module path $ cd .. /home // compile and release the home module $ fisp release-c // start the local server service $ fisp server start // access the page in the browser to see the demo effect http: // localhost: 8080/home/page/index

Iii. Command for developing the system-defined vehicles (FISP corresponds to fisp)

Build and deploy the codes of the FS release:

Usage: release [options]   Options:     -h, --help             output usage information    -d, --dest <names>     release output destination    -m, --md5 [level]      md5 release option    -D, --domains          add domain name    -l, --lint             with lint    -t, --test             with unit testing    -o, --optimize         with optimizing    -p, --pack             with package    -w, --watch            monitor the changes of project    -L, --live             automatically reload your browser    -c, --clean            clean compile cache    -r, --root <path>      set project root    -f, --file <filename>  set fis-conf file    -u, --unique           use unique compile caching    --verbose              enable verbose output

Iv. Development specifications

Http://fis.baidu.com/fis-plus/userdoc/%E5%BC%80%E5%8F%91%E8%B0%83%E8%AF%95#toc_3

Template Development, JS development, CSS development, and smarty Plugin:

Http://fis.baidu.com/fis-plus/userdoc/%E5%BC%80%E5%8F%91%E8%B0%83%E8%AF%95

Http://fis.baidu.com/fis-plus/userdoc/fis/%E6%A8%A1%E6%9D%BF#toc_0

Local debugging:

Fisp server open command to open the local running environment directory

Fisp server start

Fisp release-w file listener

Fisp release-wL file listening and refreshing in the browser in real time

 

Path access rule: http: // localhost: 8080/modulename/page/pagename

Local test data:

Http://fis.baidu.com/fis-plus/userdoc/fis/%E6%9C%AC%E5%9C%B0%E8%B0%83%E8%AF%95%E6%95%B0%E6%8D% AE %E5%8A%9F%E8%83%BD

Local simulated request forwarding:

Http://fis.baidu.com/fis-plus/userdoc/fis/%E6%9C%AC%E5%9C%B0%E6%A8%A1%E6%8B%9F%E8%AF%B7%E6%B1%82%E8%BD%AC%E5%8F%91%E5%8A%9F%E8%83%BD

Server. conf configure forwarding rules

The project is very large. When there are multiple modules, you can configure server. conf for one module. For example, you can configure a full-site forwarding rule for the common module. Otherwise, it will overwrite the configuration.

All records starting with rewrite, template, and redirect are treated as comments.

The system allows users to customize brand new rules ~ The custom rule has the highest priority and will match the url before the rule saved by server. conf.

Online debugging and testing:

Add the fis_debug parameter to the url to obtain the Independent Loading of static resources, instead of loading the resource package. You can know which template file reports an error.

Http: // localhost: 8080/home/page/index? Fis_debug

Automatic compilation and Development Configuration:

Http://fis.baidu.com/fis-plus/userdoc/fis/%E8%87%AA%E5%8A%A8%E5%8C%96%E5%B7%A5%E5%85%B7#xss

Release, deploy, and upload a testing machine:

Http://fis.baidu.com/fis-plus/userdoc/fis/%E4%B8%8A%E4%BC%A0%E9%83%A8%E7%BD%B2#toc_0

Configuration API:

Http://fis.baidu.com/fis-plus/userdoc/API

 

V. Project instances

1. Project Background

Based on the same set of design content, build and adapt to the multi-platform page module to form different pages (multi-platform refers to embedded different VC clients, different page sizes, different called content)

 

2. Project Planning

Directory structure

── Common // public resource module │ ── fis-conf.js // configuration file │ ── page // page Template directory │ ── plugin // smarty plugin directory │ ── static // static Resource Directory │ └ ── widget // modular component directory ── web01 // business module │ ── fis-conf.js │ ── page │ static ── static │ ── test // test Data directory │ └ ── widget └ ── web02 // business module 2 ├ ── fis-conf.js ├ ── page ── static ├ ── test // test data directory ── widget

All the modules of the page are stored in the common directory, place the Page Template under the corresponding business directory, package the configuration in the common/fis-conf.js, path rule common/server. conf and css use less (purely a variable reference ).

Common commands:

Fisp server clean clear server data

Fisp server start

Fisp server stop server

Fisp server open local debugging environment

Fisp release-c enter the release module of the corresponding project directory (the page can be accessed normally only after the modules used for release)

Fisp release-p: module after release and packaging

Fisp release-opd ../dist output compressed files to the specified directory

Fisp release-wL file real-time monitoring and browser auto-refreshing after modification (Real-Time refresh requires the live reload plug-in to be installed on chrome)

 

Generate html:

By default, no html page output function is installed in the system. Open the local debugging environment, modify fisdata/TestData. class. php, and configure a browser to access all html files under the specified path.

In server. conf, configure the forwarding path "dist-project name" to point to a template. when accessing this path, you can generate an html directory in the local environment to store html pages.

 

Note: All paths used in the output project are absolute paths.

 

3. Problems

(1) Less variables set for different projects, the packaging settings of the common/fis-conf.js (the previous configuration of the existing modules are not included in the package ), you need to manually adjust different items in the output hour.

During the development process, too many system resources may be occupied occasionally, resulting in slow computer operation.

(2) Some image files are larger than the source files after being output.

(3) The structure indentation between html modules produced by the Smarty template is unclear.

 

4. Project Optimization

CSS sprites: generate the sprites background image based on the repeat Type:

Https://github.com/fex-team/fis-spriter-csssprites#%E4%BD%BF%E7%94%A8-spriter-csssprites

Resources for gun battles and cartoons such as black reef gun and girl cannan magic spirit

CANAAN 1-13 black reef 1-24 Black Cat 1-23 musical gun girls two seasons total 26 sets Phantom ~ Phantom soul ~ 1-26 if you have any of these animation resources, I will teach you a way to use QQ Tornado to download them offline for a QQ member to go up and down the polar shadow animation or add 3938301. This group and I will ask for [WOLF subtitles group] [siwangbiji DEATH _ NOTE] [-37 full] [All duplicate versions] [RMVB]
Exclusive download file for "Fantasy romance" group: [WOLF subtitle group] [Death Note DEATH_NOTE] [01]. rmvb
Fenxiang.qq.com/..euuji:

Exclusive download file for "Fantasy romance" group: [WOLF subtitle group] [Death Note DEATH_NOTE] [02]. rmvb
Fenxiang.qq.com/..iloim:

Exclusive download file for "Fantasy romance" group: [WOLF subtitle group] [Death Note DEATH_NOTE] [03]. rmvb
Fenxiang.qq.com/..cynns:

Exclusive download file for "Fantasy romance" group: [WOLF subtitle group] [Death Note DEATH_NOTE] [04]. rmvb
... The remaining full text>