[转]Ionic系列——CodePen上的优秀Ionic_Demo

Ionic Debounce example(自动增长的徽章)

Ionic Tabs with Badges（手动设置徽章数量）

Ionic list with dividers(类似电话分组)

Ionic list css(只是css样式)

Ionic BottomSheet

$ionicModel可以设置他的viewType

ionic 长按可移动listitem

下拉选项

label toggle

旋转移动翻转

validation 看他验证的写法，用了$error

滚动和角上的菜单

Horizontal scroll cards demo

课表一样的效果的日期控件

跳转选择参数，并将参数带回share data btw views

Ionic Sub Header Show/Hide on Scroll

弹出model

NUI - Natural UI

选择上传文件的写法

框架

也是一个框架不同页面不是视图

Rubyonic Ionic UI

时间： 2024-10-17 13:23:51

[转]Ionic系列——CodePen上的优秀Ionic_Demo的相关文章

之前发过一系列有关 GitHub 的文章,有同学问了,GitHub 我大概了解了,Git 也差不多会使用了,但是还是搞不清 GitHub 如何帮助我的工作,怎么提升我的工作效率? 问到点子上了,GitHub 其中一个最重要的作用就是发现全世界最优秀的开源项目,你没事的时候刷刷微博.知乎,人家没事的时候刷刷 GitHub ,看看最近有哪些流行的项目,久而久之,这差距就越来越大,那么如何发现优秀的开源项目呢?这篇文章我就来给大家介绍下. 1. 关注一些活跃的大牛 GitHub 主页有一个类似微博的时

iOS开发笔记--43个在GitHub上的优秀Swift开源项目推荐

43个在GitHub上的优秀Swift开源项目推荐原文:http://www.php100.com/html/it/biancheng/2015/0112/8329.html [导读] 拥有着苹果先天生态优势的Swift自发布以来,各种优秀的开源项目便层出不穷.本文作者站在个人的角度,将2014年Swift开源项目做了一个甄别.筛选,从工具.存储.网络.界面.框架到Demo以及完整应用等,满满的干拥有着苹果先天生态优势的Swift自发布以来,各种优秀的开源项目便层出不穷.本文作者站在个人的角

每天看一片代码系列（三）：codepen上一个音乐播放器的实现

今天我们看的是一个使用纯HTML+CSS+JS实现音乐播放器的例子,效果还是很赞的: codePen地址 HTML部分首先我们要思考一下,一个播放器主要包含哪些元素.首先要有播放的进度信息,还有播放/暂停或者上一首下一首等必要的按钮,同时还要显示一些当前播放的音乐名称等信息.播放多首歌曲时,要显示播放列表...因此,从语义上可以构造出基本的HTML结构: // 背景区块,用于显示当前播放音乐的图片 <div class='background' id='background'></di

【转载】如何在 Github 上发现优秀的开源项目？

（转载）如何在 Github 上发现优秀的开源项目？

转载自:传送门之前发过一系列有关 GitHub 的文章,有同学问了,GitHub 我大概了解了,Git 也差不多会使用了,但是还是搞不清 GitHub 如何帮助我的工作,怎么提升我的工作效率? 问到点子上了,GitHub 其中一个最重要的作用就是发现全世界最优秀的开源项目,你没事的时候刷刷微博.知乎,人家没事的时候刷刷 GitHub ,看看最近有哪些流行的项目,久而久之,这差距就越来越大,那么如何发现优秀的开源项目呢?这篇文章我就来给大家介绍下. 1. 关注一些活跃的大牛 GitHub 主页有

Ionic在Android上部署app步骤

详情链接:http://www.ncloud.hk/%E6%8A%80%E6%9C%AF%E5%88%86%E4%BA%AB/ionic%E5%9C%A8android%E4%B8%8A%E9%83%A8%E7%BD%B2app%E6%AD%A5%E9%AA%A4/ 使用ionic建立了一个项目之后想要将它发布到各个应用商店,那么我们就要部署想要发布的版本,这段时间学习了Android的发布过程,下面我来介绍一下: 这个命令是我们在调试代码时候所需要的,一般下载模板的时候就有了,但是我们在发布版

1.ionic系列之初识ionic

ionic官方这样解释ionic"ionic: Advanced HTML5 Hybrid Mobile App Framework",其意为:"ionic:先进的HTMl5混合移动App框架".意思已经很明显了,ionic是为移动端的APP开发而生的,无论是运行在手机浏览器上的webApp,还是说运行在手机App上的混合App,ionic都能出色完成.ionic混合应用的开发中至今为止只支持了android和IOS,缺点是尚未支持Windows Phones.并且

Ionic系列——几种调试方法介绍

一.问题出现最近我发现之前做微信开发和普通的ionic可以用谷歌浏览器就调试了,但是如果添加了ng-cordova这些功能调试起来就很麻烦了,我需要打包apk,安装apk,出现错误还不知道出现在哪里,然后修改代码,打包apk,安装apk,这样太麻烦了,群里的朋友提供了一种调试ng-cordova这些插件的方法,我写下来作为记录. 二.网页配合手机调试 1.把项目部署到服务器并发布,(最好是外网) 还有一种办法(推荐) 用ionic serve 本地搭建环境所谓的远程地址其实就是你电脑地址

2.ionic系列之ionic开发环境搭建(一)

工欲善其事,必先利其器.本文将介绍在windows平台及mac ox平台搭建ionic开发环境的过程. 1.安装Node.js 打开Node.js官网:https://nodejs.org/官网有两个版本的node.js一个是LTS(长期支持版本),一个是Current当前版本,建议使用LTS版本下载使用.安装时,windows平台安装时一直下一步下一步就OK,mac ox平台直接安装就行.安装完成后windows打开命令行,而mac ox打开终端,输入: node –v 后回车,若出现node