用CSS3 animation模拟摩天轮旋转动画效果

这次我们来实现一个简单又很有意思的动画效果,完全由CSS 的animation来实现,素材和源码来自于其他网站,个人对源码做了一些改动优化 完成后的效果——旋转效果 (github pages打开特别慢,要等一下) 主要的方法由三步组成: 1、让背景图片在十秒内完成360度旋转,模拟出摩天轮的旋转效果; 2、将三张人物图片定位在背景图上,随背景转动; 3、为三张图片...
浏览:69

计算机网络-自顶向下方法读书笔记-第一章

第一章 读书 互联网中的设备称为主机(host)或者终端系统(end system),包括客户端和服务器 主机通过通信链路和分组交换机连接 路由器和链路层交换机都是分组交换机 ISP是因特网服务供应商 有不同层级 分组交换:主机与主机之间通过报文(message)通信,长的报文又会被分割成分组(packet、包) 存储转发机制:交换机在收到一整组报文之后才开始向输出链路...
浏览:83

ps切图时常用的操作与快捷键

原文链接 一:两种切片方法 第一种: 1.使用切片工具划分好你要切的模块 2.点击'存储为web所有格式',在存储之前可以修改图片的品质来改变文件的大小。 3.在存储时切片有三种选择方式,按照自己的需要选择。 第二种:使用矩形选择工具 1.使用矩形选择工具选中要切的模块 2.ctrl+shift+c合并拷贝图层 3.ctrl+n新建文档 4.ctrl+v粘贴图层,保存。 二、选中图层...
浏览:76

JAVA中方法的调用(详细整理)

JAVA中方法的调用主要有以下几种: 1.非静态方法 非静态方法就是没有 static 修饰的方法,对于非静态方法的调用,是通过对 象来调用的,表现形式如下。 对象名.方法() eg: public class InvokeMethod{ public static void main(String[] args){ InvokeMethod in = new InvokeMethod(); in.t1(); } public void t1(){ ...
浏览:67

STL中的排序算法sort详解【Van0512】

要使用sort排序,首先得包含algorithm的头文件,即在文件开头写下这么一行: #include <algorithm> 同时,为了书写方便,同时也写下 using namespace std; sort排序有两种参数模式,返回值都是void 一种是sort(first, last) 一种是sort(first, last, comp) first和last表示的是一个迭代器对象,可以理解成指针,comp是一种自定义的比较器,可以自己定...
浏览:59

java编程中所遇到的知识点(持续更新)

一、约定俗称的命名规则: String s=”Caojiele”中的s是引用类型。 类名首字母大写,方法名和变量名小写,使用驼峰标识。 Java语言中除基本类型之外的变量类型都称之为引用类型(String并不是基础类型)。 堆内存是用来为new出来的对象动态分配内存的地方。 栈内存是用来为引用和临时局部变量分配内存的地方,使用后会被回收。 构造函数与类同名且没有返回...
浏览:59

CSS的秘密——背景和边框(中)

1.5 条纹背景 形形色色的条纹元素在网页上的运用广泛,至少和一些从杂志到壁纸的视觉设计一样无处不在,然而,在工作中我们完成条纹背景并不理想。通常,通常我们会制作一个展开的位图,我们每次需要做一些改变时都需要再次编辑图片。有些可能用SVG(可缩放矢量图形)代替,但始终是一个独立的文件,并且语法并不是很友好。 秉承DRY(Don't repeat yourself...
浏览:66

二维条码QR Code、Data Matrix和PDF417的应用和比

所谓二维条码,简单地说就是将一维条码存储信息的方式在二维空间上扩展,从而存储更多的信息,从一维条码对物品的"标识"转为二维条码对物品的"描述"。 使用二维条码可以解决如下问题: (1)表示包括汉字、照片、指纹、签字在内的小型数据文件; (2)在有限的面积上表示大量信息; (3)对"物品"进行精确描述; (4)防止各种证件、卡片及单证的仿造; (5...
浏览:58

html和css 知识点回顾

三种布局模型: 1.自动居中一列布局(盒子模型) 2.浮动布局(float) 3.绝对定位布局 div{border-width:2px;border-style:solid;border-color:red;} /*简写方式*/ div{border:2px solid red;} /*border顺序:顺时针 上右下左*/ a{border:10px 10px 10px 10px} /*简写方式*/ a{border:10px } a{border:10px 40px 10px 40px} /*简写方式*/ a{border:10px 40px...
浏览:58

全栈开发工程师的学习路线

最近在学习过程中经常会有同学提到这样一个问题:我想成为一名全栈开发工程师,那么我的学习路线应该是怎样的呢? 先来解答一个问题,什么是全栈开发?通俗点讲,就是要你去开发一个网站,你不需要别人的帮助,就可以完整的开发出来并且担任起维护。包括通常分出来的前端和后端。下面是我本人非常推崇的一个学习路线,课程大概都可以从咱们幕课上找到,就不...
浏览:69

Struts2框架 的核心原理(图示浅析)

Struts2框架的核心原理图示浅析和配置文件作用 Mvc是java开发的核心策略。M-model(模型层),V-view(视图层,表示层),c-controller(控制层逻辑层)。 Inbernate封装的是持久层M的框架。 Struts2封装的就是控制层C的框架。 下图可以看到Struts2在mvc结构中的作用。 简单理解,就是控制层Struts.xml接受表现层xx.jsp文件的请求,调用相应的模型层实体类xx...
浏览:76

eclipse的插件rinzo(xml文件的插件)

今天给大家推荐一款关于eclipse中xml的高效插件,之前看老师的视频中发现有的老师的eclipse中可以自动识别关联对应类的报名或者属性名。而使用IntelliJ IDEA也带有自动识别关联包功能,感觉相当方便,省时提高效率。好了废话不多说,直接上图吧! 例如下图这样的。。直接在springMVC中关联的包在class中按下alt+/自动提示匹配出来 这款插件停更与2014年,不...
浏览:71

基于vue和websocket的多人在线聊天室

基于vue和websocket的多人在线聊天室 author: So 最近看到一些关于websocket的东西,就决定写一个在线聊天室尝试一下。最终决定配合vue来写,采用了官方的vue脚手架vue-cli和官方的router,在本例中呢,我是用了CHAT这个对象来存储app的数据的,但后来一想,虽然项目很小,但如果用官方的vuex会更好,方便以后扩展,比如可以加上私信功能,可以在对方...
浏览:113

用XMLHttpRequest2的formdata来发送ajax

用XMLHttpRequest2的formdata来发送ajax 今天自己简单实现了一下ajax和jsonp的封装,心血来潮想尝试一下XMLHttpRequest2的新特性,其实xhr也不算很新,浏览器兼容问题已经不多了(查看caniuse),只是平时很少去自己封装。加上最近想把h5的新特性都写写一下看看。初次学习,多多包涵。 搭建服务器 为什么要搭建服务器呢,因为ajax请求受同源策略限制,在本...
浏览:92

剖析简易计算器带你入门微信小程序开发

写在前面,但是重点在后面 这是教程,也不是教程。 可以先看Demo的操作动图,看看是个什么玩意儿,GitHub地址(https://github.com/dunizb/wxapp-sCalc) 自从微信小程序内测以来,我的网络信息几乎被它刷屏,一瞬间,都不知道发生了什么。特别是当晚有人熬夜吐血出教程,我勒个去,这么拼,感觉不立马学习等会儿就会被别人踩死在这个行业。惶恐惶恐的过来几...
浏览:85

页面

热点文章

手册 更多

top