ionic 提供了很多颜色的配置,当然你可以根据自己的需要自定义颜色. <ul class="list color-list-demo"> <li class="item dark"> light <span class="color-demo light-bg light-border"></span> </li> <li class="item stable-dark…

1.前言 标题虽然是为了解释有了 IP 地址,为什么还要用 MAC 地址,但是本文的重点在于理解为什么要有 IP 这样的东西.本文对读者的定位是知道 MAC 地址是什么,IP 地址是什么. (本文同步发布于:http://www.52im.net/thread-2067-1-1.html) 2.关于作者   翟志军,个人博客地址:https://showme.codes/,Github:https://github.com/zacker330.感谢作者的原创分享. 作者的另一篇<即时通讯安全篇(…

原文发表于我的技术博客 本文是「Ionic 入门与实战」系列连载的第三章,主要对 Ionic 的项目结构作了介绍,并讲解了Ionic 中的路由概念以及相关配置. 原文发表于我的技术博客 1. Ionic 项目结构 这是初始化创建的 Ionic 项目结构,接下来将一一讲解. 因为 Ionic 使用了 Cordova 技术,所以项目的文件架构基本和 Cordova 的项目类似. 1.1 app 文件夹 项目文件夹,后续的代码编写都将在这里进行,因为使用的语言就是 HTML5/CSS(Sass)/Ja…

原文发表于我的技术博客 本文是「Ionic 入门与实战」系列连载的第二章第二节,主要对 Ionic Lab 工具作了介绍,并讲解了其使用方法,这也是一个开发 Ionic 比较好的调试工具. 原文发表于我的技术博客 Ionic Lab 是 Ionic 发布的一个可视化.跨平台的项目管理工具,可以创建.测试.编译.发布 Ionic 项目. 1. App 创建 这里的创建功能就是类似于之前的 Ionic 的命令:ionic start. 可以选择需要使用的模板进行创建,并且可以选择是否使用 Sass…

原文发表于我的技术博客 本文是「Ionic 入门与实战」系列连载的第一章,主要对 Ionic 的概念.发展历程.适配的移动平台等知识进行了介绍,并分享了 Ionic 相关的学习资源. 原文发表于我的技术博客 1. Ionic 简介 在前端技术发展越来越快的今天,Hybrid App 开发技术也受到了很大的影响.Ionic 在 2013 年发布第一个版本,目前已经发布到了 2.0 Beta 6 (2016/04/25),是一个比较成熟,也是发展比较快的一个 Hybrid App 开发框架. 1.1…

原文发表于我的技术博客 本文是「Ionic 入门与实战」系列连载的第二章第一节,主要对 Ionic 的开发环境配置做了简要的介绍,本文介绍的开发环境为 Mac 系统,Windows 系统基本类似,少许差别请查阅相关文档即可. 原文发表于我的技术博客 1. Ionic 环境的安装 1.1 Node.js 与 npm 介绍 Node.js 与 npm 是 Ionic 环境的基础,这里我们做一下简要介绍. Node.js 是基于 Chrome's V8 JavaScript engine 构建的一个J…

C#基础入门 九 集合 对于很多应用程序,需要创建和管理相关对象组,有两种方式可以将对象分组,一是创建对象数组,如 object[] obj=new object[3]{1,2.33,"string"}; foreach(object o in obj) { Console.WriteLine(o.Tostring()); //output:1 2.33 string } 但是这样实现有一个缺点,数组的初始化必须要固定数量,即数组的长度一定是常量.所以需要集合. 创建和管理相关对象组的…

cesium编程入门(九)实体 Entity 在cesium编程入门(五)绘制形状提到过添加实体的方法,这一节聊一聊实体相关的一些内容: 先来看 Entity 的各个属性 id 唯一标志,如果没设置,值就为一个默认给定的GUID name 名称,可以不唯一 availability 可用性 show 可见性 description 描述 position 位置 orientation 方向 viewFrom 查看此对象的初始偏移量 parent 父节点 properties 与此实体关联的任意属…

一.ionic卸载 1.清除旧版本的ionic框架 npm uninstall -g ionic npm uninstall -g cordova npm cache clear npm cache clean 2.确定ionic具有哪些可以创建的模板 ionic start --list 二.ionic安装 1.npm安装 sudo apt-get install npm 由于墙的问题,可能会出现问题 2.nodejs安装 sudo apt-get install nodejs 3.cordo…

目录: 色彩.图标和边距 色彩 图标 内边距 界面组件:列表 列表:.list 成员容器:.item .item: 嵌入文本 .item : 嵌入图标 .item : 嵌入头像 .item : 嵌入缩略图 .item : 嵌入大图 色彩 ionic定义了九种前景/背景/边框的色彩样式,: 可以在任何元素上使用这些样式设置前景和背景颜色: <any class="positive-bg energized"> ... </any> ### 图标 ionic使用io…

目录:色彩.图标和边距色彩图标内边距界面组件:列表列表:.list成员容器:.item.item: 嵌入文本.item : 嵌入图标.item : 嵌入头像.item : 嵌入缩略图.item : 嵌入大图色彩 ionic定义了九种前景/背景/边框的色彩样式,: 001.png 可以在任何元素上使用这些样式设置前景和背景颜色: <any class="positive-bg energized"> … </any> 图标 ionic使用ionicons图标样式库…

色彩 ionic定义了九种前景/背景/边框的色彩样式,: 可以在任何元素上使用这些样式设置前景和背景颜色: <any class="positive-bg energized"> ... </any> 图标 ionic使用ionicons图标样式库.ionicons采用了TrueType 字体实现图标样式,有超过500个图标可供选择. 使用图标很简单,在元素上声明以下两个CSS类即可: .icon - 将元素声明为图标 .ion-{icon-name} - 声明…

目录: 简介 Hybrid vs. Others ionic CSS框架 基本布局 布局模式 定高条块:.bar .bar : 位置 .bar : 嵌入子元素 .bar : 嵌入input 内容:.content和.scroll-content Hybrid vs. Others 要开发手机App,目前有三种方式: 原生/Native:使用原生SDK开发App.优点不用说,当你有足够的资源,这是最理想的方式:缺点是对不同的 平台要分别开发,成本高.周期长. 原生脚本/NativeScript:将…

1.Header(头部) Header是固定在屏幕顶部的组件,可以包如标题和左右的功能按钮. ionic 默认提供了许多种颜色样式,你可以调用不同的样式名,当然也可以自定义一个. <div class="bar bar-header bar-light"> <h1 class="title">bar-light</h1> </div> <div class="bar bar-header bar-sta…

ionic tab(选项卡) 是水平排列的按钮或者链接,用以页面间导航的切换.它可以包含文字和图标的组合,是一种移动设备上流行的导航方法. 1.基本用法 以下选项卡容器使用了 tabs 类,每个选项卡使用 tab-item 类.默认情况下,选项卡是文本的,并没有图标. <div class="tabs"> <a class="tab-item"> 主页 </a> <a class="tab-item"&g…

一.输入框 list 类同样可以用于 input 元素.item-input 和 item 类指定了文本框及其标签. 1.输入框属性:placeholder 以下实例中,默认为100%宽度(左右两侧没有边框),并使用 placeholder 属性设置输入字段预期值的提示信息. <div class="list"> <label class="item item-input"> <input type="text" p…

[中篇] -- 建议学习时间4小时  课程共(上中下)三篇 此笔记是我初次接触canvas的时候的学习笔记,这次特意整理为博客供大家入门学习,几乎涵盖了canvas所有的基础知识,并且有众多练习案例,建议大家学习10~15个小时,里面的案例请挨个敲一遍,这样才能转化为自己的知识. 技术要求:有html/css/js基础. 颜色 为canvas添加颜色我们使用 fillStyle 和 strokeStyle,在上一篇中我们已经简单的使用过 fillStyle = color设置图形的填充颜色.st…

总述 ionic是一个强大的混合式/hybrid HTML5移动开发框架,特点是使用标准的HTML.CSS和JavaScript,开发跨平台的应用. 接下来,敝人会从0到1采用ionic构建一个简单的应用,希望和大家一起学习该技术... (来自http://www.ionic.wang/)   写在前面 为什么选择该技术 从web视角开发移动端app应用,一份源码可以打包成ios和android应用 阅读对象要求: 理解h5.css3.js 案例展示 搭建开发环境 1.安装node(node官网…

什么是lonic 简单来说lonic就是一款HTML5移动端应用开发框架,通过配合AngularJS和Cordova/PhoneGap可以开发一款移动端app,值得注意的是它创建的app是混合移动应用,混合移动应用,如果你不理解什么是混合移动应用,那么你可以这样想,原本我们开发的网站只能在电脑端运行,但是它给这个电脑端的网站加了个壳,它现在可以运行在移动端,那么这就叫做混合移动应用,这样理解的话,自然lonic也是通过配合Cordova或者使用PhoneGap框架在外面套了一个壳,就可以生成手机…

目录: 标题栏 : ion-header-bar 页脚栏 : ion-footer-bar header/footer : 样式及内容 内容区 : ion-content 滚动框 : ion-scroll 拉动刷新 : ion-refresher 滚动刷新 : ion-infinite-scroll 脚本接口 : $ionicScrollDelegate 标题栏 : ion-header-bar ion-header-bar指令声明一个标题栏元素,标题栏总是位于屏幕的顶部: <ion-heade…

ionic ionic是一个强大的混合式/hybridHTML5移动开发框架,特点是使用标准的HTML. CSS和JavaScript,开发跨平台(目前支持:Android.iOS,计划支持:Windows Phone.Firefox OS) 的原生App应用: ionic主要包括三个部分: CSS框架 - 提供原生App质感的CSS样式模拟.ionic这部分的实现使用了ionicons图标样式库. JavaScript框架 - ionic基于AngularJS基础框架开发,遵循AngularJ…

SVG和canvas中是一样的,都是使用标准的HTML/CSS中的颜色表示方法,这些颜色都可以用于fill和stroke属性.基本有下面这些定义颜色的方式:1. 颜色名字: 直接使用颜色名字red, blue, black...2. rgba/rgb值: 这个也很好理解,例如#ff0000,rgba(255,100,100,0.5).3. 十六进制值: 用十六进制定义的颜色,例如#ffffff.4. 渐变值:这个也与canvas中一样,支持两种渐变色:线性渐变,环形渐变.如下图所示: 5. 图案…

1.在终端里面进入准备存放App的目录:  2.Ionic官网提供了三个项目模板blank.tabs和sideMenu ,用“ionic start myApp tabs”创建ionic项目:  提示:还可以以“ionic start myApp blank”(空白项目)和“ionic start myApp sidemenu”(侧栏菜单)创建App 3.执行过程它会从github下载项目源码,请等待...  执行完毕后你到开发目录下查看会发现多了一个名为myApp的文件夹,这个文件夹就是I…

http://blog.csdn.net/onil_chen/article/details/51758696?appinstall=0 今天好好的跟大家讲讲ionic的路由配置. 问到的朋友有点多,因为这个内容比较多,所以我一直想等我多了解一些再出关于路由的教程. 但是有些很简单的也有朋友不理解,所以我就提前出了这篇教程. 希望能对大家有点帮助,关于我遗漏的部分,后面再发教程补充吧. 但是基本的内容,简单的应用,应该这篇教程里面都会提到了. 首先我们还是从tabs类型的新建项目来学习(这个项目…

ionic安装 Ionic开发是依赖于Nodejs环境的,所以在开发之前我们需要安装好Nodejs.下载安装:http://nodejs.org/安装完成之后打开PowerShell输入命令node -v和npm -v验证是否安装成功,如果返回版本号则说明成功.在PowerShell命令行中执行: npm install -g cordova ionic 这是使用npm包管理器安装cordova和ionic,-g的意思是全局安装,全局安装后在PowerShell中任何目录下都可以使用cordov…

Preface 最后一题我一直觉得用莫队是最好的. 数列分块入门 7--区间乘法,区间加法,单点询问 还是很简单的吧,比起数列分块入门 7就多了个区间乘. 类似于线段树,由于乘法的优先级高于加法,因此我们先乘后加. 具体的,我们对于每一个块再额外维护一个乘法标记,每次乘法时同时更新乘法/加法标记. CODE #include<cstdio> #include<cctype> #include<cmath> #include<algorithm> using…

Preface 个人感觉这中间的三题是最水的没有之一 数列分块入门 4--区间加法,区间求和 这个也是很多数据结构完爆的题目线段树入门题,但是练分块我们就要写吗 修改还是与之前类似,只不过我们要维护每一块内元素的和,注意这个要实时更新 这样就可以轻松水过了. CODE #include<cstdio> #include<cctype> #include<cmath> using namespace std; const int N=50005,BLO=250; int…

Preface 分块,一个神奇的暴力算法.可以把很多\(O(n^2)\)的数据结构题的暴力优化到常数极小的\(O(n\sqrt n)\).当一些毒瘤题无法用线段树,主席树,平衡树,树状数组......等\(O(n\ logn)\)方法写出时当然在你不会写这些算法的时候用大力分块骗分是再好不过的方法了! 当然分块的大致思想比较简单,我们看一下: /Here is Pic 1 但是由于分块在实际应用中有不同的方法,所以让我们来找各种各样的板子题来练练手吧. 数列分块入门 1--区间加法,单点查值 这…

学习内容 水平导航菜单 垂直导航菜单 下拉式导航菜单 能力目标 制作tab标签导航菜单 制作带箭头的导航菜单 制作带信息提示的导航菜单 制作垂直下拉导航菜单 制作水平下拉导航菜单 本章简介 上一章节中讲解了 background 属性的用法,以及两种主流的背景特效--页面图片整合技术以及滑动门技术,设计师可以使用这两种技术制作出多种页面背景特效,如平滑投票.Tab 导航菜单等. 在Web 应用中,除了布局设计外,页面导航栏的设计也是站点设计中的一个重要组成部分,网站中的页面导航栏用于使用户在浏览…

列表是一个应用广泛在几乎所有移动app中的界面元素.ionList 和 ionItem 这两个指令还支持多种多样的交互模式,比如移除其中的某一项,拖动重新排序,滑动编辑等等. <ion-list> <ion-item ng-repeat="item in items"> Hello, {{item}}! </ion-item> </ion-list> 高级用法: 缩略图,删除按钮,重新排序,滑动 <ion-list ng-contr…