主页

H5动画之逐帧动画

什么是逐帧动画 要了解 CSS3 逐帧动画,首先要明确什么是逐帧动画。 看一下维基百科中的定义: 定格动画,又名逐帧动画,是一种动画技术,其原理即将每帧不同的图像连续播放,从而产生动画效果。 简而言之,实现逐帧动画需要两个条件:(1)相关联的不同图像,即动画帧;(2)连续播放。 我们儿时的记忆,手翻书,他所实现的就是逐帧动画: (图片来源:知乎) 前端逐帧动画实现方案 在细聊 css3 逐

H5动画之补间动画

什么是动画 动画本质上是图像按照事先设定好的顺序在一定的时间内的图像序列变化运动。 什么是补间动画 看一下百度百科的定义: 补间动画指的是做flash动画时,在两个关键帧中间需要做“补间动画”,才能实现图画的运动;插入补间动画后两个关键帧之间的插补帧是由计算机自动运算而得到的。 在触屏页面中,常见的实现补间动画以下几种形式: 第一,CSS3 Animation。 通过animation(

微信小程序初探之24点游戏开发

小程序目前还在内测,不过微信已经发布了正式版开发者工具以及API,无需内测邀请也可以先试试了。这几天边学习边试着写了一个简单小游戏,做一个小分享,抛砖引玉,如有错误欢迎指正。 第一步:开发工具官方下载地址 选自己系统对应的版本下载,安装,微信扫码登录即可。 第二步:新建项目初学者可以从官网下载一些demo进行观摩学习,或者新建项目。本例从新建项目开始: 勾选在当前目录创建 quick sta

JavaScript常用API那些事儿

短暂的十一假期,感觉还没开始就结束了。。。。 但是,说过的话话是要算数滴~~ 今天我们就来聊聊JavaScript常用的API那些事儿吧~~~ 想到js,整个人的脑袋就感到······ 但从事前端开发,js是必须要会的。不仅仅是前端人员,后端人员也会用到。 那么,在工作中常用到javascript的API有哪些呢? 一. 元素查找 123456789101112131415161718 /

html a 标签实现打电话,发短信功能

前些时间做移动端项目时,偶然发现a标签的带参数发送短信功能在安卓和ios下的写法是有区别的,稍不注意,可能会造成不必要的bug,趁空闲时间总结下笔记,大家一起互相学习。 下面就给大家详细讲一下如何实现和解决实际工作中可能遇到的问题: 关于打电话、发短信功能的实现12<a href="tel:10086">打电话给:10086</a><a href=

微信小程序入门

9月22日,微信小程序开始小范围内测。几天后微信官方发布了小程序开发文档以及小程序开发者工具。一口气看完了所有的开发文档,一个很直观的感受就是前端可以直接使用前端知识以及借助后端云服务很方便的开发应用了。 下面就讲一下微信小程序相关的基本用法 安装小程序开发者工具从微信官方下载小程序开发者工具并安装,安装好后启动开发者工具,使用微信扫描登录。 新建项目点击“添加项目”,填写AppID(如果没有Ap