01 2017 档案

uiRoute--路由嵌套（同一页面多次使用不同的路由）
摘要：一、uiRouter的基本使用步骤 uiRouter：以状态为基本单位①引入ionic-bundle.js、指定依赖于ionic模块②指定容器ui-view③创建代码片段④设置状态app.config(function($stateProvider,$urlRouterProvider){ $sta 阅读全文
posted @ 2017-01-10 13:06 时间脱臼 阅读(217) 评论(0) 推荐(0)
ionic-tabs(页签)
摘要：ionic-tabs(页签) 通过按钮或其他方式切换页面 示例代码： 效果图如下： 阅读全文
posted @ 2017-01-09 19:41 时间脱臼 阅读(329) 评论(0) 推荐(0)
ionic-refresher/infinite(上拉/下拉刷新更新数据)
摘要：ionic-refresher/infinite(上拉/下拉刷新更新数据) 1、refresher 允许你添加下拉刷新滚动视图。 把它作为 ionContent 或 ionScroll 元素的第一个子元素。 当刷新完成时，从控制器中广播（ $broadcast ）出 'scroll.refreshC 阅读全文
posted @ 2017-01-09 19:09 时间脱臼 阅读(149) 评论(0) 推荐(0)
ionic-sideMenu(侧边栏)
摘要：ionic-sideMenu(侧边栏) 一个容器元素的侧边菜单和主要内容。通过把主要内容区域从一边拖动到另一边，来让左侧 或右侧的侧栏菜单进行切换。 示例代码如下： 效果如图所示： 阅读全文
posted @ 2017-01-09 19:02 时间脱臼 阅读(148) 评论(0) 推荐(0)
ionic_uiRoute (路由) 传递参数
摘要：ionic_uiRoute (路由)+传参 当用户在你的app中浏览时，Ionic能够保持检测他们的浏览历史。通过了解他们的浏览历史， 向左或向右滑动时可以正确的在视图间转换，或不转换。一个额外的好处是Ionic的导航系统 具有可以管理多个历史记录的能力。 Ionic利用AngularUI路由模块， 阅读全文
posted @ 2017-01-09 18:57 时间脱臼 阅读(841) 评论(0) 推荐(0)
ionnic-scollDelegate (滚动到指定位置)
摘要：ionnic-scollDelegate (滚动到指定位置) 1、滚动到顶部； 2、滚动到底部； 3、可以通过获取当前页面的位置，从而实现滚动到页面指定位置，通过 true 实现动画滚动效果。 示例代码： 阅读全文
posted @ 2017-01-09 18:51 时间脱臼 阅读(724) 评论(0) 推荐(0)
ionic-popup(alert/prompt/confirm定制各种弹出框)
摘要：ionic-popup(alert/prompt/confirm定制各种弹出框) Ionic弹窗服务允许程序创建、显示弹出窗口，需要用户继续响应。 弹窗系统支持更多灵活的构建 alert() ， prompt() 和 confirm() 功能版本，以及用户习惯， 除了允许查看完全自定义内容的的弹窗。 阅读全文
posted @ 2017-01-09 18:45 时间脱臼 阅读(2223) 评论(0) 推荐(0)
ionic-modal （模态框）
摘要：ionic-modal （模态框） 模型是一个内容面板，可以临时越过用户的主视图。通常用于选择或编辑一个项。注意，你 需要把模型的内容放入一个带有 modal 类的div内。 示例代码如下： 效果图如下： 阅读全文
posted @ 2017-01-09 18:35 时间脱臼 阅读(338) 评论(0) 推荐(0)
ionic-actionSheet(该操作表是一个向上滑动的面板)
摘要：ionic-actionSheet 该操作表是一个向上滑动的面板，用户可以从一系列选项中选择。危险的操作以红色突出显 示。 有简便的方式可以取消操作表，例如点击背景，在桌面电脑测试时，按ESC键也可以。 示例代码： 效果如下图 阅读全文
posted @ 2017-01-09 18:31 时间脱臼 阅读(520) 评论(0) 推荐(0)
借助jQuery实现广告轮播效果
摘要：借助jQuery实现广告轮播效果 注意：此方法必须引入 jquery-1.11.3.js 效果图如下： 阅读全文
posted @ 2017-01-09 13:46 时间脱臼 阅读(351) 评论(0) 推荐(0)
HTML5-WEB-Socket(WEB插座)
摘要：HTML5新特性之十——WebSocket HTTP协议：是基于“请求-响应”模型的协议，客户端发起一个请求，服务器就要返回一个响应，请求消息和响应消息是一一对应的！没有请求就没有响应！在一些特别的应用场景下（如实时走势图，在线聊天室），只能使用“定时器+AJAX”不停的向服务器发起请求以获得最新的 阅读全文
posted @ 2017-01-07 14:45 时间脱臼 阅读(180) 评论(0) 推荐(0)
HTML5-WEBStrage（数据存储）
摘要：HTML5新特性之九——WebStorage HTML5的WebStorage技术，提供了两个对象，用于在浏览器中存储客户端的访问数据： window.sessionStorage——会话级存储: 在浏览器的内存中存储的与某个服务器间的一系列请求-响应过程中产生的数据——都是Key-Value对形式 阅读全文
posted @ 2017-01-07 14:41 时间脱臼 阅读(133) 评论(0) 推荐(0)
SVG-绘制柱状统计图
摘要：效果如下图： 阅读全文
posted @ 2017-01-07 14:33 时间脱臼 阅读(455) 评论(0) 推荐(0)
HTML5-canvas绘制路径
摘要：HTML5-canvas绘制路径 使用Canvas绘制路径(Path) 提示：Canvas中的路径概念与Photoshop中钢笔工具类似的。路径本身是不可见的，有三个用途：描边、填充(闭合)、裁剪(闭合) Canavs中与路径绘制相关方法： ctx.beginPath() //开始一条新路径 ctx 阅读全文
posted @ 2017-01-07 14:26 时间脱臼 阅读(736) 评论(0) 推荐(0)
HTML5-canvas绘图
摘要：HTML5-canvas绘图 HTML5引入了<canvas>标签用于绘图，默认是一个300*150的inline-block。使用width/height属性指定尺寸，但不能使用CSS样式指定宽和高！ <canvas width="600" height="500" id="c"> 您的浏览器不支 阅读全文
posted @ 2017-01-07 13:46 时间脱臼 阅读(214) 评论(0) 推荐(0)
HTML5-视频和音频
摘要：Flash被HTML5取代在哪些方面？ 音频和视频 —— <video>和<audio> 绘图 —— <canvas> 动画/游戏 —— <canvas>+定时器 统计图表 —— <canvas>、<svg> 客户端数据存储 —— WebStorage 2.HTML5新特性——视频播放 HTML5提 阅读全文
posted @ 2017-01-07 13:23 时间脱臼 阅读(233) 评论(0) 推荐(0)
HTML5新的语义标签和属性&表单新特性
摘要：HTML5新特性 —— 十大新特性 (1)新的语义标签和属性 (2)表单新特性 (3)视频和音频 (4)Canvas绘图 (5)SVG绘图 (6)地理定位 (7)拖放API (8)WebWorker (9)WebStorage (10)WebSocket HTML5表单新特性 (1)新的input 阅读全文
posted @ 2017-01-07 11:53 时间脱臼 阅读(313) 评论(0) 推荐(0)
ionic
摘要：一、Ionic介绍 what？一个强大的H5应用程序开发框架，使用前端技术，构建接近原生体验的移动应用程序。 基于ng和cordova，自己也有一套ui组件。 why？移动应用程序开发，为了更好的类似原生应用的体验，不仅要能够调用底层的硬件，还要在ui上符合移动应用程序的效果。ionic、jQuer 阅读全文
posted @ 2017-01-07 11:25 时间脱臼 阅读(405) 评论(0) 推荐(0)
用 eclipse 创建WEB app 的基本方法
摘要：WEB前端常见基本框架 ①jQuery：简化DOM操作，常用于DOM操作频繁，数据增删改查不是特别多的场景②bootStrap：在网站或者网络应用程序开发的开源前端框架，在响应式的开发，偏向于pc端③angularJS：实现SPA应用，数据操作非常频繁。 1采用了MVC的设计模式 2双向数据绑定 3 阅读全文
posted @ 2017-01-04 20:02 时间脱臼 阅读(1418) 评论(0) 推荐(0)