重回前端第一天

记得第一次接触到web是2014年暑假，那个时候跟着某大神第一次接触到html，发现这玩意儿挺有意思的。就开始看W3C，我记得当时花了了两天不到就把html和CSS部分看完了。看完了这个有了一点感觉就跑去图书馆借了一本CSS3，也基本在很短时间里面看完了，那个时候会的觉得最高大上的就是玩图像映射，当时会了这个很是得瑟一会儿（表示现在已经忘了）。
后来就在慕课上开始零散的学了，越学越发现这个东西已经吸引了我，然后就向前文的大神表达了自己想跟着他学网页制作的技能，似乎大神对我有点不屑，就告诉我每天晚上他们会在某办公室有一个培训。第二天晚上下课我就兴冲冲的跑了过去，结果办公室铁门紧闭，人都没有，当时明白了还是大神看不上。就回去百度了一下大神告诉我的bootxxx框架，查过之后才知道原来叫bootstrap，正好官网上有几个群，就立刻加了一个，很幸运，有几个大神正在分享学习经验。其中一个分享了下面的内容（来自扣扣收藏）

---

html学习：
学习网址：http://www.w3school.com.cn/html/
学习内容：看完基础教程那段就行了，先不要再这块浪费太多时间。
然后去看：八小时学会div+css 视频教程
虽然是视频，但是可以弥补，自学没有老师讲解的不足
学习网址：http://bbs.csdn.net/topics/390648164 （燕十八的讲解是很通俗易懂的）
然后就是实操，这个我推荐一本很不错的书，当初我敲完了，就会了。
百度搜索《变幻之美》，不用去买，网上有电子档，然后素材也要下载
基本上一个网页你就可以布出来了。
然后就是学习javascript
这块是比较难，不过也没事的，只要努力记住这些知识点，在多练习，基本的特效，从浅到深，而且很多代码是开源的，过难的就百度找找仿一下。不过还是推荐一些比较好的教学。
入门教程推荐：智能社javascript 教学，然后有本很不错的书，叫做javascript高级教程。书配合着视频。
去慕课把javascript 的入门教程，跟深入教程都看完。那些知识点是一定要掌握的。
太多了懒得打字了

---

看了这个眼前一亮，就开始看燕十八的视频教程，那段时间兴趣正浓，八个小时视频边看边写，一气呵成（敢说那是长这么大做事最认真的一次，早上七点到晚上九点，看完才发现天黑了），看完这个真得感觉自己的level上升了很大一截，也因为这个把室友也拉入了写代码的坑。

看完这些后零散学完了js的一些基础语法。因为大二了没人带也逐渐迷茫起来，开始进行各种尝试。写代码也一度被搁置然后再写一下。期间学会了php及几种框架，mysql数据库也有了一些了解，基本准备在后台这条道走下去。近日一些原因，我准备重拾前端，今天是第一天开始，写此文做一些回顾，以作纪念

---

今日学习笔记

事件冒泡
当某一元素绑定了“click”事件，点击这个元素，“click”事件会依次在其父级元素中触发。
停止click事件冒泡

var a=getElementById("b");
a.click=function(e){
    e=event || window.event;//兼容低版本ie
    if(e.stopPropagation){
        e.stopPropagation();//chrome,firefox等浏览器
    }else{
    e.cancleBubble=true;//ie浏览器
    }
}

事件监听
var x=getElementById("y");
y.addEventListener(‘click’,fun,false);//为id为y的标签添加click属性，当点击y时执行函数fun

y.attachEvent("onclick",fun);//ie浏览器

获取鼠标的绝对定位
event = event || window.event;
x=event.clientX;
y=event.clientY;

获取元素的宽、高、与浏览器窗口距离
element.offsetWidth;//宽
element.offsetHeight;//高
略...

获取浏览器窗口尺寸
document.documentElement.clientWidth;//宽
document.documentElement.clientHeigjht;