我的Javaweb旅程

最新推荐文章于 2024-06-18 16:31:19 发布

阿夶

最新推荐文章于 2024-06-18 16:31:19 发布

阅读量249

点赞数

分类专栏：基础学习阶段文章标签： html css JavaScript js初学者

本文链接：https://blog.csdn.net/hx925705467/article/details/53207009

版权

基础学习阶段专栏收录该内容

6 篇文章 0 订阅

订阅专栏

在我的Java基础学完之后开始了我的就业之路的第一步, 话了三天学完了我们前端的基础知识和引用, 已经可以完成注册表单和页面的排班了, 虽然以后工作可能用不上这种低端的编写方式, 不过也算是踏出了第一步了,  虽然没学到怎么深, 但是一些简单的应用还是没问题的.  好了在下面给说下这三天学了些什么.
第一天学习了HTML.  也就是用来写网页的, html中的所有功能都是用标签来完成的, 第一个标签 <html></html> 就是包裹整个网页的, 
网页格式
 <html>
    <head>设置页面信息</head>
    <body>显示到页面上的内容</body>
</html>
这一天学习了,文档标签, 列表标签, 图形标签, 表格标签, 表单标签, 超链接标签等一些常用的标签, 虽然标签的具体的一些属性没完全记下来, 但是查找下API还是能完成一些简单的需求. 关于标签的具体使用这里就不说了,笔记是做下来了,看需求看上传不.
还学习了一些css的知识和应用,理解起来到挺简单就是对我们需要的样式进行提取出来单独创建一个文件来进行编写,这样在修改和样式的时候就比较简单,不用过大的修改数据. 
在接下来两天就学习JavaScript,这个学习起来到也还好.第一天学习了JavaScript的基础,以及和Java之间的关系

Java和JavaScript 没什么关系就是雷锋和雷峰塔的关系
js特点就是:
*交互性;能和html很好结合
*安全性:不能访问本地硬盘里面的文件
*跨平台性:只要有浏览器,一般都能运行
JavaScript由三部分组成
第一部分：ECMAScript
** 又ECMA组织制定语句，语法
第二部分：BOM:
** broswer object model：浏览器对象模型
第三部分：DOM
** document object model：文档对象模型
js的使用主要和HTML配合起来使用.

JS的原始类型和声明对象
js声明变量都用 var
js的原始数据类型
*string:字符串
*number:数字类型
*boolean:布尔类型
*null:对象为空
*undefined: 定义一个变量没有赋值
***typeof(变量的名称): 查询当前变量的类型
js的引用类型和类型转换
* 引用对象
** Object 对象：所有对象都由这个对象继承而来
** Boolean 对象：Boolean 原始类型的引用类型
** Number 对象： Number 原始类型的引用类型
* 类型转换
** 转换成字符串
** 转换成数字：parseInt() 和 parseFloat()
** 强制类型转换
Boolean(value) - 把给定的值转换成 Boolean 型；
Number(value) - 把给定的值转换成数字（可以是整数或浮点数）；
String(value) - 把给定的值转换成字符串；
js的语句 *基本上和Java一样
if判断语句:
switch判断语句:
while 循环语句:
for 循环语句:
js的运算符和Java基本一样的
和Java不一样的
1,js不区分整数和小数
其他:详细查看API
js数组
1,可以写任意类型
2,长度是可变的,最大添加地址+1
3,其他和java差不多
js的 String 对象
方法分为 : 与html相关的方法和与Java相似的方法
注意:具体查API
js的 Array 对象数组对象
能增删改查, 一些工具具体查API
js的 Math 对象
js的 Date 对象
js的 regrxp 对象正则表达式对象
js的 bom 对象浏览器对象模型
** 以上对象查看API
js的全局变量和局部变量全局变量
js在script标签里面定义的变量,在网页其他的script都可以用局部变量
在方法里面定义的变量
1. js的全局函数 JavaScript 全局对象（1）不属于任何对象，可以使函数
  （2）主要的函数
  
  这就是第二天学习js的基础在接下来的一条学习了js的一些高级应用
  在第三天中学习了js的一些高级应用,
  1. 函数的创建利用 function 关键字
    格式一: function 方法名称(参数列表) { 方法体和返回值 }
    格式二: var xxx=function(参数列表){方法体和返回值}
    格式三:new Function(“参数列表”,”方法体和返回值”) 方法的创建和使用其实和Java差不多
  2. js的重载
    js没有重载,
    但可以用 js 的方法参数的 arguments数组来实现重载
  3. js的事件
    绑定方法有三种
    第一种：使用事件属性调用js方法,用标签
    第二种：首先得到要绑定的标签，在使用事件的属性
    document.getElementById(“触发的id值”).onclick = 方法名(不能传参数);
    第三种：首先得到要绑定的标签，写js的代码
    document.getElementById(“触发的id值”).onclick =(匿名函数) function() {
    方法体和返回值
    };
    我们主要使用一三两种
  4. js的常用事件
    onload : html页面在加载时候触发事件，调用响应的js方法
    onclick : 鼠标点击事件
    onfocus: 获取焦点事件
    onblur: 失去焦点事件
    onmouseover:鼠标移动到某个元素上
    onmouseout: 鼠标移出某个元素
    onkeypress: 点击键盘上面的某个键
  5. js的DOM对象 dom：document object model：文档对象模型
    使用dom解析html
    * 解析过程：根据html的层级结构在内存中分配一个树形结构
    * document对象，代表整个文档
    * element对象，代表标签
    * attribute属性对象
    * text文本对象
    * Node节点对象，是这些对象的父对象，在找不到想要使用的方法，到Node里面找
  6. Document对象比较多主要学习下面几个
    write(): 向页面输出内容,可以是html代码
    getElementById(): 通过id的值获得,获得相应的标签对象
    getElementsByName(): 通过标签里面name的的值,获得所有name相同的标签数组
    getElementsByTagName(): 通过标签的名称,获得所有标签的数组
  7. innerHTML属性
    *获取标签里面的文本内容
    **标签名称.innerHTML 返回一个内容
    *向标签里面设置文本内容
    **标签名称.innerHTML=”设置内容”
  8. 表单的提交
    (1) 在html中写form标签的提交
    (2) 在form标签里面，写普通按钮
    (3) 使用超链接提交数据作用:用于提交显示数据
    * 超链接
  9. 表单校验
    第一，使用submit进行表单提交，进行表单校验
    第二，使用button进行表单校验
  10. json 的简介和使用
    （1）json数据格式
    第一种：json的对象的格式
    * 写法 {json数据的名称1:json数据的值1,json数据的名称2:json数据的值2…..}
    ** 类似于key-value形式
    ** json数据的名称是字符串的类型，json数据的值 string, number, object, array, true, false, null
    第二种: json的数组的格式
    *写法 [json对象,json对象,…..]
    (2) json两张格式之间可以任意组合
    **使用和map集合差不多遍历也一样.
  这三天貌似就学会了这些东西,组合一下也能完成一个独立的注册表单,当然只是最简单的那种. 不过让看一些网站大概还是能看懂一部分的.好了就写这些了. 有时间下再聊吧!