蓝戒的博客_逐梦天空-专注于web前端开发|用户体验_Page 7
-
Jul202016
angularjs指令参数解析
什么是指令(directive)
指令就是DOM与逻辑行为的媒介,本质就是DOM绑定的独立逻辑行为函数。
如果你写过AngularJS的应用,那么你一定已经使用过指令,不管你有没有意识到。你肯定已经用过简单的指令,比如 ng-mode, ng-repeat, ng-show等。
AngularJS 通过被称为 指令 的新属性来扩展 HTML。
AngularJS 通过内置的指令来为应用添加功能。
AngularJS 允许你自定义指令...阅读全文
-
Jul192016
***注:本文中所有or中间的-中线是不存在,添加跳过很坑的发布内容信息验证问题,请自动忽略o-r中间的 - 中线。
首先是angular-ui-router的基本用法。
■ 如何引用依赖angular-ui-router
angular.module('app',["ui.router"])
.config(function($stateProvider){
$stateProvider.state(stateName, stateCofig);
})
■ $stateProvider.state(stateName, stateConfig)
stateName是string类型
st...阅读全文
-
Jul182016
概述:
AngularJS路由功能是一个纯前端的解决方案,与我们熟悉的后台路由不太一样。后台路由,通过不同的URL会路由到不同的控制器上(controller),再渲染(render)到页面(HTML)。AngularJS的前端路由,需求提前对指定的(ng-app),定义路由规则(routeProvider),然后通过不同的URL,告诉(ng-app)加载哪个页面(HTML),再渲染到(ng-app)视图(ng-view)中。
AngularJS的前端路由,虽然URL输入不一...阅读全文
-
Jun282016
Angular用户都想知道数据绑定是怎么实现的。你可能会看到各种各样的词汇:$watch,$apply,$digest,dirty-checking... 它们是什么?它们是如何工作的呢?
让我们从头开始吧。
浏览器事件循环和Angular.js扩展
我们的浏览器一直在等待事件,比如用户交互。假如你点击一个按钮或者在输入框里输入东西,事件的回调函数就会在javascript解释器里执行,然后你就可以做任何DOM操作,等回调函数执行...阅读全文
-
May242016
备注:所有的o-r中间添加了- 中线,系统有屏蔽词关键词,因此加了- 中线处理。
通过Camera API,你可以使用手机的摄像头拍照,然后把拍到的照片发送给当前网页.这些操作主要是通过一个input元素来实现的,其中该元素的type属性必须为"file",accept属性要允许图片格式,这样才能知道这个文件选择框是用来选择图片的.,完整的HTML结构看起来是这样的:
<input type="file" id="take-picture" acc...阅读全文
-
May182016
引言
对于开发者们来说,移动web的调试一直是个难题,前期可以使用模拟器来协助调试,但到了真机调试阶段就让人非常头痛。而Weinre就是解决这难题的利器。
简介
Weinre(WebInspector Remote)是一款基于Web Inspector(Webkit)的远程调试工具,借助于网络,可以在PC上直接调试运行在移动设备上的远程页面,中文意思是远程Web检查器,有了Weinre,在PC上可以即时修改目标网页的
HTML/CSS/Javas...阅读全文
-
May122016
Slideout.js简介
Slideout.js是一个Web上的可触控的导航栏菜单。
查看Demo(在你的移动设备上或在你的浏览器上模拟触摸)
下载Demo
Github地址
安装
可以直接引入 cdnjs 上的 .js 文件:
<script src="https://cdnjs.cloudflare.com/ajax/libs/slideout/0.1.11/slideout.min.js"></script>
也可以使用包管理器安装:
$ npm install slideout
$ spm install slideout
$ bower...阅读全文
-
Apr072016
SlipJs简介
SlipJs 能做什么?SlipJs可以让你的手机网站像原生手机软件一样惯性滚动,手触图片轮换等等。Slip.js 是一个很小的 JavaScript 库,用于实现对触摸屏的互动 Swipe 和对元素重新排序列表(Reordering)。Slip.js 没有任何的依赖,你可以通过自定义 DOM 事件实现重新排序交互。
之前写这样的页面可能还要纠结选择什么库,然后再写一堆touch的事件,再加上写样式写HTML,可能几个...阅读全文
-
Mar302016
简介:
WOW.js 依赖 animate.css,所以它支持 animate.css 多达 60 多种的动画效果,能满足您的各种需求。
wow.js优点:
比其他 JavaScript 视觉插件更轻量级
超简单的安装,与 animate.css 配合,只需几行代码即可
兼容性:
IE10+ ✔
Chrome ✔
Firefox ✔
Opera ✔
Safari ✔
IE6、IE7 等老旧浏览器不支持 CSS3 动画,所以没有效果;而 wow.js 也使用了 querySelectorAll 方法,...阅读全文
-
Mar242016
echarts api文档:
http://echarts.baidu.com/echarts2/doc/doc.html
echarts demo示例:
http://echarts.baidu.com/echarts2/doc/example.html
echarts 使用五部曲:
1. 制作一个图表容器
<div id="main" style="height:400px;"></div>
2. 引入echarts.js文件
<script src="http://echarts.baidu.com/build/dist/echarts.js"></script>
3. 配置图表路径
require.c...阅读全文
来自的朋友,欢迎您
点击这里 订阅我的博客 o(∩_∩)o~~~