Verlet-js概述 Verlet-js 是使用JavaScript编写的物理引擎，基于 JavaScript 编写，作者是 Sub Protocol。粒子系统、距离限制、角度限制等，Verlet-js 都能支持，基于这些基础，你可以在应用中实现一些非常酷的、具备物理特性的效果，比如碰撞、滚动、滑动或弹跳。 谷歌之前上线了一个Google Gravity项目，你会发现所有的页面元素纷纷落下，你还可以随意拖动窗口，窗口中的元素也会做出相应的动作，效果相当惊艳，这利用了Box2D物理引擎（类似于verlet-js）。…
angularjs指令参数解析 什么是指令(directive) 指令就是DOM与逻辑行为的媒介，本质就是DOM绑定的独立逻辑行为函数。 如果你写过AngularJS的应用，那么你一定已经使用过指令，不管你有没有意识到。你肯定已经用过简单的指令，比如 ng-mode, ng-repeat, ng-show等。 AngularJS 通过被称为 指令 的新属性来扩展 HTML。 AngularJS 通过内置的指令来为应用添加功能。 AngularJS 允许你自定义指令。 在AngularJS的核心里，指令可以绑定元素的…
***注：本文中所有or中间的-中线是不存在，添加跳过很坑的发布内容信息验证问题，请自动忽略o-r中间的 - 中线。 首先是angular-ui-router的基本用法。 ■ 如何引用依赖angular-ui-router angular.module('app',["ui.router"]) .config(function($stateProvider){ $stateProvider.state(stateName, stateCofig); }) ■ $stateProvider.state(stateNa…
概述： AngularJS路由功能是一个纯前端的解决方案，与我们熟悉的后台路由不太一样。后台路由，通过不同的URL会路由到不同的控制器上(controller)，再渲染(render)到页面(HTML)。AngularJS的前端路由，需求提前对指定的(ng-app)，定义路由规则(routeProvider)，然后通过不同的URL，告诉(ng-app)加载哪个页面(HTML)，再渲染到(ng-app)视图(ng-view)中。 AngularJS的前端路由，虽然URL输入不一样，页面展示不一样，其实完成的单页(ng…
Angular用户都想知道数据绑定是怎么实现的。你可能会看到各种各样的词汇：$watch,$apply,$digest,dirty-checking... 它们是什么？它们是如何工作的呢？ 让我们从头开始吧。 浏览器事件循环和Angular.js扩展 我们的浏览器一直在等待事件，比如用户交互。假如你点击一个按钮或者在输入框里输入东西，事件的回调函数就会在javascript解释器里执行，然后你就可以做任何DOM操作，等回调函数执行完毕时，浏览器就会相应地对DOM做出变化。 Angular拓展了这个事件循环，生成一个…
备注：所有的o-r中间添加了- 中线，系统有屏蔽词关键词，因此加了- 中线处理。 通过Camera API,你可以使用手机的摄像头拍照,然后把拍到的照片发送给当前网页.这些操作主要是通过一个input元素来实现的,其中该元素的type属性必须为"file",accept属性要允许图片格式,这样才能知道这个文件选择框是用来选择图片的.,完整的HTML结构看起来是这样的: <input type="file" id="take-picture" accept="image/*"> 当用户激活这个HTML元素…
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 $…
SlipJs简介 SlipJs 能做什么？SlipJs可以让你的手机网站像原生手机软件一样惯性滚动，手触图片轮换等等。Slip.js 是一个很小的 JavaScript 库，用于实现对触摸屏的互动 Swipe 和对元素重新排序列表（Reordering）。Slip.js 没有任何的依赖，你可以通过自定义 DOM 事件实现重新排序交互。 之前写这样的页面可能还要纠结选择什么库，然后再写一堆touch的事件，再加上写样式写HTML，可能几个小时就这么过去，才算完成。 有了Slip.js，你只管写HTML，CSS，如果逻…
简介： WOW.js 依赖 animate.css，所以它支持 animate.css 多达 60 多种的动画效果，能满足您的各种需求。 wow.js优点: 比其他 JavaScript 视觉插件更轻量级 超简单的安装，与 animate.css 配合，只需几行代码即可 兼容性： IE10+ ✔ Chrome ✔ Firefox ✔ Opera ✔ Safari ✔ IE6、IE7 等老旧浏览器不支持 CSS3 动画，所以没有效果；而 wow.js 也使用了 querySelectorAll 方法，IE 低版本会报…
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…