华清远见——html、css、js与JQuery阶段简单总结

一、HTML

html的基本骨架




  
  



在这一部分主要学习了许多html标签和元素的使用,简要概述,h1、hr、span、div等文本标签,带有文本样式的标签b、i、sup、sub、del、u等,img用于网页显示的图片,a用于网页上显示超链接。

无序列表:无序列表用

表示。

有序列表:无序列表用

表示。

表格标签:表格由

标签以及一个或多个 tr、th或td 元素组成。单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。colspan 合并列单元格,rowspan合并行单元格。

form 表单:表单主要负责获取用户填写的数据,并通过浏览器向服务器传送数据。

这一部分包含许多标签和元素,需要多写多练,熟能生巧

二、CSS

 css概述:

css:Cascading Style Sheet ,层叠样式表、级联样式表,简称为样式表。

html 控制样式的不足点:
相同的样式效果,用不同的属性或标记来完成。

程序的可维护性、可重用性低。

通过css解决上述问题,可以让各个元素都使用统一的样式声明,从而提高程序的可重用性和可为维护性。

作用:

为html元素定义样式。
能够实现内容与表现相分离。
提高代码的可重用性和可维护性。
    重用性:能让多个元素使用相同的样式。
    维护性:一个元素的样式发生改变,其他元素也可以跟着改变。

HTML 与 CSS 之间的关系:一个完整的页面由 HTML和CSS组成。HTML 主要负责显示内容(搭建网页的结构),CSS 主要负责构建HTML样式的定义。

三、JS

变量使用var、let进行声明,也可以通过赋值语句隐藏声明。

函数使用function命令声明,如果函数有返回值的话,调用的时候就可以把指定语句获取返回值。

js中拥有许多内置对象,Array、Date(老是和data搞混淆)、Function、Math、String等。

Document对象,通过getElementById()、getElementByTagName()、getElementByName()获取文件的指定元素。

访问HTML标签的内容:

innerText() 访问标签对象的内容,innerHTML() 访问标签对象内的子标签和内容,不包含标签对象本身。在获取HTML标签的对象后,也可以访问标签对象的属性。

鼠标事件:

onclick单击鼠标,onmousemove移动鼠标,onmouseout鼠标指针离开HTML标签,onmouseover鼠标指针进入HTML标签。

键盘事件:

onkeydown当按下键盘按键,onkeyup 放开键盘按键。其他事件还有很多。

event对象:

当事件触发时就会产生一个event对象,其属性用来记录事件触发时的一些数据。

js的一些缺点:容易受到攻击;可用于在用户的计算机上执行恶意代码;JS代码段相当大;可以在不同的设备上以不同的方式呈现,从而导致展示效果不一致。

js的一些优点:不需要编译器,因为web浏览器使用HTML解释;比其他编程语言更容易学习;错误更容易发现;它可以分配给特定的网页元素或特定的事件,比如单击或鼠标悬停;可以使用使网站更具互动性,吸引访问者的注意力;它比其他编程语言更快、更轻量级。

四、JQuery

JQuery是一个轻量级的JavaScript库,简化了JavaScript编程。用很少的代码能做很多事。

JQuery通过对JavaScript进行了封装,使用的时候可以直接调用,还解决了浏览器的兼容性问题,

JQuery的学习是挺有趣方便的,就是要实现什么功能,调用一个或者几个方法就差不多了。JQuery主要分为选择器、事件处理、集合操作、动态特效和Ajax。对这些东西目前只是有了一些简单的了解,还没有接触到比较难的部分。

以上只是两周学习的一些内容,更多的知识点还需要自己去牢记应用,对于英语一窍不通的我,记单词可真的麻烦,相对于前几周的Java不得不说还是轻松了许多,它们之间还有许多的共同之处。

你可能感兴趣的:(html,javascript,css)