WEB
文章平均质量分 71
棒老师
爱好前端设计与开发,崇尚一目了然的设计。
展开
-
原型界面简介
什么事原型界面设计? 原型设计是交互设计师与PD、PM、网站开发工程师沟通的最好工具。而该块的设计在原则上必须是交互设计师的产物,交互设计以用户为中心的理念会贯穿整个产品。利用交互设计师专业的眼光与经验直接导至该产品的可用性。原创 2014-09-28 21:54:37 · 3251 阅读 · 0 评论 -
网络七层协议
OSI是一个开放性的通行系统互连参考模型,他是一个定义的非常好的协议规范。OSI模型有7层结构,每层都可以有几个子层。 OSI的7层从上到下分别是 7 应用层 6 表示层 5 会话层 4 传输层 3 网络层 2 数据链路层 1 物理层其中高层,即7、6、5、4层定义了应用程序的功能,下面3层,即3、2、1层主要面向通过网络的端到端的数据流。原创 2014-10-03 13:02:16 · 603 阅读 · 0 评论 -
DOM节点信息的获取
通过js更改页面颜色的一个小例子及其js中一些属性的用法 对form表单中的一些元素进行操纵Dom节点信息的获取 2009-11-28 23:15:58| 分类: 学习 | 标签: |举报 |字号大中小 订阅 Dom节点信息的获取 function mm(){ var body_elements=document.getElementsByTagNam原创 2014-11-04 20:04:03 · 771 阅读 · 0 评论 -
DOM节点
由于DOM(文档对象模型)概念的推出,这个API使HTML如虎添翼,但是有些学DHTML的朋友还是有些困挠,只是因为目前的手册的书写不太科学,是按字母来分的,不便查阅.其实DOM中最关键是要掌握节点与节点之间的关系(between node and node),想学习DHTML中的DOM千万不要从头到尾地看遍所有的属性和方法,你有三国时张松的"过目不忘"的本领吗?没有吧,那就听我分析一下:其实D原创 2014-11-04 20:00:42 · 574 阅读 · 0 评论 -
DOM节点操作
.访问节点 document.getElementById(id);返回对拥有指定id的第一个对象进行访问document.getElementsByName(name);返回带有指定名称的节点集合 注意:Elementsdocument.getElementsByTagName(tagname);返回带有指定标签名的对象集合 注意:Elementsdocument.get原创 2014-11-04 20:02:12 · 556 阅读 · 0 评论 -
DOM节点属性表
属性: 1 Attributes 存储节点的属性列表(只读) 2 childNodes 存储节点的子节点列表(只读) 3 dataType 返回此节点的数据类型 4 Definition 以DTD或XML模式给出的节点的定义(只读) 5 Doctype 指定文档类型节点(只读) 6 document原创 2014-11-04 20:03:14 · 840 阅读 · 0 评论 -
css渐变
border *{ background:#eee; } .div_border-img{ width: 200px; height: 100px; background: #e43; /*border:30px solid; */ border-width: 30px; border-image: url(11.jpg) 15 3原创 2014-10-18 18:11:04 · 457 阅读 · 0 评论 -
DOM节点属性和方法
DOM节点分为:文档节点、元素节点、属性节点和文本节点。节点属性:nodeName:节点名称。 nodeValue:节点的值。parentNode:节点的父节点。每个元素、属性和文本都有一个父节点。childNodes:节点的孩子节点列表。对于HTML,该列表仅对元素有意义,文本节点和属性节点都没有孩子。firstChild:仅仅是childNodes列表中第一个节点的快捷原创 2014-11-04 20:02:23 · 691 阅读 · 0 评论 -
DOM获取节点的兄弟,父节点,子节点
先说一下JS的获取方法,其要比JQUERY的方法麻烦很多,后面以JQUERY的方法作对比。JS的方法会比JQUERY麻烦很多,主要则是因为FF浏览器,FF浏览器会把你的换行也当最DOM元素原生的JS获取ID为test的元素下的子元素。可以用:var a = docuemnt.getElementById("test").getElementsByTagName("div原创 2014-11-04 20:04:45 · 7739 阅读 · 0 评论 -
css动画演示
动画演示 #div_1{ width: 300px; height: 150px; background-color: #000000; -webkit-animation:htx 5s; } @-webkit-keyframes htx{ from{background-color: yellow;} to{background-color:原创 2014-10-18 18:08:52 · 482 阅读 · 0 评论 -
css无限旋转
@keyframes(动画) .div_keyf{ width: 130px; height: 100px; -webkit-animation: hehe 5s; } @-webkit-keyframes hehe{ from{background: #F92672;} to{background: #E8D81F;} } .di原创 2014-10-18 18:08:10 · 1052 阅读 · 0 评论 -
http状态码
状态码状态码英文名称中文描述100Continue继续。客户端应继续其请求101Switching Protocols切换协议。服务器根据客户端的请求切换协议。只能切换到更高级的协议,例如,切换到HTTP的新版本协议 200原创 2014-10-03 12:59:41 · 374 阅读 · 0 评论 -
PS快捷键
一、工具箱(多种工具共用一个快捷键的可同时按【Shift】加此快捷键选取) 矩形、椭圆选框工具 【M】 移动工具 【V】 套索、多边形套索、磁性套索 【L】 魔棒工具 【W】 裁剪工具 【C】 切片工具、切片选择工具 【K】 喷枪工具 【J】 画笔工具、铅笔工具 【B】 像皮图章、图案图章 【S】 历史画笔工具、艺术历史画笔 【Y】 像皮擦、背景擦除、魔术像皮擦 【E】 渐原创 2014-10-12 17:21:48 · 465 阅读 · 0 评论 -
Dom介绍
JAXP:Java API for XML ProgramingDOM:Document Object MethodDOM特点:(1)将XML文档全部放入内存进行解析,因此耗内存;(2)能够对XML进行增删改查; xiazdong 20变成DOM树:二、DOM APIDOM常用的类有:DocumentBuilderFacto原创 2014-10-26 11:53:51 · 395 阅读 · 0 评论 -
Window对象
Window 对象Window 对象是 JavaScript 层级中的顶层对象。Window 对象代表一个浏览器窗口或一个框架。Window 对象会在 或 每次出现时被自动创建。有关 Window 对象的详细描述。IE: Internet Explorer, F: Firefox, O: Opera.Window 对象的集合Collection Description I原创 2014-10-26 11:46:43 · 428 阅读 · 0 评论 -
HTML安全16进制色一览表
HTML颜色参考在HTML里,颜色有两种表示方式。一种是用颜色名称表示,比如blue表示蓝色。另外一种是用16进制的数值表示RGB的颜色值。RGB是Red,Green,Blue意思,RGB每个原色的最小值是0,最大值是255,如果换算成16进制表示,就是(#00),(#FF)。比如白色的RGB(255,255,255),就用#FFFFFF表示;还有黑色的RGB(0,0,0),就用#000000表原创 2014-10-08 20:47:11 · 704 阅读 · 0 评论 -
Dom
什么是DOM? 通过 JavaScript,您可以重构整个HTML文档。您可以添加、移除、改变或重排页面上的项目。要改变页面的某个东西,JavaScript就需要对HTML文档中所有元素进行访问的入口。这个入口,连同对HTML 元素进行添加、移动、改变或移除的方法和属性,都是通过文档对象模型来获得的(DOM)。在 1998 年,W3C 发布了第一级的 DOM 规范。这个规范允原创 2014-10-26 11:51:47 · 430 阅读 · 0 评论 -
Axure RP
Axure RPAxure RP是一个专业的快速原型设计工具。Axure(发音:Ack-sure),代表美国Axure公司;RP则是Rapid Prototyping(快速原型)的缩写。原创 2014-09-29 20:00:55 · 888 阅读 · 0 评论 -
CSS标签大全
字体属性:(font) 大小 font-size: x-large;(特大) xx-small;(极小) 一般中文用不到,只要用数值就可以,单位:PX、PD 样式 font-style: oblique;(偏斜体) italic;(斜体) normal;(正常) 行高 line-height: normal;(正常) 单位:PX、PD、EM 粗细 font-weight: bold;(粗体原创 2014-10-08 20:41:05 · 603 阅读 · 0 评论 -
常用颜色RGB值
一 CSS文字属性:color : #999999; /*文字颜色*/font-family : 宋体,sans-serif; /*文字字体*/ font-size : 9pt; /*文字大小*/ font-style:itelic; /*文字斜体*/ font-variant:small-caps; /*小字体*/ letter-spacing : 1pt; /*字间距离*/ li原创 2014-10-08 20:43:28 · 4028 阅读 · 0 评论 -
Document
Document 对象Document 对象代表整个 HTML 文档,可用来访问页面中的所有元素。Document 对象是 Window 对象的一个部分,可通过 window.document 属性来访问。有关 Document 对象的详细描述。IE: Internet Explorer, F: Firefox, O: Opera, W3C: World Wide Web Conso原创 2014-10-26 11:48:55 · 448 阅读 · 0 评论 -
CSS标签宝典大全
字体属性:(font) 大小 font-size: x-large;(特大) xx-small;(极小) 一般中文用不到,只要用数值就可以,单位:PX、PD 样式 font-style: oblique;(偏斜体) italic;(斜体) normal;(正常) 行高 line-height: normal;(正常) 单位:PX、PD、EM 粗细 font-weight: bold;(粗体原创 2014-10-09 20:40:08 · 807 阅读 · 0 评论 -
Mockup知识点
Mockups 是一个 手绘风格的、轻量级的 制作“界面原型”的 小软件。 - 快——它能让我以最快的速度把界面原型画出来。 - 手绘风格——用它画出来的界面是不折不扣手绘风格,很酷。手绘风格看上去有些“不正经”?不太好看?恰恰相反,在原型阶段,手绘风格可以强迫设计者和客户把注意力集中在程序的功能、布局和交互上,这样你就不会听到客户说“这个按钮的颜色我不太喜欢……”。 -原创 2014-10-12 17:15:42 · 1090 阅读 · 0 评论 -
css心脏的跳动
#heart { position: relative; width: 100px; height: 90px; -webkit-animation:htx 0.2s linear infinite;}#heart:before,#heart:after { position: absolute; content: "";原创 2014-10-18 18:09:59 · 1406 阅读 · 0 评论