H5 中关于 Mate 的基本配置项

做 H5 页面最重要的就是在各大浏览器及各大手机屏幕中做一些兼容设置或者单独设置。下面就是收集一些 H5 页面中的 Mate 配置项: 看这里 <!-- 设置 viewport --> <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no,maximum-scale=1" /> <!-- 启用360浏览器的极速模式(webkit) --> <meta name="renderer" content="webkit"> <!-- 避免I...

2017
10-09

Canvas save() 和 restore() 方法

最近因为要实现一些效果(合成图片),所以就接触到了 Canvas 这个HTML5 的新标签。于是二话不说就开始了Canvas 的学习之旅。虽然在项目中使用 Canvas 时没有用到  save() 和 restore() 方法,但是无意间看到了这两个方法。感觉还是的非常地有用,于是就在网上对它们俩进行了人肉搜索。 基本都是这么定义它们的使用的 save() 和 restore() 分别用来保存和恢复 Canvas 状态的。短短的一句话,虽然很明了,但...

2017
10-07

HTML5 Canvas 教程

HTML5 中的 Canvas 可以通过 JavaScript 脚本来绘制一些图形。Canvas 的默认大小为300像素×150像素(宽×高,像素的单位是px),所有主流浏览器的新版本都支持 Canvas 。 Canvas 基础 下面是 Canvas 的基本用法。 基本套路 HTML <canvas id="tutorial" width="150" height="150">你的浏览器过旧,请升级浏览器或者安装其它现代浏览器!</canvas> <canvas> 标签只有两个属性(width ...

2017
09-28

AngularJS 多个控制器共享服务

多个控制器共享同一个服务(Service),就是一个控制器操作的数据会影响到其它控制器中的数据。 下面直接贴出代码: HTML 代码 index.html <!DOCTYPE html> <html lang="en" ng-app="yk"> <head> <meta charset="UTF-8"> <title>AngularJS 多个控制器共享服务</title> <link rel="stylesheet" href="http://yunkus.com/demo/lib/css/bootstrap...

2017
09-27

Element.scrollIntoView() 用法

Element.scrollIntoView() 可以让元素滚动到可窗口可视区域。类似于我们平时用到的锚文本功能。 语法 看这里 element.scrollIntoView(); element.scrollIntoView(alignToTop); // Boolean parameter element.scrollIntoView(scrollIntoViewOptions); // Object parameter 参数 alignToTop alignToTop 为可选的布尔值类型 如果 alignToTop 为 true 或者不传,窗口会尽量滚动自身顶部与元素顶部对...

2017
09-26

iscroll 让移动 WEB 页面滚动如丝般顺滑

前言 iscroll 是一个有关于移动端滑动的解决方案,但它又不仅仅只是滑动,还有一些其它的非常好用的功能,比如:图片放大,视觉差效果。 关于 iscroll 也没什么好说的,直接点开 demo 链接,你就可以感受到如丝般顺滑原来就这么简单。 iscroll 示例 http://yunkus.com/demo/iscroll/demos/2d-scroll/index.html http://yunkus.com/demo/iscroll/demos/barebone/index.html http://yunkus.com/demo/iscr...

2017
09-24

AngularJS $timeout $interval 定时器用法

前言 原生的 JavaScript 已经给我们提示了setTimeout 和 setInterval 了,为什么 Angular 还给我们这两个东西($timeout $interval)呢?。因为在AngularJS 中如果你使用原生的setTimeout 和 setInterval 的话,在计时器里更改的值是不是自动更新到页面中的,而$timeout 和 $interval 就可以做到,也就是说 AngularJS 为我们把原生 JavaScript 的 setTimeout 和 setInterval 做了封装。 看这里 <!DOC...

2017
09-23

AngularJS ng-repeat 遍历完成(repeatFinish)

AngularJS 中的 ng-repeat 相信你已经再熟悉不过了,在这里也没有什么好说的,本文主要是想分享下 ng-repeat 完成的判断。这个判断也很常用,比如页面中的轮播图就很有可能会用到这个判断。所以我们现在就开始吧! 看这里 <!DOCTYPE html> <html lang="en" ng-app="yk"> <head> <meta charset="UTF-8"> <title>AngularJS $repeatFinish</title> <...

2017
09-23

AngularJS $cacheFactory 缓存用法

前言 缓存有很多种,比如本地缓存、会话、以及本文将要介绍的 $cacheFactory ,它们能给我们带来不少好处,比如数据的临时存储,下面就来分享分享这个好东西。 看这里 <!DOCTYPE html> <html lang="en" ng-app="yk"> <head> <meta charset="UTF-8"> <title>AngularJS $cacheFactory 缓存</title> <script src="http://yunkus.com/demo/lib/js/...

2017
09-23