今天把《JS入门篇》课程完成了,今早取快递路上思考人生时,粗略算了算,前端工程师课程总共700+节,21天学完需要每天完成37节,这样算当然不是很科学,但是也一定程度上体现了学习任务的并不轻松。
由于是入门篇,打算拿简单点的来开刀,换种学习笔记的形式,因为基础的东西,在随着设计网页的经验的积累,会越来越牢固,而如果把学习中别人消化后输出给你的东西单纯的复制粘贴到学习笔记,觉得不是很有意义,自己的文字,想法要多一点,嗯。而与其说换,不如说是增加/改善吧,因为更多的是在原有基础上“添油加醋”,敢于创新才能获得进步,不管成功不成功,先用心做吧。
---------------------------------------------------------------------------------------------------------------------------------------------------------------------
今天学的最核心的内容便是DOM,那么首先DOM是什么?——即文档对象模型DOM(Document Object Model)定义访问和处理HTML文档的标准方法。
今天的学习中,代码任务最常用的一句,也是最核心的一句,即Object.style.property=new style;(下面贴出一张基本属性表)
而这个DOM最需要注意的略为抽象的特征呢,是DOM 将HTML文档呈现为带有元素、属性和文本的树结构(节点树),解释这个特征,慕课网JS入门课程下的一张图足以:
图中元素节点即标签<a>,相似的,<html>、<body>、<p>等都是元素节点,即HTML中的标签。
文本节点即向用户展示的内容,如标签<a>中“JavaScript DOM”这一段文字。
属性节点即开发者给此元素设定的一些属性值,如标签<a>的"herf=......"这样的属性设置语句
---------------------------------------------------------------------------------------------------------------------------------------------------------------------
这样一番用自己的话总结下来,感觉DOM所谓的节点与“变量”有些相似之处,只是这个“变量”没有自定义名字,且只有三种类型即“元素”、“属性”、“文本”,当然,提出这样的猜想也经过一定的搜索:
【一】“DOM的优势主要表现在:易用性强,使用DOM时,将把所有的XML文档信息都存于内存中,并且遍历简单,支持XPath,增强了易用性。
一、作品创意(20分) | 分值 |
|
1.创意新颖、原创度高 | 10 |
|
2.实用性强 | 10 |
|
二、作品技术性与兼容性(30分) | 分值 |
|
1.网页通过w3c网页标准验证 | 10 |
|
2.技术实现办法高效 | 10 |
|
3.网页对各浏览器兼容性好 | 10 |
|
三、运行效果(30分) | 分值 |
|
1.界面美观、风格一致 | 10 |
|
2.使用方便、可操作性强 | 10 |
|
3.页面富有动感 | 10 |
|
四、讲演与答辩(20分) | 分值 |
|
1.讲演思路清晰、表达清楚 | 5 |
|
2.回答问题准确,应变能力强 | 10 |
|
3.讲演过程亮点突出,相关辅助材料完备 | 5 |
|
总分统计 | 100 |
|