java从基础到web代码

科技前沿 • 2024-12-31 21:04 • 阅读 26

大家好，我是讯享网，很高兴认识大家。

文章目录

JavaScript
- JS引入方式
- js基础语法
- - 书写语法
  - 变量
  - 数据类型&运算符&流程控制语句
- 函数
- js对象
- - Array数组
  - String字符串对象
  - JSON
  - BOM
  - DOM
- 事件监听
Vue
- 指令
- 生命周期

JavaScript

JS引入方式

内部脚本:将js代码定义在HTML文件内

讯享网

外部脚本:将js代码定义在外部.JS文件中

注意不能自闭和-> java从基础到web代码

js基础语法

书写语法

方式一:弹出警告框

方式二:写入html页面

方式三:控制台输出

变量

弱类型语言
var x = 1;//作用域大,全局变量,可以重复定义
let x = 1;//局部变量,不能重复定义
const pi=3.14;//常量

数据类型&运算符&流程控制语句

数据类型分原始类型和引用类型,number,string,boolean,null(对象为空),undefined(变量未初始化类型)
运算符与java相同,除了和=,==比较时会类型转换,===不会
类型转换
字符串转数字,字面值转数字,不是数字,为NaN
其他类型转boolean
Number:0和NaN为false
String:空""为false
Null和undefined均转false
其他均为true
流程控制语句与java相同

函数

讯享网

js对象

Array数组

其实说是数组,更类似于Java中的集合

比python更随便,可以超出索引赋值

String字符串对象

讯享网

JSON

javascript自定义对象,直接定义对象,没有类

BOM

location地址栏对象

DOM

DOM文档对象模型
将标记语言的各个组成部分封装成对应的对象
Document:整个文档对象
Element:元素对象
Attribute:属性对象
Text:文本对象
Comment:注释对象
JS通过DOM对HTML操作(改变内容,样式,反应…)
Core DOM所有文档类型的标准模型
HTML DOM,HTML文章的标准模型
XML DOM,XML文档的标准模型
获取和修改

更多的还是要查文档,确定如何使用

事件监听

事件绑定

常见的事件
onclick 鼠标单击
onblur 元素失去焦点
onfocus 元素获得焦点
onload 页面或图像被完成加载
onsubmit 表格被提交
onkeydown 键盘案件`2被按下
onmouseover 鼠标移动到某元素
onmouseout 鼠标移开

Vue

指令

常用指令
v-bind 为HTML标签绑定属性值,如设置href,css样式
v-model在表单元素上创建双向数据绑定
v-on为HTML标签绑定事件
v-if,v-else-if,v-else.判定为true时渲染
v-show根据条件展示元素
v-for,列表渲染,遍历容器中元素

生命周期

生命周期指一个对象从创建到销毁的整个过程
八个阶段:每触发一个周期事件,自动执行一个生命周期方法(钩子方法)
beforeCreate创建前
created创建后
beforeMount挂载前
mounted挂载完成,(比较重要)
beforeUpdate更新前
updated更新后
beforeDestroy销毁前
destroyed销毁后