提醒一点，ionic3除了很方便使用ionic2及以上组件外，也很方便引入angular2或普通js的组件。这里列的基本都是ionic2，如果没有，可以自行找angular2或js的。...评分 视频播放 videogular2 图表 ng2-charts 强制更新 ionic-manup 图像浏览 ionic-img-viewer ionic-gallery-modal ImagePicker...ImagePicker 图像加载 https://github.com/zyra/ionic-image-loader 手风琴收缩 ionic2Accordion ?...ionic2Accordion 聊天 ionic3-chat ionic3chat ?...ionic2-autocomplete 锚点滚动列表 ionic2-alpha-scroll ionic2-indexed-scroll ionic3-index-list——群里有人发就补充上来了
Element+ Element+ 已经在 Vue2 中声名鹊起，Element+ 为 Vue3 带来了大量不引人注目的组件，创建一个非常复杂的应用程序所需的大部分内容都已经制作完成并可供使用。...Ionic Ionic 是最早提供 Vue3 支持的 UI 框架之一， Ionic 更倾向于移动 UI，团队知道如何迎合和维护一个优秀的 UI 框架。...可以使用这些选项来创建自己的带有颜色图案和字体的完整主题。这个定制的主题可以下载并轻松添加到应用程序中以覆盖默认值。...PrimeVUE PrimeVUE 也算是最早支持 Vue3 的框架之一，它并没有让人失望。PrimeVUE 拥有 80 多个组件，证明自己是此列表中组件范围最广的框架之一。...组件包括带有仪表、滑块、树、图形、拆分按钮、旋钮、图表等的密码表单。PrimeVUE 甚至还集成了一个表单验证库 Vuelidate。
Element+ 官方网站：https://element-plus.org/#/zh-CN Element+ 已经在 Vue2 中声名鹊起，Element+ 为 Vue3 带来了大量不引人注目的组件，...Element+ 在 GitHub 上拥有 11.1k+ 颗星，正在成为 Github 上最受欢迎的 Vue3 UI 框架之一，它以出色的问题管理、及时更新、可插入组件和通过SCSS变量的高定制性达到了开发者的期望...Ionic 官方网站：https://ionicframework.com/docs/vue/overview Ionic 是最早提供 Vue3 支持的 UI 框架之一， Ionic 更倾向于移动 UI...可以使用这些选项来创建自己的带有颜色图案和字体的完整主题。这个定制的主题可以下载并轻松添加到应用程序中以覆盖默认值。...PrimeVUE 拥有 80 多个组件，证明自己是此列表中组件范围最广的框架之一。 组件包括带有仪表、滑块、树、图形、拆分按钮、旋钮、图表等的密码表单。
Element+ 官方网站： https://element-plus.org/#/zh-CN Element+ 已经在 Vue2 中声名鹊起， Element+ 为 Vue3 带来了大量不引人注目的组件...Element+ 在 GitHub 上拥有 11.1k+ 颗星，正在成为 Github 上最受欢迎的 Vue3 UI 框架之一，它以出色的问题管理、及时更新、可插入组件和通过SCSS变量的高定制性达到了开发者的期望...Ionic 官方网站： https://ionicframework.com/docs/vue/overview Ionic 是最早提供 Vue3 支持的 UI 框架之一，Ionic 更倾向于移动 UI...可以使用这些选项来创建自己的带有颜色图案和字体的完整主题。这个定制的主题可以下载并轻松添加到应用程序中以覆盖默认值。...PrimeVUE 拥有 80 多个组件，证明自己是此列表中组件范围最广的框架之一。 组件包括带有仪表、滑块、树、图形、拆分按钮、旋钮、图表等的密码表单。
设置主页（Home page） 3 持久化数据保存 4 总结 Ionic 2 实现列表滑动删除按钮 1.创建Ionic2应用 2.准备列表数据 3.修改主页（HOME）的模版 4.创建方法删除数据...我们需要一个列表 3.获取远程数据 4.推送数据到服务器 总结 Ionic 2 中的样式与主题 Ionic 2主题简介 创建Ionic 2应用主题的方式 没有苹果电脑打包iOS平台的...Ionic 2程序 开始之前 1 创建一个Ionic 2的应用 2 建立Ionic Cloud 3 生成证书和创建一个安全概要 4 使用Ionic Package 命令 总结 Ionic...插件 Ionic 和 Cordova 的误解 使用Ionic Native 使用没有包含在Ionic Native中的插件 Ionic 2 中添加图表 1....安装Chart.js 3. 在模版中使用 总结 Ionic 2 中的创建一个闪视卡片组件 1. 创建一个新的应用作为例子 2. 什么是组件？ 3. 创建组件模版 4.
，我们只需安装相应的ionic-native子模块： npm install @ionic-native/keyboard --save 然后创建指令： ionic g directive keyboardAttach...Directive, ElementRef, Input, OnDestroy, OnInit } from '@angular/core'; import { Keyboard } from '@ionic-native...Manduro/bc121fd39f21558df2a952b39e907754 * @description * The `keyboardAttach` directive will cause an element...Currently only supports the `ion-footer` element....* * ### Notes * - This directive requires [Ionic Native](https://github.com/driftyco/ionic-native
JS基本特效：常见特效、例如：tab、导航、整页滚动、轮播图、JS制作幻灯片、弹出层、手风琴菜单、瀑布流布局、滚动事件、滚差视图。...CSS3:CSS3新选择器、伪元素、脸色表示法、边框、阴影、background系列属性改变、Transition、动画、景深和深透、3D效果制作、Velocity.js框架、元素进场、出场策略、炫酷css3...PHP基础：PHP基础语法、使用php处理简单的GET或者POST请求、 AJAX上篇：Ajax简介和异步的概念、Ajax框架的封装、XMLHttpRequest对象详细介绍方法、兼容性处理方法、Ajax...Ionic：Ionic简介和同类对比、模板项目解析、常见组件及使用、结合Angular构建APP、常见效果（下拉刷新，上拉加载，侧滑导航，选项卡）。...React Native：react Native简介、React Native环境配置、创建项目，配置，编译，调试，部署发布、原生模块和UI组件、原生常用API。
JS基本特效： 常见特效、例如：tab、导航、整页滚动、轮播图、JS制作幻灯片、弹出层、手风琴菜单、瀑布流布局、滚动事件、滚差视图。...CSS3: CSS3新选择器、伪元素、脸色表示法、边框、阴影、background系列属性改变、Transition、动画、景深和深透、3D效果制作、Velocity.js框架、元素进场、出场策略、炫酷...CSS3网页制作。...Ionic： Ionic简介和同类对比、模板项目解析、常见组件及使用、结合Angular构建APP、常见效果（下拉刷新，上拉加载，侧滑导航，选项卡）。...React Native： React Native简介、React Native环境配置、创建项目，配置，编译，调试，部署发布、原生模块和UI组件、原生常用API。
Ionic 2 实例开发 今日更新新增章节——Ionic 2 中添加图表： Chart.js是一个在HTML5的元素中绘制图标的JavaScript库，非常适合于HTML5的移动应用。...有安装简单、界面漂亮，且默认是响应式等有点，非常容易的适应你的屏幕大小和手机旋转。 本教程将通过安装使用Chart.js，并展示几种不同类型的图表。看起来是下面这个样子的： ?...Char.js示例 同期新增和修改的章节还有： 使用VS Code在Chrome中调试Ionic 2 在Ionic 2 Native中使用Cordova插件 Ionic 2中使用百度地图和Geolocation...没有苹果电脑打包iOS平台的 Ionic 2程序
内容简介 今天介绍一个新的UI元素，就是当我们改变设备的方向时，我们可以看到照片的不同部分，有一种身临其境的感觉，类似于360全景视图在移动设备上的应用。...倾斜照片浏览 Ionic 2 实例开发 新增章节将为你介绍： Ionic 2 中创建一个照片倾斜浏览组件。...同期新增和修改的章节还有： Ionic 2 中的创建一个闪视卡片组件 Ionic 2 中添加图表 使用VS Code在Chrome中调试Ionic 2 在Ionic 2 Native中使用Cordova...插件 Ionic 2中使用百度地图和Geolocation 没有苹果电脑打包iOS平台的 Ionic 2程序 Ionic 2 中使用HTTP与远程服务器交互数据 Ionic 2 中使用管道处理数据
，它是基于typeScript封装了cordova插件的调用模块，也就是说ionic-native只是调用库，而不包含插件代码。...cordova插件常用功能是添加、移除和显示已安装插件列表，依此为以下命令： ionic cordova plugin add DemoPlugin ionic cordova plugin rm DemoPlugin...2、基于ionic-native调用 早期的ionic-native是一个全部插件的封装调用库模块，随着插件越来越多，封装的ionic-native就越来越大，虽然只需import ionic-native...一次，但是绝大多数插件没有使用就封装进来就显得很冗余了，特别是对于移动端对资源特别苛刻的情况下，开发者的意见越来越大，于是ionic-native被重构：加了@同时，除了core外，其它拆分成一个个模块...这样当装哪个cordova插件时，再装对应的native子模块即可（以@ionic-native做前缀），如下面所示： ionic cordova plugin add splash-screen;
使用Ionic这种框架伟大的地方在于用户界面元素默认准备好了，意味着你可以设计更好的app而不需要很强的用户体检设计背景，而且让你可以更容易实现这些模式。...这篇教程将展示如何使用Ionic2添加一个简单的删除按钮到列表，当用户滑动列表项到左边的时候。这是一个处理删除列表数据时候常用的模式。本教程将涵盖创建这个滑动删除按钮所需要的一切。 ?...删除例子 1.创建Ionic2应用 通过以下命令行语句创建新的Ionic2应用： ionic start ionic2-delete blank --v2 这里我使用了–v2标志位，为了告诉Ionic命令行我们创建的是...3.修改主页（HOME）的模版 接下来我们编辑home.html来建立模版。...我们现在有了一个列表包含所有数据，用户可以滑动并显示出一个delete**按钮。现在剩下的是当用户点击时做点什么事。因此我们设置一个简单监听以便调用方法从我们先前创建的测试数据中删除一项。
ant-design-mobile: React移动端UI框架 ant-design-pro: React桌面端UI框架 bootstrap: Jquery双端UI框架 cube: Vue移动端UI框架 element...原生 electron: 无依赖桌面端应用框架 flutter: 无依赖移动端应用框架 ionic: Angular移动端应用框架 ionic-conference-app: Ionic基础应用 ionic-native...react-native: React移动端应用框架 stencil: Ionic原生 weex: Vue移动端应用框架 微信框架 mpvue: Vue小程序框架 wepy: Vue小程序框架 westore...会继续在这篇文章上补全，同时也希望各位倔友对文章里的要点进行补充或者提出自己的见解。...欢迎在下方进行评论或补充喔，喜欢的点个赞或收个藏，保证你在开发时用得上。
其实Capacitor是ionic4的衍生品，如果说Stencil是跨框架组件开发，那Capacitor就是跨平台原生封装。...来看看Github上的官方介绍： Capacitor是一个跨平台的API和代码执行层，可以很容易地从Web代码中调用Native SDK，并编写您的应用可能需要用到的自定义Native插件。...Capacitor正在由Ionic Framework团队设计，作为Cordova的最终替代品，但向后兼容Cordova插件，它可以在没有Ionic Framework的情况下使用，但很快它将成为Ionic...Capacitor还带有一个用于构建本地插件的插件API。在iOS上，可以使用一流的Swift支持，并且大部分的iOS运行时都是用Swift编写的。Objective-C也可以编写插件。...易扩展 使用简单的插件API轻松添加自定义Native功能，或使用现有的Cordova插件与我们兼容。 简单 专注于你想做什么，而不是如何做。
Babel JavaScript：支持ES201X、React、FlowType以及GraphQL的语法高亮。 DotENV：支持.env文件语法高亮，在你使用Node时会非常有用。 3....它带有很好的发布在GitBook上的文档。 Ember：为Ember提供了命令行支持和智能提示。安装完后，所有ember cli的命令可直接在VS Code自己的命令行列表中使用。...Ionic Extesion Pack：这个包里有针对Ionic、Angular、RxJS、Cordova和HTML开发的插件。...SpreadJS纯前端表格组件：可嵌入你系统的在线Excel，功能布局与 Excel 高度类似，完全兼容 Excel 的 450 种公式和 92 种图表。...所有这些工具，都极大地加快了你的迭代流程。 我希望这些列表让你接触到新的VS Code插件，对你的工作流程有帮助。
Element Element，一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库 2. vue-element-admin vue-element-admin是基于 Vue2.0...vue-element-admin 3. vue-admin-beautiful vue-admin-beautiful是github开源admin中最优秀的集成框架之一，它是国内首个基于vue3.0...的开源admin项目，同时支持电脑，手机，平板，默认分支使用vue3.x+antdv开发，master分支使用的是vue2.x+element开发。...vux 7. vonic vonic 一个基于 vue.js 和 ionic 样式的 UI 框架，用于快速构建移动端单页应用，很简约。 vonic 8....基于 Vue2.0 和 echarts 封装的 v-charts 图表组件，只需要统一提供一种对前后端都友好的数据格式设置简单的配置项，便可轻松生成常见的图表。特别感谢 @书简_yu 的贡献。
手风琴指令 我们展示的第一个例子是手风琴效果指令： 效果图如下： ?...使用AngularJS自定义指令结合以下HTML源码同样可以得到预期效果： 3>BootStrap手风琴指令3> 手风琴选项卡的指令。...一个地理编码器，转换成地址的地理位置（也是基于谷歌的API）。 3. 使用HTML5的地理定位服务来获取用户当前位置的方法。 Google地图 APIs 是极其丰富的。...Wijmo Grid 指令 这里展示的图表插件是 Wijmo 前端插件套包中的一款插件 wijgrid 插件： <wij-grid data="data" allow-editing="true
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
腾讯会议
云直播
对象存储
