前端阶段学习总结

感受       

         在本阶段的学习中,我收获了很多,学习到了很多的新知识。其中不乏简单易懂的基础知识,更有让人晦涩难懂的高级应用知识。本阶段主要的学习内容为三个部分,分别是HTML与CSS知识、JavaScript知识、JQuery知识。因为专业相关的因素,此三部分知识在大学安排的专业核心课程中都浅浅地接触过,但没有专业系统地学习过相关的核心基础知识。在经过华清远见教育集团的冯老师的耐心教授之后,我掌握了很多相关基础知识的理解和应用。特别是JQuery知识部分,大学课堂中知识稍微提过,并正式没有教授过。刚开始的时候,觉得还是简单,也能听懂,但是对于它的应用却稍显困难,总是跟前面的知识相混,我归根于是自己对于基础知识掌握不牢靠的原因。对于学习这部分内容,不得不说对于一个大学生来说,听懂那是相当的,但是对于知识的应用能力还是有待提高,对于知识的细节部分的理解还需自己钻研琢磨,以便更好的将理论知识融入生活中应用。此番自我发现,正是对于这种能力的不足,使得自己在做练习的过程中屡屡受挫。即使有思路,却不知如何下手,仔细回想并复习过相关知识点之后,又茅塞顿开,道:“原来如此!”。总之,在这个学习过程中,“酸甜苦辣”尽尝,“酸”的是别人早已完成练习,自己却刚理清思路;“甜”的是在遇到与自己已十分掌握的知识点相关的练习时,分分钟思路清晰,得出结果;“苦”的是知道要用哪个知识点,却总得不出想要的结果;“辣”的是双薪时代大楼一楼旁边那家“辛一面”的鸡杂面是真的辣啊,特呛喉咙。

难点知识总结  

        有了收获,自然要学会总结,以下是我在前端部分的知识的学习过程中总结的我觉得难于理解并需要加强练习的知识点:

HTML部分

样式

-border: 1px solid green 边框(宽度,类型,颜色)

-标签:加粗

-标签:加粗

-标签:倾斜

-标签:倾斜

-标签:删除线

-标签:下划线

图片和超链接

img标签:引用一张存在的图片,在网页上显示

src: 引用的图片路径

相对路径:根据当前文件夹的路径,查找资源的路径;

绝对路径:从协议开始的全路径,可以省略协议及其域名,直接从根目录开始的路径也是绝对路径

alt标签:图片说明,当显示图片失败时,会展示图片说明。

表单相关标签

表单相关标签,内部嵌套用户用于输入数据的标签。

form标签:

属性:enctype:设置enctype的类型,对请求参数的处理方式。如果表单涉及文件上传 lock 块级元素

label

属性: ​
 

for: label的for属性对应的数据值是input标签的id, 单击label标签时,input标签获取焦点(光标显示在输入框内部,用户可直接输入数据,增强了用户体验感。

type:设置标签的类型,设置用户输入的数据

type="submit" :提交请求(请求的地址 + 请求的参数)的按钮 ,单击按钮触发“表单提交事件:发送请求给服务器,并且把请求参数(用户输入的数据)也传输到服务器端”

name: 用户输入的数据,传输到服务器时,java程序根据name的值,获取到输入框的数据

value: 对应的就是用户输入的数据值

css部分

css : cascading style sheet,级联样式表,用户调整html中标签的样式的语言。

语法规则:“样式名:样式的值” , 例如: color : red,指定字体颜色。 “样式名:样式的值,样式名:样式的值 ” ,color : red,font-size :20px

css三种使用方式

1、 内联样式: 直接在标签上,通过style属性进行使用

2、 内部样式: 在head标签中,通过