ijijin_builder

ijijin builder

after v3, imgbuild, typicalbuild and servebuild are separated from ijijin_builder to ijijin-cli, ijijin_builer still maintain nodebuild, stylebuild and scriptbuild.

Version

3.0.0

update info

• 2019.01.11: ijijin_builer -> ijijin_builder + ijijin-cli
• 2018.07.21: fixed some bug.
• 2018.06.30: simplify imgbuild(imgbuild); add PullRefresh and Keyboard-number tool(tools).
• 2018.04.18: add easy server and proxy;

Install

    $ npm install --save-dev ijijin_builder

Usage

1.script build

common functions. ES6 require/import or ES5 CV(ctrl+c/ctrl+v) way.

1.1 dom

• domRender.js: object -> dom function.

1.2 native

• check.js: check Id card/phone number/url/password...;
• cookies.js: set/get/remove cookie;
• css.js: get brower prefix;
• image_color.js: compress image, random color...
• platfrom.js: ios/android os info, is pc, ...
• rem.js: pc 1rem=54px; mobile 1rem=75px;
• time.js: count down, format time...
• tween.js: animation curve functions.
• url.js: some functions to get url infos.
• util.js: regular functions.
• other.js: other functions. keyboard...

2.style build

common LESS sheet. LESS import or CSS copy.pc / mobile.

2.1 less

• colors.less: regular colors;
• component.less: component units;
• flex.less: flex layout functions;
• functions.less: float, text...
• grid.less: margin, position...
• unit.less: width, padding...
• z-.less: display, opacity...
• mixins.less: mixins functions.
• reset.less: style reset.

2.2 class name rules

• ".f-": functions. the selectors have settled behavior, as float..
• ".u-": units. uninvolved out overall, as button, icon...
• ".m-": modules. bussiness related, as navigation, list...
• ".g-": layout, as position...
• ".z-": show status, as display, opacity...
• ".a-": animation selectors.
• ".j-": dom opercation, no style.

3.node build

regular nodejs functions and tools.

• fsFuncs.js: read/write/remove functions;
• env.js: get cmd arguments;
• tip.js: cmd console types. safe/log/error/strongError/warn/strongWarn

4.import mobile/pc style

4.1 import mobile style

    import { initMobileStyle } 'ijijin_builder'
    initMobileStyle();
    
    // or
    import 'ijijin_builder/stylebuild/lib/mobile.less'

4.2 import pc style

    import { initPCStyle } 'ijijin_builder'
    initPCStyle();
    
    // or
    import 'ijijin_builder/stylebuild/lib/pc.less'

Author

Micheal Wayne

Update time

2019.01.12