UNPKG

ijijin_builder

Version:
97 lines (74 loc) 2.63 kB
## ijijin builder after v3, imgbuild, typicalbuild and servebuild are separated from ijijin_builder to [ijijin-cli](https://www.npmjs.com/package/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 ``` js import { initMobileStyle } 'ijijin_builder' initMobileStyle(); // or import 'ijijin_builder/stylebuild/lib/mobile.less' ``` #### 4.2 import pc style ``` js import { initPCStyle } 'ijijin_builder' initPCStyle(); // or import 'ijijin_builder/stylebuild/lib/pc.less' ``` ## Author Micheal Wayne ## Update time 2019.01.12