JavaSE部分已经上完了,这一周开始讲JAVA WEB部分,五天都是新的内容,星期五的小项目让我自己也有了独立写网页的能力,下周估计是讲服务器端和客户端如何交互的内容了,所以要把客户端这边的基础内容了解透彻,这样就有利于自己学习后面的知识。
- HTML
- hypertext markup language,超文本标记语言。包含一些标签的文本文件,这些标签用来告诉浏览器如何来创建网页。一般分为两大部分:
- <head></head>:标记中的内容是不会显示在网页上的。
- <body></body>:标记中的内容会在网页上显示。
- 标签元素:<hx></hx>,<p></p>,<br/>,<hr/>, ,<span></span>,<!-- -->,<center></center>,<b></b>,<i></i>,<u></u>
- 超链接:<a href=""></a>
- 表单:<form></form>:只有在表单里使用<input/>的某些type才会有效,如submit,reset等按钮。action元素指定提交的target页面。
- 框架的建立:(现在很少使用框架)<frameset></frameset>,此标签取代<body></body>标签,其中的每一个框架通过<frame src="">标记来完成。可以进行混合分割,rows和cols。还有配合div和table的<iframe></iframe>浮动框架
- hypertext markup language,超文本标记语言。包含一些标签的文本文件,这些标签用来告诉浏览器如何来创建网页。一般分为两大部分:
- CSS样式
- HTML自带的样式有很多都逐渐被淘汰,由CSS样式来控制,stands for cascading style sheets.有内嵌式、行内式、和外联式三种,其中外联式:<ink rel="stylesheet" type="text/css" href="mystyle.css"/>.
- 语法:selector{property:value;}.
- 灵活运用伪类和伪元素可以制作出很好看的网页效果。
- css层叠的顺序,行内样式>内嵌样式>外联样式>浏览器默认
- javascript
- javascript是一种可以直接嵌入到HTML文档中的、在客户端执行的解释型脚本语言,语法比较灵活,所以一定要注意养成良好的、正确的编程习惯,减少代码的错误。引入的方式同CSS一样有三种,一定要注意HTML文档在浏览器加载的时候,是从上到下的顺序,所以HTML、CSS、JavaScript三者的执行顺序需要考虑全面。文档内:<script type="text/javascript"></script>,文档外:<script src="script.js" type="text/javascript"></script>
- 三种数据类型
- 基本数据类型:1,String 2,Number 3,Boolean
- 引用数据类型:数组、对象
- 特殊数据类型:Undefined,Null。
- 运算符:算术运算符(+-*/%)逻辑运算符(&& || !)比较运算符(== === != !== > < >= <= )条件运算符(1?2:3)
- 函数,和C语言的函数类似function fname(var){return var}。
- 自定义对象(类):对象由属性和方法组成,可以随意地往对象里添加属性和方法(即使在定义对象时,对象里啥也没有!)
- 创建对象的方法:函数法,文字记号(json对象),工厂方式,原型方式(prototype属性能被所有的实例共用)。
- 对象属性和方法的引用:“.”记号,用for(var a in obj)可以遍历对象里的属性和方法。
- 正则表达式
- 记录文本规则的代码。new RegExp("pattern",["..."]) 或 /pattern/[flags]
- test() ; match() search() 前一个是正则表达式里的方法,后两个是String对象的方法
- 特殊符号。定位符:^ $ . B 在集合[]内,使用管道符 或 "|" ,非 "^" [u4E00-u9FA5]表示中文字符
- javascript与html的交互(在W3C_SCHOOL帮助文档中学习非常有效率)
- EVENTS
- 鼠标、键盘、表单元素、窗口事件等。
- DOM
- 获得HTML中的元素。用于改变HTML文档结构。
- 典型的操作,table select等
- EVENTS
- 美团订餐小项目
- 融合了这一周学习的所有知识点,简单实现了商家展示,自主订餐的功能。