5月9日上课笔记-网页定位、网页动画【HTML5】

一、网页定位
    position:
        static (默认值)
        relative 相对定位(相对原来的位置)
            right
            left
            botton
            top
        absolute 绝对定位
        fixed: 固定定位 (相对浏览器窗口)
    z-index
        定位时,重叠层上下位置
二、网页动画
    变形函数:
        transform:
            translate(平移函数  x,y平移)
            translateX
            translateY
            scale(2,2); 宽度,高度
            skew(10deg,10deg); 倾斜
            rotate  2D旋转  顺时针
    过度效果:
        transition
        动画函数:
            ease:速度由快到慢(默认值)
            linear:速度恒速(匀速运动)
            ease-in:速度越来越快(渐显效果)
            ease-out:速度越来越慢(渐隐效果)
            ease-in-out:速度先加速再减速(渐显渐隐效果)

    animation
        @keyframes 创建动画

    安装aptana插件
        \MyEclipse 10\dropins
    tips:
        aptana
        spket
        javascript  jquery
        二进制
        十进制
        八进制
        十六进制
        http://jingyan.baidu.com/article/495ba84109665338b30ede98.html
时间: 2024-10-11 13:44:43

5月9日上课笔记-网页定位、网页动画【HTML5】的相关文章

4月6日学习笔记——如何提高网页加载速度(前端面试考点)

网页的加载速度是评估网站质量一个重要指标.原因在于大多数用户能够容忍的网页加载时间只有几秒,如果超出了访客的忍受范围他们会毫不留情地关掉你的网 页,所以网页载入速度会极大地影响网站的流量和访问.以下总结了几种可以明显提高网站加载速度的初步简单技巧方式,如果你的网站存在载入速度慢的问题不妨 与此为参考对网页做些初步优化. 网页加载提速之 – 优化网页图片文件 你的网页一定有图片,加载一个网页往往图片的总尺寸是最大的,特别是那些颜色丰富的背景图片和大副广告图片.所以一般要在同等图片质量的情况下要尽可

4月6日学习笔记——css设置网页打印样式

有三种方法 1. 为屏幕显示和打印分别准备一个css文件,如下所示:  用于屏幕显示的css: <link rel="stylesheet" href="css/noprint.css" media="screen" />  用于打印的css:<link rel="stylesheet" href="css/print.css" media="print" />

5月12日上课笔记-js 弹出框、函数、程序调试、基本事件、浏览器对象模型

一.弹出框 a.提示框 alert(); b.输入框 prompt(); c.确认框 confirm(); var flag= confirm("确认删除吗?"); 二.js程序调试 先看console控制台是否报错 浏览器debug alert(); console.log(); 三.函数 系统函数: parseInt(); 能够转换首字符是数字的字符串 Number();只能转换数字的字符串 isNaN(); is not a number //是不是非数字? 自定义函数: a.f

5月3日上课笔记-XML解析

一.XML编程 1.xml编程的两种解析方式 1.1 dom解析 优点:一次加载,多次使用.可以方便的对xml文档进行增删改查 缺点:如果xml文档过大的话,加载的时候会比较占用内存空间比较大,消耗资源,时间长. 1.2 sax解析 优点:一行行读取加载,占用空间少,消耗内存资源少,时间短. 缺点:如果下次使用还得重新加载,只适合查询操作,不适合增删改. 针对加载一次使用一次的问题,可以采取针对性的措施,即在加载的时候可以保存在集合中进行存储. 2.xml解析开发工具包 2.1 jaxp sun

5月15日上课笔记-js中 location对象的属性、document对象、js内置对象、Date事件对象、

location的属性: host: 返回当前主机名和端口号 定时函数: setTimeout( ) setInterval() 二.document对象 getElementById(); 根据ID值获取一个DOM对象 getElementsByName(); 根据name属性值获取多个Dom对象 getElementsByTagName(); 根据标签获取多个DOM对象 获取标签体内容 innerHTML 获取input的value值 value 获取下拉框选中的值 value this 代

5月16日上课笔记-js中DOM操作

一.DOM操作 DOM节点的操作 增加 删除 修改 节点的信息: nodeName 获取节点的标签名 parentNode 获取父节点 childNodes IE忽略回车换行,chrome回车换行是文本节点 nodeType 节点类型: 1:元素节点 3:文本节点 9:document节点 2:属性节点 firstChild(支持IE浏览器) || firstElementChild(支持谷歌浏览器) //获取第一个子节点 var fc = ulDom.firstElementChild ||

5月31日上课笔记-Mysql简介

一.mysql 配置mysql环境变量 path中添加 D:\Program Files\MySQL\MySQL Server 5.7\bin cmd命令: 登录:mysql -uroot -p 退出:exit; 服务启动:net start mysql 服务停止:net stop mysql 常用数据库: oracle : 产品免费,服务收费 sql server mysql : 应用广泛 DBMS:数据库管理系统 (C3p0连接池 JDBC) mysql默认数据库引擎 :InnoDB mys

5月17日上课笔记-js面向对象

二.js面向对象 js创建对象: var 对象名称 = new Object(); person.name = "小明"; //姓名 person.age = 18; person.location = "合肥"; person.showName = function(){ alert(this.name); } //调用属性 //alert(person.name); person.showName(); 字面量创建对象: JSON格式 var person={

5月8日上课笔记-浮动float

IO文件复制 字符流(只能对文本文件进行操作) Reader Writer 字节流(对所有文件都能操作) InputStream OutputStream 一.浮动 边框弧度 border-radius: 20px 10px 50px 30px; 弧度画圆形 长宽一样 border-radius:50% 盒子阴影: box-shadow: 浮动float: 1.display none //隐藏 block //显示块级元素 inline //显示为内联元素 inline-block // 既有