2014 年 4月随笔档案 - 胡椒粉hjf

CSS3的新增边框属性

摘要：一、CSS3 新增的边框属性属性版本简介border-imageCSS3设置或检索对象的边框使用图像来填充border-image-sourceCSS3设置或检索对象的边框是否用图像定义样式或图像来源路径border-image-sliceCSS3设置或检索对象的边框背景图的分割方式border-i... 阅读全文

posted @ 2014-04-15 17:25 胡椒粉hjf 阅读(616) 评论(0) 推荐(0) 编辑

CSS3 新增颜色表示方式

摘要：一、CSS1&2颜色表示方式(W3C标准)1、Color name 颜色名称方式（用颜色关键字表示对应的颜色。）例如:red(红色)、blue(蓝色)、pink(粉色)优点：方便快捷而且特定颜色比较准确缺点：表示颜色数量有限。不支持透明颜色.2、HEX方式十六进制方式（使用十六进制表示颜... 阅读全文

posted @ 2014-04-15 14:20 胡椒粉hjf 阅读(569) 评论(0) 推荐(0) 编辑

CSS常用浮出层的写法

摘要：浮出层是web页面中经常用到的功能，带有小小尖角的浮出层则更为生动，所以今天带给大家的是有角的浮出层，一起看看吧！HTML： ◆◆ ◆◆ ◆◆ ◆◆ Hi，知道吗？大前端D7主题很快就疯抢了！以上HTML构成了一个浮出层和四个方... 阅读全文

posted @ 2014-04-15 13:29 胡椒粉hjf 阅读(647) 评论(1) 推荐(2) 编辑

CSS控制边界、边框与外轮廓

摘要：一、CSS控制边界1、内边距 padding（内边距也叫内填充） padding-bottom 长度/百分比元件下端边线的空隙 padding-left 长度/百分比元件左端边线的空隙 padding-right 长度/百分比元件右端边线的空隙 padding-top ... 阅读全文

posted @ 2014-04-15 02:47 胡椒粉hjf 阅读(3577) 评论(0) 推荐(0) 编辑

javascript库概念与连缀

摘要：一、JavaScript 库1.什么是javascript库：javascript库，说白了，就是把各种常用的代码片段，组织起来放在一个 js 文件里，组成一个包，这个包就是 JavaScript 库。现如今有太多优秀的开源 JavaScript 库，比如：jQuery、Prototype、Dojo... 阅读全文

posted @ 2014-04-14 15:06 胡椒粉hjf 阅读(263) 评论(0) 推荐(0) 编辑

Ajax

摘要：卡死经典款李方军阿斯科利大姐夫拉克丝点击发送李稻葵阅读全文

posted @ 2014-04-14 14:35 胡椒粉hjf 阅读(123) 评论(0) 推荐(0) 编辑

JSON

摘要：打算库房尽快拉萨的姐夫拉萨地咖啡阅读全文

posted @ 2014-04-14 14:34 胡椒粉hjf 阅读(109) 评论(0) 推荐(0) 编辑

XPath

摘要：的卡拉的算非进口量倒萨放假啊上的阅读全文

posted @ 2014-04-14 14:33 胡椒粉hjf 阅读(108) 评论(0) 推荐(0) 编辑

CSS3 新增的文本属性

摘要：一、CSS1&2中的文本属性(W3C标准)text-indentCSS1检索或设置对象中的文本的缩进letter-spacingCSS1检索或设置对象中的文字之间的间隔word-spacingCSS1检索或设置对象中的单词之间插入的空格数。vertical-alignCSS1/CSS2设置或检索对象... 阅读全文

posted @ 2014-04-14 01:35 胡椒粉hjf 阅读(642) 评论(0) 推荐(0) 编辑

DOM操作XML文件

摘要：一、IE中的XML（IE低版本才支持）在统一的正式规范出来以前，浏览器对于 XML 的解决方案各不相同。DOM2 级提出了动态创建 XML DOM 规范，DOM3 进一步增强了 XML DOM。所以，在不同的浏览器实现XML 的处理是一件比较麻烦的事情。1.创建 XMLDOM 对象IE 浏览器是第一... 阅读全文

