文章分类 -  前端

windows系统下简单nodejs安装及环境配置
摘要：源：http://www.jb51.net/article/33086.htm相信对于很多关注javascript发展的同学来说,nodejs已经不是一个陌生的词眼,这里不想谈太多的nodejs的相关信息。只说一下，windows系统下简单nodejs环境配置相信对于很多关注javascript发展... 阅读全文
posted @ 2014-08-18 22:22 roilat 阅读(139) 评论(0) 推荐(0)
初识NodeJS，一个基于GoogleV8引擎的Javascript运行环境
摘要：源：http://www.cnblogs.com/CodeGuy/archive/2013/04/19/3030567.htmlNodeJS简介 思考 首先我们来思考一个问题：我们都知道几乎所有现代主流浏览器都全面支持了ECMAScript 5.1版标准，而JavaScript的标准是ECMA... 阅读全文
posted @ 2014-08-18 17:01 roilat 阅读(287) 评论(0) 推荐(0)
被eclipse愚弄——关于org/eclipse/core/runtime包的问题
摘要：源：http://blog.csdn.net/nabber/article/details/1879511如果阁下看到了这篇文章，估计你已经碰到了这样的困那。当你看似正确的代码（应该是初次碰到类似的代码吧，这些大多数菜籽教材或者网络）经过一番霹雳啪啦的敲键盘之后，怀着满心的兴奋运行，却被弹出can't find the main class 等等类似的对话框，看eclipse控制台的输出信息上显示着一两行红字java.lang.NoClassDefFoundError: org/eclipse/core/runtime/IProgressMonitor Exception in thr 阅读全文
posted @ 2014-03-09 11:23 roilat 阅读(4384) 评论(0) 推荐(0)
jQuery学习笔记
摘要：jQuery 库 - 特性jQuery 是一个 JavaScript 函数库。jQuery 库包含以下特性：HTML 元素选取HTML 元素操作CSS 操作HTML 事件函数JavaScript 特效和动画HTML DOM 遍历和修改AJAXUtilitiesjQuery 选择器选择器实例选取*$("*")所有元素#id$("#lastname")id="lastname" 的元素.class$(".intro")所有 class="intro" 的元素element$("p" 阅读全文
posted @ 2014-02-17 14:43 roilat 阅读(132) 评论(0) 推荐(0)
解密jQuery事件核心 - 委托设计（二）
摘要：第一篇http://www.cnblogs.com/aaronjs/p/3444874.html从上章就能得出几个信息：事件信息都存储在数据缓存中对于没有特殊事件特有监听方法和普通事件都用addEventListener来添加事件了。而又特有监听方法的特殊事件，则用了另一种方式来添加事件。本章分析的重点：通过addEventListener触发事件后，回调句柄如何处理？具体来说就是，如何委派事件的，用到哪些机制，我们如果用到项目上是否能借鉴？涉及的处理：事件句柄的读取与处理事件对象的兼容，jQuery采取什么方式处理？委托关系的处理jQuery引入的处理方案jQuery.event.fix(e 阅读全文
posted @ 2013-12-02 14:29 roilat 阅读(145) 评论(0) 推荐(0)
marquee无缝滚动例子
摘要：第一、新建marquee.css文件。在marquee.css文件中加入如下如下CSS代码：#demo {background: #FFF;overflow:hidden;border: 1px dashed #CCC;width: 950px; height:144px;}#demo img { height:144px; width:180px;}#demo img:hover{ border:1px solid #ffa800;}#indemo {float: left;width: 800%;}#demo1 {float: left;}#demo2 {float: left;}#dem 阅读全文
posted @ 2013-11-18 13:04 roilat 阅读(208) 评论(0) 推荐(0)
ie6和ie7下z-index bug的解决办法
摘要：一、匆匆带过的概念 关于CSS中层级z-index的定义啊什么的不是本文的重点，不会花费过多篇幅详细讲述。这里就简单带过，z-index伴随着层的概念产生的。网页 中，层的概念与photoshop或是flash中层的概念是一致的。熟悉photoshop或是flash的应该知道，层级越高（图层越靠上），越在上 面显示，如果层发生重叠，层级高的会覆盖层级低的，如果非透明或半透明，则会遮挡。在photoshop中，层的高低就是靠手动调的，鼠标拖拽，或是ctrl+]或是ctrl+shift+[快捷键改变层的次序。如下图，鼠标拖移 改变层次序的过程中：在flash中，类似，可以手动改变图层次序，或是使用 阅读全文
posted @ 2013-11-13 09:47 roilat 阅读(122) 评论(0) 推荐(0)
DOM学习笔记
摘要：HTML DOM 定义了访问和操作 HTML 文档的标准。什么是 DOM？DOM 是 W3C（万维网联盟）的标准。DOM 定义了访问 HTML 和 XML 文档的标准：“W3C 文档对象模型 （DOM） 是中立于平台和语言的接口，它允许程序和脚本动态地访问和更新文档的内容、结构和样式。”W3C DOM 标准被分为 3 个不同的部分：核心 DOM - 针对任何结构化文档的标准模型XML DOM - 针对 XML 文档的标准模型HTML DOM - 针对 HTML 文档的标准模型编者注：DOM 是 Document Object Model（文档对象模型）的缩写。什么是 XML DOM？XML D 阅读全文
posted @ 2013-09-05 22:16 roilat 阅读(114) 评论(0) 推荐(0)
javascript笔记
摘要：JavaScript可以：1、写入 HTML 输出(document.write("This is a heading");)2、对事件作出反应(点击这里)3、改变 HTML 内容(x=document.getElementById("demo") //查找元素 x.innerHTML="Hello JavaScript"; //改变内容)4、改变 HTML 图像function changeImage(){element=document.getElementById('myimage')if (element.sr 阅读全文
posted @ 2013-09-04 17:55 roilat 阅读(188) 评论(0) 推荐(0)
html相关笔记
摘要：首先是html速查手册，其实一些html基础使用时再查寻；http://www.w3school.com.cn/html/html_quick.aspHTML高级部分HTML 常用的声明HTML5HTML 4.01XHTML 1.0HTML 头部元素HTML 元素 元素是所有头部元素的容器。 内的元素可包含脚本，指示浏览器在何处可以找到样式表，提供元信息，等等。以下标签都可以添加到 head 部分：、、、、 以及 。HTML 元素 标签为页面上的所有链接规定默认地址或默认目标（target）：HTML 元素元数据（metadata）是关于数据的信息。 标签提供关于 HTML 文档的元数据... 阅读全文
posted @ 2013-08-30 16:40 roilat 阅读(194) 评论(0) 推荐(0)
css 选择器
摘要：1、元素选择器（类型选择器）最常见的 CSS 选择器是元素选择器。换句话说，文档的元素就是最基本的选择器。例如：html {color:black;}h1 {color:blue;}h2 {color:silver;}“类型选择器匹配文档语言元素类型的名称。类型选择器匹配文档树中该元素类型的每一个实例。”在xml中也可以：xml文档：GeorgeJohnReminderDon't forget the meeting!css文档：note { font-family:Verdana, Arial; margin-left:30px; }to { font-size:28px; d... 阅读全文
posted @ 2013-08-27 14:44 roilat 阅读(214) 评论(0) 推荐(0)
图解CSS的padding,margin,border属性(详细介绍及举例说明)
摘要：图解CSS的padding,margin,border属性W3C组织建议把所有网页上的对像都放在一个盒(box)中，设计师可以通过创建定义来控制这个盒的属性，这些对像包括段落、列表、标题、图片以及层。盒模型主要定义四个区域：内容(content)、边框距(padding)、边界(border)和边距(margin)。 对于初学者，经常会搞不清楚margin，background-color，background-image，padding，content，border之间的层次、关系和相互影响。这里提供一张盒模型的3D示意图，希望便于你的理解和记忆。 margin：层的边框以外留的空白back 阅读全文
posted @ 2013-08-27 00:15 roilat 阅读(174) 评论(0) 推荐(0)