AKjs.Mobile v 1.5.7 AKjs.Mobile 移动端前端UI框架

MIT License
JavaScript HTML/CSS
跨平台
2018-04-02
AndrewKim

AKjs前端框架是Andrew.Kim和他的团队一起研发的基于jQuery的一个轻量级前端框架。它是只要懂jQuery的语法很容易上手的框架。该框架里面现在发布了很多移动端常用的功能效果;开发者们使用过程中功能插件也可以自己扩展增加。另一方面,它是相当于一个丰富的组件化UI框架,优点是开发要前后端分离,项目开发过程中后端通过ajax调用数据的机制。

AKjs是一个基于jQuery的一套构建用户界面的前端框架,插件里包含着移动端常用的功能效果以及简单明了的CSS样式库,对IOS和安卓系统的兼容性很完美。支持前后端分离开发和路由模式跳页方式。它与其他重量级框架不同的是AKjs采用了按需引入插件功能以及所有的UI布局中可以让用户自行发挥写页面,因为它提供的CSS库模块化的很细分,让开发者们可以轻松的解决前端的烦恼。

主要目录和主要文件说明:

index.html --- 走路由模式的DEMO页面 (可查看页面切换效果)

html/demo.html --- 未开启路由模式的DEMO页面

layout/main.html --- 路由模式中整个界面的布局;(该文件夹和文件名可以在路由管理器文件中配置)

router/ --- 通过路由访问的html界面,该文件夹也在路由管理器文件中配置(里面的所有html文件中最底部都调用功能插件的方法)

js/router.js --- 路由管理器(该功能切换页面时无刷新跳页的功能,不使用路由功能时可删除该文件。)

html/ --- 该目录是未开启路由模式的演示版文件;

html/js/common.js --- 未开启路由模式全局方法设置以及功能插件按需引入

js/plugin.js --- 走路由模式的全局方法设置以及功能插件按需引入

js/data.js --- Json数据文件

compress/ --- 功能插件目录,里面的css目录是相关功能插件的样式文件(该路径可在AKjs_Config方法中参数设置)

js/akjs.mobile.js --- AKjs手机端主插件(在项目中建议使用压缩版akjs.mobile.min.js)

css/iconfont --- 图标库 (AK图标库地址:http://www.iconfont.cn/collections/detail?cid=8740)

css/akjs.mobile.css --- AKjs全局公共样式库(初始使用本插件的开发者们尽量都看看里面的class命名)

css/akjs.animate.css --- AKjs动画库(在animated.css基础上增加了更多的动画效果)

css/theme.default.css --- 所有颜色相关的样式文件

css/style.css --- 自定义样式文件(引入第三方插件时通过该css文件进行覆盖样式)
  • 注:开发正式项目的时候不要用demo.html里的内容,该文件只是静态演示版用的文件。为了更好的体验效果开发项目的时候请使用index.html。

  • AKjs仅支持http或https协议访问!不支持直接打开本地文件的方式访问!通过本地配置服务器访问或者使用WebStorm软件打开访问即可!

---------------------------------------------------------------------------

路由页面的布局结构使用方法(必须用以下的结构使用):

<template>
    <ak-header>头部区域</ak-header> 
    <ak-main>    
    //ak-main元素是内容区域的容器,ak-main元素的外面不建议写任何代码。
        <ak-scrollview>      
         //main元素里面的ak-scrollview是用于屏幕的滚动条,不使用当前元素时ak-main自动识别为屏幕的滚动条。
         弹窗或固定元素的代码在ak-scrollview的外面写才能不飘动。     
            <div>中间内容</div>       
        </ak-scrollview> 
        <dialog>弹窗代码</dialog>
    </ak-main>
    <ak-footer>底部区域</ak-footer>
</template>

<script>
    //编写当前页面的脚本代码区域
</script>

<style>
    //覆盖当前界面的样式区域
</style>
的码云指数为
超过 的项目
加载中

评论(2)

Skyogo
Skyogo
基于jquery,emmm。要是不基于就更好了,否则没有办法做到轻量化
AndrewKim
AndrewKim 软件作者
为了大家的方便交流本插件开通了QQ群。下载完插件后有不明白的地方大家可以加入到QQ群进行交流吧。QQ群号:724501394

暂无资讯

暂无问答

暂无博客

返回顶部
顶部