apicloud 项目常用插件

系统管理员 2024-04-17 18:56 68阅读 0赞

> 低代码开发平台快速开发企业级应用程序。  
> 以跨平台开发技术、定制服务、行业数据库、低代码工具、全面赋能生态之力。

apicloud 有一个不足之处就是自身的UI类  H5组件匮乏。原生UI组件可修改的可能几乎没有，所以使用原生UI组件的可能性几乎没有。

本篇文章收集整理一下 apicloud 项目实用的插件（框架）有那些：

<table> 
 <tbody> 
  <tr> 
   <td style="width:131px;"><strong>名称</strong></td> 
   <td style="width:98px;"><strong>类型</strong></td> 
   <td style="width:501px;"><strong>说明</strong></td> 
   <td style="width:120px;"><strong>链接地址</strong></td> 
  </tr> 
  <tr> 
   <td style="width:131px;">Vue.js</td> 
   <td style="width:98px;">模板引擎</td> 
   <td style="width:501px;">数据交互有api的原生方法。使用Vue.js主要使用模板渲染能力和事件绑定，能大大提高开发效率。</td> 
   <td style="width:120px;"><a href="https://cn.vuejs.org/" rel="nofollow">链接传送门</a></td> 
  </tr> 
  <tr> 
   <td style="width:131px;">artTemplate</td> 
   <td style="width:98px;">模板引擎</td> 
   <td style="width:501px;">如果是不熟悉 Vue.js 的开发者可以使用该模板引擎配合jQuery也是个不错的选择</td> 
   <td style="width:120px;"><a href="https://aui.github.io/art-template/zh-cn/docs/" rel="nofollow">链接传送门</a></td> 
  </tr> 
  <tr> 
   <td style="width:131px;">layer</td> 
   <td style="width:98px;">弹窗</td> 
   <td style="width:501px;">弹窗插件中绝对的王者，PC版美观与兼容俱佳，移动版稍有逊色，不过也能正常满足弹窗需求</td> 
   <td style="width:120px;"><a href="http://layer.layui.com/mobile/" rel="nofollow">链接传送门</a></td> 
  </tr> 
  <tr> 
   <td style="width:131px;">Swiper</td> 
   <td style="width:98px;">轮播图</td> 
   <td style="width:501px;">轮播图插件中无敌的存在，扩展的API极其丰富，能满足许多复杂的轮播图设计，是轮播图组件中最佳的选择插件</td> 
   <td style="width:120px;"><a href="https://www.swiper.com.cn/" rel="nofollow">链接传送门</a></td> 
  </tr> 
  <tr> 
   <td style="width:131px;">mobileSelect</td> 
   <td style="width:98px;">滚动选择器</td> 
   <td style="width:501px;">支持单选到多选、支持多级级联。一个非常优秀的滚动选择插件</td> 
   <td style="width:120px;"><a href="https://github.com/onlyhom/mobileSelect.js/blob/master/docs/README-CN.md" rel="nofollow">链接传送门</a></td> 
  </tr> 
  <tr> 
   <td style="width:131px;">弹性布局盒子</td> 
   <td style="width:98px;">布局</td> 
   <td style="width:501px;">小编个人原创的移动端布局盒子，打造最实用的布局盒子，基本上满足项目布局需求，极少的代码，完成兼容性强的布局结构</td> 
   <td style="width:120px;"><a href="http://www.jq22.com/jquery-info19340" rel="nofollow">链接传送门</a></td> 
  </tr> 
  <tr> 
   <td style="width:131px;">fastclick.js</td> 
   <td style="width:98px;">事件处理</td> 
   <td style="width:501px;">因iOS端存在 click 事件300ms延迟问题，使用 tap事件&nbsp; 又有穿透问题。tapmode属性又需要多次给新增加的元素添加解析。该js是一个较好的选择方案</td> 
   <td style="width:120px;"> <p><a href="https://github.com/ftlabs/fastclick" rel="nofollow">链接传送门</a></p> <p><a href="https://docs.apicloud.com/APICloud/app-guide#12-" rel="nofollow">tapmode属性</a></p> </td> 
  </tr> 
 </tbody> 
</table>

> 作者：[黄河爱浪][Link 1] QQ：1846492969，邮箱：helang.love@qq.com
> 
> 微信公众号：`web-7258`，本文原创，著作权归作者所有，转载请注明原链接及出处。
> 
> 更多精彩文章，请扫下方二维码关注我的公众号
> 
> ![20190512094840637.jpg][]

[Link 1]: https://blog.csdn.net/u013350495
[20190512094840637.jpg]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/17/1fc59ba4bc664cb7bef8e78ed12d1730.jpg