华清远见-html+css、JS阶段个人简单总结

        经过两个星期的学习,个人对html+css、js有如下学习感受。

        1.HTML:html超文本标记语言(HyperText Markup Languages),是一种纯文本类型的语言。首先,不论学习什么东西,我们都要先搞清楚它的底层逻辑,就像我们在学习html之前,就要去搞清楚web三要素:浏览器、服务器、http协议之间的关系。大致流程是这样的,浏览器发送请求给服务器,下载服务器中的内容(HTML),执行html显示出内容,随后服务器接受浏览器的请求,发送响应结果给浏览器。而在浏览器和服务器之间的交互过程中需要http协议去搭建他们交互的桥梁。html主要作用就是用来描述网页的结构和内容,所以在学习html之后,自我感觉对于html最重要的就是标签,我们需要了解和掌握常用标签的用法和功能。勾勒网页结构和添加内容的前提就是要掌握标签的熟练运用,所以我们要多写多练才可以更好的去掌握它。html没有java那样复杂,java不能通过几个标签就可以实现,而html就可以。

        2.CSS:层叠样式表(Cascading Style Sheets),用于HTML文档中元素的样式定义,实现网页的美化,实现将内容和表现分离。css有三种使用方式:(1)内联样式 — 样式定义在单个的HTML元素中 (2)内部样式 — 样式定义在HTML页的头元素中 (3)外部样式 —将样式定义在一个外部的css文件中(.css文件)。对于我来说,可能学习css最重要的就是要掌握他的选择器,为什么要使用选择器呢,在有标签样式重复的前提下,我们可以将这些重复的标签进行一个分类,然后通过选择器去调用这些标签,集中对他们进行修饰。简单来说,就是简化代码。所以在遇到标签很多的html的时候,我们就要通过不同的选择器去使用他们。所以对我来说,选择器还是很重要滴。下面是选择器的种类和用法。

华清远见-html+css、JS阶段个人简单总结_第1张图片

 在能正确的使用选择器之后,其他的东西在我看来就是一些记忆类的东西,只要记性好就可以去掌握各种样式。其次,就是定位(positin),定位我们需要搞清楚绝对定位和相对定位,在确定好绝对定位后,将我们需要移动的标签设置为相对定位,给上合适的值后,就可以实现位置的移动,总体来说不算太难。

        3.js:js在我们学习前端的过程中,可以说是最难的一部分内容了。我认为前面通过html和css实现静态的网页之后,我们就需要通过js来实现动态的网页。我对js的感觉就是,先通过document找到你想要的标签,然后去给这个标签去绑定对应的事件。这点就和Java面向对象很相似,java面向对象首先去创建一个对象,然后通过这个对象去调用他拥有的方法。js是弱数据类型语言,所以我们才需要去创建js对象,然后去使用他。其次,在js中定义的数据类型运算符以及各种语句,都和java中的基本一样。然后我感觉js在定义变量的方式上比java要简单的多。然后就是jquery,对于jquery来说,我们不能和javascript搞混了,要清楚JavaScript和jQuery对象的区别,以及他们之间的转换。jQuery实证是JavaScript的函数库,对我感觉就是“$”符就是jQuery的标志。和学习java一样,我们在使用jQuery时,都要搞清楚一个事务的逻辑。更多jquery我们可以去参考jquery中文在线使用手册:

jquery 在线手册 | jQuery API 中文手册 | jQuery 速查表 | jQuery 参考手册 | jQuery CHM | jQuery 在线文档 | jQuery 1.12.1 (hemin.cn),上面介绍了jquery的大多数的使用方法,对于新手来说,可以多看看去学习。总之,对我而言,学习代码没有捷径,不论我们去学习什么,都需要去多写多练。

 

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