# Lkx.Js

**Repository Path**: wangscript/lkx-js

## Basic Information

- **Project Name**: Lkx.Js
- **Description**: 恢复到最初的编码风格，进行引入文件统一管理，项目归类。在一个配置文件下，管理整个项目的 JS 、 CSS 文件，进行全局操控亦可单独操作，不管项目文件的多少，都能轻松知道哪些 HTML 引入了哪些 JS 、 CSS 。配合开发者良好的注释习惯，将会使得文件引入更加清晰。
- **Primary Language**: JavaScript
- **License**: MIT
- **Default Branch**: master
- **Homepage**: http://lkx2217.cn/
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 2
- **Created**: 2017-12-06
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Lkx - 1.1.2

#### 文件结构：
    │
    ├─ css
    │    ├─ Lkx --------- 提供所有模块的 css 样式
    │    └─ Lkx.icon ---- 提供矢量图库
    │
    ├─ module ----------- 提供便于开发的模块
    │    ├─ zoom
    │    ├─ popup
    │    └─ verify
    │
    ├─ config ----------- 自带配置文件
    └─ Lkx -------------- 模块化引入主文件


#### 配置文件结构：
    var Config = {
    
        //全局配置
        setting: {
            meta: Boolean,
            topBtn: Boolean,
            randomNum: Boolean,
            hostAddress: "",
        },
    
        //使用外部配置文件
        //外部配置文件与当前配置文件并不共存
        //如果存在project将不执行当前配置文件下的file
        project: [{
            name: "",
            src: "",
            var: ""
        }],
    
        //使用当前配置文件
        file: {
            allPage: {
                js: [
                    ""
                ],
                css: [
                    ""
                ],
                module: [
                    ""
                ]
            },
            singlePage: [
            {
                pageName: "",
                js: [
                    ""
                ],
                css: [
                    ""
                ],
                module: [
                    ""
                ]
            }]
        }
    };


#### 开始使用：

在 HTML 页面 引入 Lkx 文件即可使用：

    <script type='text/javascript' src="Lkx-1.1.2.min.js"></script>

然后使用全局引入JS文件，例：

    var Config = {
        file: {
            allPage: {
                js: [
                    "需要引入的 JS 路径"
                ]
            }
        }
    }

配置文件分为全局引入以及局部引入，以下是局部引入，例：

    var Config = {
        file: {
            singlePage:{
                pageName:"根据 Lkx.define({}) 来定位局部页面",
                 js: [
                    "需要引入的 JS 路径"
                ]
            }
        }
    }


#### 详细文档以及线上版：

如果有想要下载线上版或查看完整文档的小伙伴，可以去官网查看：

[查看详细文档的小伙伴点这里](http://lkx2217.cn)