2017年3月2日

CSS Sprites (css精灵)

摘要: CSS Sprites CSS Sprites在国内很多人叫css精灵,是一种网页图片应用处理方式。它允许你将一个页面涉及到的所有零星图片都包含到一张大图中去,这样一来,当访问该页面时,载入的图片就不会像以前那样一幅一幅地慢慢显示出来了。对于当前网络流行的速度而言,不高于200KB的单张图片的所需载 阅读全文

posted @ 2017-03-02 08:25 sjpqy 阅读(192) 评论(0) 推荐(0)

标准盒子模型和IE盒子模型

摘要: 盒子模型是css中一个重要的概念,理解了盒子模型才能更好的排版。其实盒子模型有两种,分别是 ie 盒子模型和标准 w3c 盒子模型。他们对盒子模型的解释各不相同,先来看看我们熟知的标准盒子模型: 从上图可以看到标准 W3C 盒子模型的范围包括 margin、border、padding、conten 阅读全文

posted @ 2017-03-02 00:36 sjpqy 阅读(147) 评论(0) 推荐(0)

2017年2月27日

鼠标跟随运动效果

摘要: 鼠标跟随运动效果展示1、使用命令创建基本结构ul.cursorPlay#cursorPlay>li*12>a>img+div>span2、给span标签添加字段3、设置基本的样式1、cursorPlay的宽度 992px,高度600px2、cursorPlay li背景为白色,内边距为8px,外边距 阅读全文

posted @ 2017-02-27 16:20 sjpqy 阅读(219) 评论(0) 推荐(0)

git 命令大全

摘要: 参考网址:http://www.liaoxuefeng.com/wiki/0013739516305929606dd18361248578c67b8067c8c017b000一、安装git 1、下载 2、配置 $ git config --global user.name "Your Name" $ 阅读全文

posted @ 2017-02-27 16:11 sjpqy 阅读(222) 评论(0) 推荐(0)

JavaScript 原型链

摘要: 前言 JavaScript 不包含传统的类继承模型,而是使用 prototypal 原型模型。 虽然这经常被当作是 JavaScript 的缺点被提及,其实基于原型的继承模型比传统的类继承还要强大。实现传统的类继承模型是很简单,但是实现 JavaScript 中的原型继承则要困难的多。 由于 Jav 阅读全文

posted @ 2017-02-27 01:08 sjpqy 阅读(261) 评论(0) 推荐(0)

2017年2月25日

js基础---cookie存储

摘要: 一、Cookie是什么Cookie是一种客户端(浏览器)把用户信息以文件形式存储到本地硬盘的技术,说白了就是一种浏览器技术 二、Cookie的作用Cookie的作用很单一,就是存储客户数据。(存储数据的文件叫Cookie文件) 三、Cookie与变量的区别变量:数据是存储到内存中的,是一种暂时存储( 阅读全文

posted @ 2017-02-25 00:28 sjpqy 阅读(479) 评论(0) 推荐(0)

html5新增标签

摘要: html5新增标签<section></section> 表示内容区块,一般入章节、页眉、页脚或者页面中的其他部分。可以与h1-h6等元素结合起来使用,标示文档的结构 <section></section><article></article>表示页面中的一块与上下文不相关的独立内容,譬如博客中的一 阅读全文

posted @ 2017-02-25 00:16 sjpqy 阅读(222) 评论(0) 推荐(0)

2017年2月24日

css清除浮动的方法

摘要: 1,父级div定义 height 原理:父级div手动定义height,就解决了父级div无法自动获取到高度的问题。 优点:简单、代码少、容易掌握 缺点:只适合高度固定的布局,要给出精确的高度,如果高度和父级div不一样时,会产生问题 建议:不推荐使用,只建议高度固定的布局时使用 2,结尾处加空di 阅读全文

posted @ 2017-02-24 23:05 sjpqy 阅读(327) 评论(0) 推荐(0)

querySelectorAll与getElementsBy对比有什么不同

摘要: querySelectorAll与getElementsBy对比有什么不同javascript中的querySelectorAll与getElementsBy都可以获取dom元素对象,但是他们又有什么不同点呢?1. W3C 标准 querySelectorAll 属于 W3C 中的 Selector 阅读全文

posted @ 2017-02-24 13:37 sjpqy 阅读(806) 评论(0) 推荐(0)

正则表达式的相关验证

摘要: JS判断只能是数字和小数点 0.不能输入中文 1) 2) 1.文本框只能输入数字代码(小数点也不能输入) 2.只能输入数字,能输小数点. 3.数字和小数点方法二 4.只能输入字母和汉字 5.只能输入英文字母和数字,不能输入中文 6.只能输入数字和英文<font color="Red">chun</f 阅读全文

posted @ 2017-02-24 13:17 sjpqy 阅读(237) 评论(0) 推荐(0)

导航