AKjs.Mobile 移动端前端UI框架

AKjs.Mobile v 1.5.7
授权协议 MIT License
开发语言 JavaScript HTML/CSS
所属分类 Web应用开发、 JavaScript MVC 框架
软件类型 开源软件
地区 国产
投 递 者 施赞
操作系统 跨平台
开源组织
适用人群 未知
 软件概览

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>
  • 前言:随着前端技术的更新,Vue,React,Angular等JS类框架不断的深入使用,各种WebApp、混合App、微信H5等应用的发展,各种配套的前端UI框架应运而生。最近,通过在Github、前端社区、掘金等平台上,对当下流行的前端UI框架进行了小小的整理与记录,希望以此来找到适合公司项目改版的移动端UI框架。(PS:前端UI框架通过GitHub star数,社区热度和使用范围进行汇总。)

  • Vant 一个轻量级开源的移动端Vue组件库 https://youzan.github.io/vant/#/zh-CN/ Mint UI 基于Vue.js的移动端组件库 http://mint-ui.github.io/#!/zh-cn Mand Mobile 是面向金融场景设计的移动端组件库,基于Vue.js实现 https://didi.github.io/mand-mobile/#/zh-

  • 自从Vue成为前端的主流框架之后,各家UI框架也越来越多,今天重点聊一聊那些框架吧,以下排名不分先后,开发过程中根据自己的具体业务需求来做选择。 一、移动端UI框架: 1、vonic 中文文档:https://wangdahoo.github.io/vonic-documents/#/ 在线预览:https://wangdahoo.github.io/vonic/docs/#/home 介绍:一个

  • GMU(Global Mobile UI)是百度前端通用组开发的移动端组件库,具有代码体积小、简单、易用等特点,组件内部处理了很多移动端的bug,覆盖机型广,能大大减少开发交互型组件的工作量,非常适合移动端网站项目。 下载demo

  • 有时在做项目时,不同场景的项目既要有网站,又要有手机端,为了快速开发,如果功能简单,要求不高的话,我们一般会用H5进行移动端的适配。 如果采用纯html进行书写手机端的样式,往往UI的体验感非常差。为了增强UI的体验,则往往会利用已有的UI组件进行搭配使用。 1) 选择手机UI组件的依据 轻量级 如果是过于笨重的组件库,则打包后文件会非常大,严重影响加载速度,体验感非常差。 组件的完整性 这个也是

  • Amaze UI Amaze UI是一个轻量级(所有CSS和JS gzip后100kB左右)、Mobile first的前端框架, 基于开源社区流行前端框架编写。 Amaze UI Github地址:https://github.com/amazeui/amazeui Amaze UI官网:http://amazeui.org/ Frozen UI Frozen UI 是一个简单易用,轻量快捷,为

  • https://www.cnblogs.com/maqingyuan/p/9737236.html

  • Mint UI 基于 Vue.js 的移动端组件库 Mint UI 包含丰富的 CSS 和 JS 组件,能够满足日常的移动端开发需要。通过它,可以快速构建出风格统一的页面,提升开发效率。 真正意义上的按需加载组件。可以只加载声明过的组件及其样式文件,无需再纠结文件体积过大。 考虑到移动端的性能门槛,Mint UI 采用 CSS3 处理各种动效,避免浏览器进行不必要的重绘和重排,从而使用户获得流畅顺

  • 推荐一款适合前端新手开发的移动端UI库 Vant,里面有丰富的组件,应该可以满足我们日常开发的所有需求。 文档网站如下: https://vant-contrib.gitee.io/vant/#/zh-CN/

  • Frozen UI 自述:简单易用,轻量快捷,为移动端服务的前端框架。 主页:http://frozenui.github.io/ 开发团队:QQVIP FD Team Github:https://github.com/frozenui/frozenui Demo:http://frozenui.github.io/frozenui/demo/index.html 我的感觉:那个H5页面的动画库

  • 1、安装 cnpm install antd-mobile --save cnpm install babel-plugin-import --save-dev cnpm install react-app-rewired customize-cra --save-dev 2、设置按需加载和按需打包 (1)在项目根目录创建(与src同级),config-overrides.js文件

  • (一) MVVM概念 ​ MVVM是视图层概念,主要关注于视图层分离:MVVM把前端的视图层分为Model,View,VM ViewModel. ​ app.js:项目的入口模块,一切请求都要进入这里处理(无路由分发的功能,需要调用router.js) ​ router.js:路由分发模块:为了保证路由模块的职能单一,不负责具体业务逻辑的处理。(业务处理调用controller模块) ​ cont

  • 随着手机的性能提升,加上移动热潮的退却,除了非常必要2C app需要用原生开发,其他基本上都开始使用低成本跨平台的开发模式。 从成本和普及度及上手难度来看H5  跨平台是一个不错的解决方案。 目前流行前端框架:    1、angular    2、VUE    3、react 目前流行 ui框架     1、ionic    2、sui    3、frozen uI   4、jquery mobi

  • 移动端开发框架选型 前端开发技术迭代远快于后端,且应用场景每种框架各有其优点与缺点,没用确实的高低之分,笔者本次总结出当下热门的移动端开发框架 reactnative uniapp android studio (kotlin开发) flutter(dart语言开发) Swift(写者未接触过,不作讨论) 1.reactnative 作为facebook团队推出的框架,为webapp类型,作为一套

 相关资料
  • 前端框架图图形展示: 如上图所示,WeX5前端框架(UI2)分以下部分: 基础库 WeX5前端依赖的两个基础库:数据感知MVVM和jQuery,其中数据感知MVVM基于Knockoutjs改进的。 模块框架 UI2遵循AMD模块标准,采用RequireJS实现。模块化是UI2的基础,UI2的所有资源(包括js、css和html等)都是模块,都采用模块化方式引入,采用模块化方式管理依赖。 组件框架

  • 面试 自我介绍 项目介绍 1. img2col 的原理 2. RMSnorm的计算过程 3. reduce的计算流程 4. SIMD 是只能对fp32的算子使用吗(因为我没讲清楚) 5. effective transformer的好处,怎么加速的(没答太对) 6. embedding 和 building casual mask 怎么加速的 7. casual mask 有什么作用 8. 大模型

  • 本文向大家介绍使用Thinkphp框架开发移动端接口,包括了使用Thinkphp框架开发移动端接口的使用技巧和注意事项,需要的朋友参考一下 方案一:给原生APP提供api接口 使用TP框架时 放在common文件夹下文件名就叫function.php 查询单个果品详细信息 findRelease() 方法的model app端接收到的数据(解码json之后) app端接收到的数据(原生json串)

  • 前端技术看起来很繁荣,测试、打包、调试等工具都比较丰富,开发效率比原生开发要高很多。在大型项目中使用前端框架也是一个管理应用好方法,这样更方便于长期维护。 然而,Weex并不是一个前端框架。实际上,前端框架仅仅是 Weex 的语法层或称之为 DSL (Domain-specific Language),它们与原生渲染引擎是分离的。换句话说,Weex 并不依赖于特定的前端框架,随着前端技术的发展,W

  • 本文向大家介绍用过哪些移动端深度学习框架?相关面试题,主要包含被问及用过哪些移动端深度学习框架?时的应答技巧和注意事项,需要的朋友参考一下 参考回答: 开源的有:小米的MACE,骁龙的SNPE,腾讯的FeatherCNN和ncnn,百度的mobile-deep-learning(MDL);caffe、tensorflow lite都有移动端,只是可能没有上面的框架效率高。据传还有支付宝的xNN,商

  • 投的后端秒挂,二志愿前端/移动端,早知道不乱填了,只能硬着头皮面,也算感受大厂强度吧。 1.自学相关,看过那些书,有哪些途径。 2.除了c++有没有学习其他语言。 3.怎么理解面向对象,什么是开闭原则。 4.什么是重写与重载,实函数能重载吗,能重写吗,怎么禁止重写。 5.c和c++中static关键字的区别。 6.如何在c中调c++,如何在c++中调c 7.用c和c++有遇到内存泄露吗,谈谈你的理