摘要：
在JS中获取子节点有以下几种方法： firstElementChild、firstChild、childNodes和children 我们通过一个例子来分析这几种方法的区别（获取div下的p标签） 输出结果是这样的： firstElementChild和Children 都成功获取到了p标签，那另外 阅读全文
摘要：
先看一个很有意思的例子： 用字面量的方式定义了一个正则表达式 /\w/g，再重复匹配字符串 ‘ab’ 的时候，出现了结果不唯一的现象。 很多新手都对这种现象感到困惑，难道是正则表达式不稳定吗？ 接下来我们深入学习一下，Javascript中的RegExp对象。 RegExp对象的属性 1. glob 阅读全文
摘要：
1 数字：^[0-9]*$ 2 n位的数字：^\d{n}$ 3 至少n位的数字：^\d{n,}$ 4 m-n位的数字：^\d{m,n}$ 5 零和非零开头的数字：^(0|[1-9][0-9]*)$ 6 非零开头的最多带两位小数的数字：^([1-9][0-9]*)+(.[0-9]{1,2})?$ 7 阅读全文
摘要：
在见识了html5中canvas的强大，笔者准备制作一个简易时钟。 下面就是成果啦，制作之前我们先分析一下，绘制一个时钟需要做哪些准备。 一 、 1.首先这个时钟分为表盘，指针（时针，分针，秒针）和数字三部分。 2.表盘是个圆，这个简单。 3.绘制指针时，需要先获取到系统时间，然后找到时间和角度的关 阅读全文
摘要：
在我们实现导航栏的时候，经常要用到ul标签。 通常，我们是通过给li标签设置display：inline-block来使其在一行里显示，但是这个时候出现了一个很头疼的问题。 我们先上代码。 将页面放大以后我们发现，每个li标签的后面都出现了一点点间隙。这是为什么呢？ 问题的原因所在 笔者写过一篇关于 阅读全文
摘要：
很多时候子元素的浮动，会造成父元素高度塌陷 解决方法： 1.给父元素末尾添加一个空元素，并设置成清除浮动，即： <div style="clear:both;"></div> 优点：通俗易懂，易于掌握 缺点：添加了无意义标签，不易于后期维护，违背了结构和表现分离的标准 2.给父元素添加 overfl 阅读全文
摘要：
笔者在实现点击表格中某行添加高亮的效果时，发现一个css()和addClassd()的冲突，具体代码如下： 单从代码逻辑上来看，是没有错的。点击后字体颜色也确实改变了，只是背景颜色却不会改变。按理说会按顺序来，最后设置的样式会把之前的同类样式覆盖掉。实际却没有。 这是为什么呢？先从优先级的角度分析。 阅读全文
摘要：
一.DOM节点 分为三大类： 1.元素节点 ：<html>、<body>、<p>等标签 2.文本节点 ：标签内的文本。例如<p>这就是文本节点</p>，里面的“这就是文本节点”这段文字就是一个文本节点。 注：Chrome、opera等浏览器中，把节点与节点之中的空白符（即空格）也视为文本节点。如下面 阅读全文
摘要：
终于开通博客了。最近正在学习JQ，以后立志成为一名前端工程师。 现在正在上大学，只在课余时间学习一些前端的知识。这一年来磕磕碰碰，绕了不少弯子，还是小白一个。 现开通博客，希望记录下自己在学习过程中的一些心得感受，并分享给大家。 阅读全文