posted @ 2014-04-13 21:00 胡椒粉hjf 阅读(288) 评论(0) 推荐(0) 编辑

表单处理

摘要：为了分担服务器处理表单的压力，JavaScript 提供了一些解决方案，从而大大打破了处处依赖服务器的局面。一、表单介绍在 HTML 中，表单是由元素来表示的，而在 JavaScript 中，表单对应的则是HTMLFormElement 类型。HTMLFormElement 继承了 HTMLElement，因此它拥有 HTML 元素具有的默认属性，并且还独有自己的属性和方法：1.获取表单对象的方法有很多种，如下：最后一种方法使用 name 名称直接获取元素，已经不推荐使用，这是向下兼容的早期用法。问题颇多，比如有两个相同名称的，变成数组；而且这种方式以后有可能会... 阅读全文

posted @ 2014-04-11 16:32 胡椒粉hjf 阅读(176) 评论(0) 推荐(0) 编辑

事件绑定与深入详解

摘要：事件绑定分为两种：一种是传统事件绑定(内联模型，脚本模型)，一种是现代事件绑定(DOM2 级模型)。现代事件绑定在传统绑定上提供了更强大更方便的功能。一．传统事件绑定的问题传统事件绑定有内联模型和脚本模型，内联模型我们不做讨论，基本很少去用。先来看一下脚本模型，脚本模型将一个函数赋值给一个事件处理函... 阅读全文

posted @ 2014-04-11 16:28 胡椒粉hjf 阅读(231) 评论(0) 推荐(0) 编辑

原型2

摘要：1.为了让属性和方法更好的体现封装的效果，并且减少不必要的输入，原型的声明可以使用字面量的方式使用构造函数创建原型对象和使用字面量创建对象在使用上基本相同，但还是有一些区别，字面量创建的方式使用 constructor 属性不会指向实例，而会指向 Object，构造函数创建的方式则相反。 function Box() {}; Box.prototype = { //使用字面量的方式创建原型对象，这里{}就是对象，是Object，new Object就相当于{} name : 'Lee', age : 100, ... 阅读全文

posted @ 2014-04-09 21:00 胡椒粉hjf 阅读(255) 评论(0) 推荐(0) 编辑

继承

摘要：继承是面向对象中一个比较核心的概念。其他正统面向对象语言都会用两种方式实现继承：一个是接口实现，一个是继承。而 ECMAScript 只支持继承，不支持接口实现，而实现继承的方式依靠原型链完成。 function Box() { //Box 构造 this.name = 'Lee'; } function Desk() { //Desk 构造 this.age = 100; } Desk.prototype = new Box... 阅读全文

posted @ 2014-04-09 21:00 胡椒粉hjf 阅读(197) 评论(0) 推荐(0) 编辑

CSS3的新增选择器

摘要：一、兄弟选择器：选择E元素所有兄弟元素F。中国十大杰出人物 ①别人家的孩子 ②别人家的爸爸 ③别人家的妈妈 ④别人家的老公 ⑤别人家的老婆 ... 阅读全文

posted @ 2014-04-08 01:35 胡椒粉hjf 阅读(407) 评论(0) 推荐(0) 编辑

canvas实例_在线画图工具

摘要：fadsfklasdjfklasjdklfjasdlk;fjasd;lfjaskl;dfjal 阅读全文

posted @ 2014-04-08 00:30 胡椒粉hjf 阅读(197) 评论(0) 推荐(0) 编辑

canvas实例_太阳系

摘要：dsklajfkladsjfklasdjfklasdjfl 阅读全文

posted @ 2014-04-08 00:22 胡椒粉hjf 阅读(175) 评论(0) 推荐(0) 编辑

canvas实例_时钟

摘要：效果图：是一个会动的时钟一、时钟的组成 1.表盘(蓝色) 2.刻度(黑色) 3.时针(黑色) 4.分针(黑色) 5.秒针(红色)需美化二、主要应用的技术 Canvas画线 Canvas画圆笔触修改和填充笔修改角度旋转 JS部分对象和方法(Date对象和setInterval) 阅读全文