• • JAVA基础
  • 异常处理方式
  • 抛出方式
  • JS知识：
  • JS的方法函数定义
  • JS的自定义对象
  • JS数组
  • String使用方法总结
  • int和Integer
  • JS的DOM对象，document对象。
  • JSON
  • VUE.JS
  • VUE的方法和数组创建
  • VUE之高级指令
  • vue组件
  • Vue的Ajax
  • vue-ajax语法
  • vue-路由
  • ApplicationContext是什么？

当程序中遇到了异常,通常有两种处理方式:捕获或者向上抛出
当一个方法抛出异常,调用位置可以不做处理继续向上抛出,也可以捕获处理异常
大家可以结合生活中的例子:如果工作中遇到了问题,我们可以选择自己处理(捕获),或者交给上级处理(抛出)

对于不想现在处理或者处理不了的异常可以选择向上抛出
方式：在方法上设置异常的抛出管道，即：
在可能会会发生异常的方法上添加代码：
throws 异常类型
例如：void method1 throws Exception1,Exception2,Exception3{ }
TIPS:方法上有默认的异常管道：RuntimeException

1.&&与和&的区别
两个都是与运算字符，但是&&具有短路效果，&则没有，&&比较高效。
2.JS的概念：
JS是一门 基于对象 和 事件驱动 的 脚本语言 ，通常用来提高网页与用户的交互性。
3.JS的点击事件与变量定义：
var a=0;var a=“hello”; var 可以定义任何数据类型。
常见的事件有：
onclick=“alert(‘你欠我100块’)”>
onclick是个点击事件,alert()是个弹框的意思
alert(1==‘1’);//比较值
alert(1===‘1’)//比值和和比内容
4.为啥是叫弱语言
因为没特定的数据类型，不需要数据类型。
5.JS的var day=prompt(“请输入星期几:”);
输入文本框的方法。
6.块级作用域
var x = 10;
// 这里输出 x 为 10
{
var x = 2;
// 这里输出 x 为 2
}
// 这里输出 x 为 2
let 关键字就可以解决这个问题，因为它只在 let 命令所在的代码块 {} 内有效
var x = 10;
// 这里输出 x 为 10
{
let x = 2;
// 这里输出 x 为 2
}
// 这里输出 x 为 10

类似与Java里的方法，用来封装一段代码，为了提高代码复用性。
定义步骤：1.定义函数function，2.调用函数。
函数定义好了之后调用才会生效。
两种定义方式:

1.声明对象：function Person(){};
2.创建对象：var p1=new Person(){};
3.设置属性：p1.name=“王二”；p1.page=14;
4.设置方法：p1.run = function(){ alert(this.name+" : "+this.age); }

//方式1：
			let vvet={
				//资源名：资源的值
				//设置属性
				name:"NAME",
			    price:9.9,
				start:function(){
				}
			}	
			console.log(vvet);
			console.log(vvet.name+vvet.price);
			
			//方式2：
			var p2={
				"name" :"李四",
				"page":100,
				"psay":function(){
					  console.log(this.name+this.page);
					  
				 }
		}
		console.log(p2);
		p2.psay();

