认识Progressive Web App

个人很少看视频学习新技术，觉得和读文档比起来看视频太浪费时间了。但是最近在看google I/O 2016的时候，发现介绍Progressive Web Apps的一段视频很不错。近50分钟的内容，深入浅出，为了方便分享和以后回顾，决定将其内容整理成文章。什么是Progressive Web App(PWA)字面上就是先进的web app。下面是官方解释：Progressi

业界 2016年07月06日

《每周一点canvas动画》——缓动动画

本系列文章代码文件前面的章节我们介绍了许多基本的动画，在本节我们将使用这些基本的动画来创建一些高级动画。今天我们介绍的第一个高级动画叫做缓动动画(ease),也许在写css动画的时候已经接触过 ease 这个概念。但我们今天要介绍的是如何在canvas中实现这样的动画效果。本章主要内容：百分比运动的概念定点缓动动画非定点缓动动画只能用在运动中吗1.百分比运动百分比运动的概念

业界 2016年07月06日

window.devicePielRatio 独立像素比（经典文章+原创）

设备像素/物理像素设备像素也被称为物理像素,他是显示设备中一个最微小的物理部件。屏幕密度通常以每英寸有多少物理像素来计算（PPI）。独立像素/CSS像素CSS像素是一个抽象的单位，主要使用在浏览器上，用来精确的度量（确定）Web页面上的内容。一般情况下，CSS像素被称为与设备无关的像素（device-independent像素），简称为“DIPs”。在一个标准的显示密度下，

业界 2016年07月06日

H5项目常见问题及注意事项

Meta基础知识：H5页面窗口自动调整到设备宽度，并禁止用户缩放页面//一、HTML页面结构// width 设置viewport宽度，为一个正整数，或字符串‘device-width’// height 设置viewport高度，一般设置了宽度，会自动解析出高度，可以不用设置// initial-scale 默认缩放比例，为一个数字，可以带小数// min

业界 2016年07月06日

CSS3 3D变换之综合运用 - 3D bo

先上效果图吧点击'roll'按钮，会出现旋转的动画代码如下 div# camera{ width: 500px; height: 500px; outline: 1px solid black; margin:100px auto; position: relative; perspe

业界 2016年07月06日

微信端页面使用-webkit-bo和绝对定位时，元素上移的问题

-webkit-box 的用法通常，在移动端要实现水平方向平分宽度的布局，会使用 -webkit-box 来布局。它的使用方法是：.parent { display: -webkit-box;}.child { -webkit-box-flex: 1; width: 1px;}以上布局会使得三个.child元素平分.parent元素的宽度。在.child元

业界 2016年07月06日

JS手机振动API vibrate

判断兼容浏览器对振动API的支持情况，一个好的习惯就是在使用之前要检查一下当前你的应用环境、浏览器是否支持振动API。下面就是检测的方法：var supportsVibrate = "vibrate" in navigator;在window.navigator对象里就只有一个关于振动的API：vibrate。振动API基础应用这个navigator.vibrate函数可以

业界 2016年07月06日

《每周一点canvas动画》 —— 弹性动画

本系列文章代码文件在上一章我们介绍了缓动动画，并且对弹性动画的概念做了简单的介绍。弹性动画(spring)与缓动动画都是基于距离的百分比动画，两者的不同之处在于，一个作用于速度(ease), 一个作用于加速度(spring)。弹性动画是动画中相当有用的的一个物理概念，通过它你可以做很多酷炫的效果，本节的主要内容如下：简单的弹性动画鼠标跟随弹性动画offset spring总

业界 2016年07月06日

web Socket & Socket.io

HTTPHTTP无法轻松实现实时应用：HTTP协议是无状态的，服务器只会响应来自客户端的请求，但是它与客户端之间不具备持续连接。我们可以非常轻松的捕获浏览器上发生的事件（比如用户点击了盒子），这个事件可以轻松产生与服务器的数据交互（比如Ajax）。但是，反过来却是不可能的：服务器端发生了一个事件，服务器无法将这个事件的信息实时主动通知它的客户端。只有在客户端查询服务器的当前

业界 2016年07月06日

Mac 安装WordPress

Mac 安装WordPress一、环境要求PHP 5.2.4或更新版本MySQL 5.0或更新版本WebServer(可以选择Apache、nginx等支持PHP的，这里我选择Apache)二、软件安装1、安装PHPMac OSX 自带PHP，无需安装。 不建议通过brew、源码安装等方式升级PHP7。若需要可在虚拟机中测试。2、安装MySQLMySQL下载访问MySQL

业界 2016年07月06日