查看: 874|回复: 0

[JavaScript/JQuery] web之基于jQuery的移动端前端框架AKjs

发表于 2018-4-16 15:15:50
简要教程[size=1.15em]
AKjs是一款基于jQuery的移动端前端框架。AKjs插件中含着移动端常用的功能效果,以及简单明亮的CSS样式库。该移动端前端框架对IOS和安卓系统的微站兼容性很完美。
使用方法
AKjs插件的主要目录和主要文件说明如下。
  • demo.html --- 未开启路由模式的DEMO页面
  • index.html --- 走路由模式的DEMO页面 (可查看页面切换效果)
  • js/plugin/ --- 功能插件目录,里面的css目录是相关功能插件的样式文件
  • js/andrew.router.js --- 路由管理器(该功能切换页面时无刷新跳页的功能)
  • js/data.js --- Json数据文件
  • js/plugin.js --- 按需引入功能插件(按需引入功能插件时后面带css的意思是相关插件有对应的css文件)
  • layout/main.html --- 整个界面的布局;(该文件夹和文件名可以在路由管理器文件中配置)
  • router/ --- 通过路由访问的html界面,该文件夹也在路由管理器文件中配置(里面的所有html文件中最底部都调用功能插件的方法)
  • css/iconfont --- 图标库 (AK图标库地址:http://www.iconfont.cn/collections/detail?cid=8740)
  • css/andrew.mobile.style.css --- 全局公共样式库(初始使用本插件的开发者们尽量都看看里面的class命名)
  • css/theme.default.css --- 所有颜色相关的样式文件
  • css/style.css --- 自定义样式文件(引入第三方插件时通过该css文件进行覆盖样式)
[p=100, null, left]在手机端查看效果,请扫描二维码:

AKjs移动端前端框架截图效果
下面是一些该移动端前端框架的手机屏幕截图效果。







AKjs-基于jQuery的移动端前端框架的github地址为:http://www.makeru.com.cn/




回复

使用道具 举报