摘要: 事件流 事件流 描述的是在页面中接受事件的顺序 事件冒泡 由最具体的元素接收,然后逐级向上传播至最不具体的元素的节点(文档) 事件捕获 最不具体的节点先接收事件,而最具体的节点应该是最后接收事件 事件处理 1.HTML事件处理 直接添加到HTML结构中 2.DOM0级事件处理 把一个函数赋值给一个事 阅读全文
posted @ 2017-03-02 21:06 letitia_blog 阅读(208) 评论(0) 推荐(0) 编辑
摘要: 什么是对象 1.什么是对象 JavaScript中的所有事物都是对象:字符串、数值、数组、函数... 每个对象带有属性和方法 JavaScript允许自定义对象 2.自定义对象: 定义并创建对象实例 使用函数来定义对象,然后创建新的对象实例 <script> people=new Object(); 阅读全文
posted @ 2017-03-02 21:05 letitia_blog 阅读(179) 评论(0) 推荐(0) 编辑
摘要: Jquery是一个优秀的js库,它简化了js的复杂操作,不需要关心浏览器的兼容问题,提供了大量实用方法。 Jquery的写法 方法函数化 链式操作 取值赋值合体] $(“p”).html(); 取值 $(“p”).html(‘hello’); 赋值 (当一组元素的时候,取值是一组中的第一个,赋值是一 阅读全文
posted @ 2017-03-02 21:02 letitia_blog 阅读(375) 评论(0) 推荐(0) 编辑
摘要: 常见的图片格式包含以下几种: *PNG 1996 优点:透明,无损压缩,渐进显示和流式读写,保留图像名称、作者、版权、创作时间 缺点:色彩支持少 PNG8 PNG24 PNG32,ie6不支持。 *JPEG 1992 优点:色彩多 缺点:有损压缩 *GIF 1987 优点:动态图,可透明,体积小。 阅读全文
posted @ 2017-03-02 21:01 letitia_blog 阅读(261) 评论(0) 推荐(0) 编辑
摘要: 一、flex布局基础 二、相对定位和绝对定位 flex的容器和元素 主轴(左-右),交叉轴(上-下) flex容器属性详解 flex-direction 决定元素的排列方向(默认row column) flex-wrap 决定元素如何换行(排列不下时) (nowrap不换行 wrap换行 wrap- 阅读全文
posted @ 2017-03-02 21:00 letitia_blog 阅读(1517) 评论(0) 推荐(0) 编辑
摘要: @media Media Queries(媒体查询),他的作用就是允许添加表达式用以确定媒体的环境情况,以此来应用不同的样式表。 其实就是,允许我们在不改变内容的情况下,改变页面的布局以精确适应不同的设备。 screen(屏幕)是媒体类型里的一种,css2.1定义了10种媒体类型。 and被称为关键 阅读全文
posted @ 2017-03-02 20:59 letitia_blog 阅读(197) 评论(0) 推荐(0) 编辑
摘要: 1.使用了bootstrap前端框架,使页面布局更加简洁,提高了前端页面的开发效率 主要用到的了bootstrap的删格系统,模态框,还有一些小的属性 还有就是页面的布局,一定要增强语义化,提高代码的可读性, 2.关于布局的命名规范, 最好减少每一个元素的类名定义,最好的方法就是给最外面的元素定义一 阅读全文
posted @ 2017-03-02 20:58 letitia_blog 阅读(216) 评论(0) 推荐(0) 编辑
摘要: 1.head部分添加icon图片 <link rel="Shortcut Icon" href="imgs/myicon.ico"> 2.不同设备尺寸的媒体查询 @media(max-width:767px){ } @media(min-width:768px)and(max-width:991px 阅读全文
posted @ 2017-03-02 20:57 letitia_blog 阅读(101) 评论(0) 推荐(0) 编辑
摘要: columns 分栏 column的中文意思就是栏的意思,在html中,作用是分列,把一块内容相同比例均匀的分成一块一块的列,想报纸的内容似的,一篇文章在一张内容上分成好几栏那样显示,它的属性有 1.columns: columns-width column-count; 每一列的宽度和分成多少列; 阅读全文
posted @ 2017-03-02 20:52 letitia_blog 阅读(1296) 评论(0) 推荐(0) 编辑
摘要: 使用的前端框架 bootstrap框架 Bootstrap是一个响应式的框架 我们在使用的时候主要使用的是它的网格系统, 1.bootstrap布局 布局容器:.container(用于固定宽度并支持响应式布局的容器) .container-fluid(用于100%宽度,占据全部视口的容器) @me 阅读全文
posted @ 2017-03-02 20:50 letitia_blog 阅读(187) 评论(0) 推荐(0) 编辑
摘要: word-wrap: break-word; word-break: break-all; 阅读全文
posted @ 2017-03-02 20:33 letitia_blog 阅读(163) 评论(0) 推荐(0) 编辑
摘要: offset() 只对可见元素有效,获取匹配元素在当前视口的相对偏移,返回的对象有两个整型属性,top和left,像素计算; position() 相对父元素的偏移,position.left position.top scrollTop() 相对滚动条顶部的偏移,(可见、隐藏元素都有效) scro 阅读全文
posted @ 2017-03-02 20:27 letitia_blog 阅读(194) 评论(0) 推荐(0) 编辑
摘要: text-transform: none: 默认 不设置,全是小写 capitalize: 每个单词以大写字母开头 uppercase: 全部是大写字母 lowercase: 全部是小写字母 inherit: 继承父元素的text-transform属性值 阅读全文
posted @ 2017-03-02 20:21 letitia_blog 阅读(1706) 评论(0) 推荐(0) 编辑
摘要: global 全局 style.css containers: 1400px;容器宽度 xlarge 超大屏(media: max-width:1680px) style-xlarge.css containers:1200px;容器宽度 large 大屏 (media: max-width:128 阅读全文
posted @ 2017-03-02 20:18 letitia_blog 阅读(223) 评论(0) 推荐(0) 编辑
摘要: @media (min-width:1200px){ } @media (min-width:992px) and (max-width:1199px){ } @media (min-width:768px) and (max-width:991px){ } @media (max-width:76 阅读全文
posted @ 2017-03-02 20:00 letitia_blog 阅读(502) 评论(0) 推荐(0) 编辑
摘要: html代码 css代码 js代码 阅读全文
posted @ 2017-03-02 19:50 letitia_blog 阅读(1474) 评论(0) 推荐(0) 编辑
摘要: 阅读全文
posted @ 2017-03-02 17:52 letitia_blog 阅读(195) 评论(0) 推荐(0) 编辑
摘要: 阅读全文
posted @ 2017-03-02 17:39 letitia_blog 阅读(97) 评论(0) 推荐(0) 编辑
摘要: 阅读全文
posted @ 2017-03-02 17:34 letitia_blog 阅读(277) 评论(0) 推荐(0) 编辑
摘要: 阅读全文
posted @ 2017-03-02 17:12 letitia_blog 阅读(111) 评论(0) 推荐(0) 编辑