学XSS中途补WEB开发学习【前端粗学习】

学习XSS的时候遇到一些问题，决定用几天学一下基础的WEB开发的知识，以求以后做题的时候思路不要那么局限。

这篇是学习前端开发基础的一些体会

博主看的教程 - >网易云课堂上面的螺钉课堂发布的html + css系列和javascript入门系列，html和css简单地浏览略过即可。

一。编写工具

学习网络开发首先需要一个开发工具，总不可能用记事本打网页（滑稽）

了解到了“HBuilder”这个工具

这个工具可以让我们边编写代码边查看编写网页的变化（右上角边看边改模式）;

可以自动补齐标签，查找图片，看颜色

也可以让我们方便地查找编写网页所需的材料（图片等）.....

还有这个软件快捷键很网是什么意思？网求方便，熟练掌握快捷键可以让我们编网页得心应手。

二.HTML

课程介绍了<a> <img>等一些常用的标签，介绍了标签之间的父子兄弟等关系。二倍速过一遍即可，最主要是大概熟悉了HBuilder这个工具的好处。

三.CSS

第一部分学习了三种CSS的使用方法，知道了三种选择器应用的场景，学习了边框啊，背景啊各种标签的属性，知道了一个前端工程师是怎么样实现从一个设计图到网页的转换的。这个部分也是二倍速过一遍，中途暂停用HBuilder做一下即可。

第二部分了解到了DIV + CSS的盒子结构，weith，唤起注意，板，边缘，衬垫五大调整网络框架的方法。然后就是大概知道了浮动和清除浮动（浮动），各种定位（lacation），各种高级点的选择器，伪元素和伪类这些移动盒子构造的方法，和学习XSS目标关系不大就快速略过了（课程中的百度云盘实验直接跳过即可），然后最后面的那些表格略过，表单与后端交互有点关系可以看下。

四.Javascript

通过在网易云课堂简单地了解了JS，JS发现实则和C ++差不了多少，就是注意下在HTML中引用的方法，一些常用的函数，以及一些独有的特性（比如自动预解析），对象（自建和内置数学字符串日期）的一些特点和用法。至于如何调用js改变css样式的属于设计的范围就没有认真看。（回家两三天没有做题学习，就感觉学习的积极性下降了好多，学一会就犯困......回家还是要养成好的习惯）

五.JS-DOM

说是文件对象模型，听起来高大上，但文件实则就是指html这个网页文件。DOM其实就是获取html页面上的各种标签(document.getelementbyid()这样），元素，并对其附加JS操作的一种说法。

六.JS-BOM

浏览器对象模型，看起来和XSS有点关系，可以用来获取当前网页的一些信息。但最主要还是用来修饰网页，如定时器和一些属性。

总结：断断续续地把编写一个前端页面的知识粗略浏览了一遍，大部分是用来修饰页面的技巧。以后做题看网页源码的时候可以忽略掉一些修饰用的代码以便很快地找到有问题的代码，接下来就要重新回到XSS的学习当中。