JS的数组和java一样,可以存储多个数据.
区别:
1, java严格区分数据类型,整型数组只能存整数…
2, JS里的数组可以存放各种类型的数据(JS弱类型) – 灵活!!!

	//数组的创建方式1；
			//数组类型可随变，长度可以随变。
			let str=new Array();
			str=new Array(1,1.1,'fsdfdf',"fsf",false,null);//各种类型都可以存
			console.log(str.length);
		    console.log(str[2]);
			str[111]=0;
			console.log(str.length);
			//普通的for遍历方式
		    for(var i=0;i 
String使用方法总结 
String str=“abcdeabc”;
 toCharArray
 将字符串str转为数组的方法’
 用法：char[] c = str.toCharArray();
 字符串的用法：求长度，截取，拼接。
 
int和Integer 
Java为每个原始类型提供了封装类，Integer是java为int提供的封装类。
 int的默认值为0，而Integer的默认值为null，即Integer可以区分出未赋值和值为0的区别，int则无法表达出未赋值的情况，
 
JS的DOM对象，document对象。 
是js的一个解析html的技术。各种头标签，id,class,标签内容等。
 –获取对象: window.document
 –调用方法:
 getElementById(“元素的id的属性的值”)–返回1个元素
 getElementsByName(“元素的name属性的值”)–返回多个元素(用数组)
 getElementsByClassName(“元素的class属性的值”)–返回多个元素(用数组)
 getElementsByTagName(“元素的标签名的值”)–返回多个元素(用数组)
 write()–向文档写 HTML 表达式 或 Javascript 代码
 title–返回网页的标题
 id–设置或返回元素的id
 innerHTML–设置或返回元素的内容
 
JSON 
**是一个规定了浏览器和服务器，交互数据的格式，本质上就是一个字符串。好处：轻量级，客户端给服务器发数据都是用JSON串。
 json数据：key:value:
 问题:JSON和js的互转 利用JS内置对象大写的JSON
 1.json字符串转成JS对象。JSON的parse();
 好处：方便解析对象的属性。
 
**转成前**
var text='{ "k1":"v1", "k2":"v2", "k3":"v3" }';
**转成后**
var text={k1:"v1", k2:"v2", k3:"v3" };
 
2.JS对象转成json字符串，JSON的stringify();
 好处是，方便字符串操作，还可以发送
 

 
VUE.JS 
基于javascript的渐进式前端框架
 本质就是封装了js代码，提供vue.js文件
 渐进式：vue框架的功能，
 轻量级+mvvm思想+数据驱动/双向绑定+组件化
 

				
{{msg}}
 
				

				
 
MVVM框架
 Vue采用了最新的MVVM框架，它最大的特点就是：传统js机制操作的是页面，如我们之前写的html+css+js案例，大家会发现页面和页面里的数据混杂在一起。
 
而MVVM框架体系引入后端早已深入人心的分层思想，是后端MVC框架的延伸，实现把数据和页面分离。我们可以在页面布局好后，只对数据进行操作，当数据改变，页面上的内容会自动随之改变，而无需开发者开发专门的代码去改变，如之前ajax技术实现的局部刷新。
 
简而言之，**MVVM框架实现了页面和数据的分离，代码结构更加清晰，责任更加明确，同时实现自动化，数据变化，页面随之变化，无需写代码，非常棒的一个改进。**这是javascript、jquery、bootstrap等无法做到的，也是前端为何开始推崇Vue这些框架的根本原因，也标示着jquery的终结。
 
VUE的方法和数组创建 
方法函数：
 
// 创建vue的方法和函数
				methods:{//1.创建vue的方法/函数
					//函数名：函数定义
					show:function(){
						console.log("heloo vae调用show成功！");
					},
					sysout:function(color){
						console.log(color);
					},
					fun(){
					  console.log("我是vue的fun方法");
					}
				}
 
数据与数组创建
 VUE的数据区：data:{
 }
 

      

      	  {{msg}}
      
	  
 
在data创建的数组方式1：
 

	   	
vue解析js普通的数据：{{str}}
		
vue解析js对象的数据：{{obj.name}} {{obj.age}}
		
vue解析js对象的方法：{{obj.run()}}
		
vue解析js对象的方法：{{obj.sunrun()}}
		
vue解析js对象的方法：{{obj.tostring()}}
		
vue解析js数组：{{arrays[0].name}}   {{arrays[0].age}}
	   
	   
 
在data创建的数组方式2：
 

			
{{msg}}
            
{{person}}
			
{{person.name}}
			
{{person.age}}
			
{{person.jod}}
			
{{uers[0]}}
			
		
		
 
VUE之高级指令 
双向绑定 v-model
 **
 修改mode时view会改变
 修改view时mode**会改变,加个输入框，加个v-model指令就可以执行。
 

			{{msg}}
			
			
		
		
 
解决规避数据解析出现的闪现问题
 V-cloak
 V-if指令 判断元素是否展示。
 总结:v-if和v-show指令的区别，都可以判断，但是，不满足条件时，v-if不会解析。而v-show也会解析，只是隐藏起来了而已，f12查可以看到
 vue中的if -else if-else语句。
 
	
优秀
			
及格
			
不及格
 
 
V-for指令
 

			

				
				
{{i}}
				
数据--{{i}}   下标--{{a}}
			
 
事件 v-on:click
 vue的点击事件。
 事件v-bind:
 当属性的值是变量而不是字符串时，通过v-bind进行标识，vue会自动处理
 

			点赞{{count}}
			点击百度一下
			//target="_blank"加了之后显示的窗口会覆盖。
		
		
 
vue组件 
组件（Component）是 Vue.js 最强大的功能之一。
 组件可以扩展 HTML 元素，封装可重用的代码。
 组件系统让我们可以用独立可复用的小组件来构建大型应用，几乎任意类型的应用的界面都可以抽象为一个组件树
 概述：扩展了html元素，步骤1，定义组件，2，使用组件
 
分类：全局组件和局部组件
 **1.全局组件：**可以在所有的数据渲染区使用
 *2.局部组件：是在vue对象里使用components来定义的，只能在但当前的对象的数据渲染区来使用。
 全局组件：
 语法 Vue.component(组件名, 组件描述(配置))
 Vue.component(“car”,{
 //描述car组件的功能，template描述组件的意思。
 template:“
欢迎来到，component组件”

 })

 
特点：

 可以在所有的数据渲染区使用。所有的new Vue()**都可以使用
 
// 1.创建组件--全局组件
			//给vue添加组件名称，组件模板。
			Vue.component("car",{
				//描述car组件的功能，template描述组件的意思。
				template:"欢迎来到，component组件"
			})
			//所有vue对象都可以调用全局
			new Vue({
				el:"#d",
				
			})
 
局部组件
 语法* components:{
 //组件名称，组件模板
 ‘runoob’:jubu
 }
 **特点：**是在vue对象里使用components来定义的，只能在但当前的对象的数据渲染区来使用。
 
var jubu={
			  template:"自定义component组件"
		  }
		  			// 创建vu对象,拥有了car组件
			new Vue({
				el:"#app",
				data:{
					msg:"hello"
				},
				components:{
					//组件名称，组件模板
			    'runoob':jubu
				}
			})
 
区别
 

			{{msg}}
			
			
		
		

			id=d的全局组件都能调用
			可以调用局部吗？