关于JavaScript的学习

     之前自己一直都是在OneNote上记些学习笔记，因为总觉得自己太low，怕发在网上会被人吐槽，今天第一次发博客，也算是监督自己吧，之后会坚持打卡！

     由于之前导师催着让学React，所以囫囵吞枣的把HTML，CSS，还有JavaScript给看了下，基本上都是在W3school上看的，JavaScript看到DOM那里就没再看了，就开始看React。React的学习刚开始是看别人给我发的那个翻译版的《the-road-to-learn-react-chinese》,看着觉得非常吃力，就在网上买了个React的视频教程，看的是慕课网上的一个，讲的挺基础的，讲的内容就是以下图片中的，听着感觉也差不多，就是里面对于一些CSS的设置，不是很明白，然后又回去翻CSS的内容...

     视频看完之后，小伙伴让我用React做一个Todo List，不行了，看网的上的程序也看不懂，又去翻了下那个PDF《the-road-to-learn-react-chinese》，发现里面涉及很多ES6的知识点，后来又在网上看别人分享的经验说JavaScript要是都不熟练，就不要谈React了，本来上周是准备把ES6的视频看下的，想着之前JavaScript的一些基本的知识点也给忘记了，就又开始看JavaScript的知识，视频，书一起看，书看的是《JavaScript+DOM编程艺术》，现在写下来觉得自己学的很乱。。。

    今日学习：由于HTML页面上的很多元素，都有自己默认的处理行为，比如点击<a>标签，会进行页面跳转，当我们要为一些图片创建链接清单时（<a href="image/timg2.jpg" title="小女孩">Coffee</a>），点击链接就可转到相应图片，但是想回到链接清单的界面，必须通过浏览器的Back按键。解决思路：通过“占位符”图片在主页为图片留下预览区域，点击图片链接时，将图片链接与“占位符”的图片链接互换。

对于图片的源也即<a>的href属性和<img>的src属性，可以使用getAttribute()方法获得其value，更改属性可以用object.setAttribute('src',source);

为了阻止界面的跳转（很多元素，都有自己默认的处理行为，比如点击<a>标签），我们可以在事件处理函数onclick函数后面返回false，则事件处理函数会认为这个链接没有被点击，就不会发生跳转；或者也可以使用preventDefault()来禁止默认的跳转行为。

   今天总结到这，明天继续。