明裕学长的博客

Bean工厂（org.springframework.beans.factory.BeanFactory）是Spring框架最核心的接口，提供了IoC的配置机制，使管理不同类型的Java对象成为可能。因此，spring的AOP，实际上是采用横向抽取机制，取代传统的纵向继承体系。应用上下文（org.springframework.context.ApplicationContext），继承自BeanFactory，提供了更多面向应用的功能，比如国际化支持、框架事件体系，更易于创建实际应用。

软件框架（software framework），通常指的是为了实现某个业界标准或完成特定基本任务的软件组件规范，也指为了实现某个软件组件规范时，提供规范所要求之基础功能的软件产品。框架的功能类似于基础设施，与具体的软件应用无关，但是提供并实现最为基础的软件架构和体系。为什么需要框架技术：帮我们更快更好地构建程序是一个应用程序的半成品提供可重用的公共结构按一定规则组织的一组组件优势：不用再考虑公共问题专心在业务实现上结构统一，易于学习、维护新手也可写出好程序。

注意：按照聚合数据网站的规定，进行注册以及实名认证，然后申请 “新闻头条” 数据接口。聚合数据：https://www.juhe.cn/申请 “新闻头条” 数据接口（不可直接跨域访问）下面使用setup语法糖的形式，重写这四个组件。main.js文件没有改变。

AJAX即 “Asynchronous Javascript And XML”（异步JavaScript和XML），是指一种创建交互式网页应用的网页开发技术。通过在后台与服务器进行数据交换，AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。传统的网页（不使用 AJAX）如果需要更新内容，必须重载整个网页页面。2005年初，许多事件使得Ajax被大众所接受。

Composition API：组合式 API；一组低侵入式的、函数式的 API，使得我们能够更灵活地【组合】组件的逻辑。这是有别于 Options API 的一种函数式 API。无需通过很多选项来完成业务逻辑，Composition API提供了一个setup函数，我们可以将data数据、计算属性、方法等等，都放在setup函数中，这样就可以对业务进行集中处理了。

Vuex是一个专门为Vue.js应用程序开发的状态管理模式, 它采用集中式存储管理所有组件的公共状态, 并以相应的规则保证状态以一种可预测的方式发生变化.试想这样的场景, 比如一个Vue的根实例下面有一个根组件名为App.vue, 它下面有两个子组件A.vue和B.vue,App.vue想要与A.vue或者B.vue通讯可以通过props传值的方式, 但是如果A.vue和B.vue之间的通讯就很麻烦了, 他们需要共有的父组件通过自定义事件进行实现, A组件想要和B组件通讯往往是这样的：

vue-cli 是一个官方发布 vue.js 项目脚手架，使用 vue-cli 可以快速创建 vue 项目。Vue Cli 官网：https://cli.vuejs.org/zh/下面介绍 vue-cli 的整个搭建过程注意：以下内容是基于vue3.0以上版本的， vue-cli是基于5.0.0以上版本的。

一个 mixin 中可以书写 Vue 中的任何选项，包括 data、methods、计算属性等等。当组件使用 mixin 对象时，所有 mixin 对象的选项将被“混合”进入该组件本身的选项。上面代码中，单独创建一个自定义指令，所以需要在Vue实例中使用directives属性引用这个指令。指令作为封装好的一段功能代码，应该具有参数功能，这样才能更加灵活的封装代码。下面单独创建自定义指令，然后在Vue实例中引用这个指令，所以是局部指令。上面代码中，通过插件给Vue扩展了一个自定义标签，一个Mixin。

过渡与动画的区别：过渡：元素状态的变化。比如：一个块的颜色慢慢从红到蓝。动画：元素位置的变化。比如：一个块从左边慢慢移动到右边。下面是一个CSS3过渡效果。刷新时，在3秒钟时间内文字向右方移动后再回到原位置。上面的动画在Vue中当然也是有效的。但如果想使用Vue来控制动画的启动，就可以使用绑定class属性的方式。上面实例中，当isAnimate为true时，刷新时就会启用动画。还可以通过Vue事件来控制动画的启动和停止。下面是一个CSS3过渡效果。

以上就是vue中组件生命周期钩子函数执行的各个过程以及执行的时机，但是这些钩子函数到底该怎么用呢？针对前言中提出的需求我们又该怎么解决呢？在这里，给大家举个例子：例如有一个表格组件：我们想在表格加载之前显示个loading图，那么我们可以在组件实例创建之前的钩子函数setup里面将loading图显示。当组件实例加载出来，我们可以在created钩子函数里让这个loading图消失。当表格被加载好之后我们想让它马上去拉取后台数据，那么我们可以在组件DOM挂载之前的钩子函数。

vue-routerVue属于单页应用（SPA），即整个应用程序中只有一个html页面。在单页应用中（SPA），由于只是更改DOM来模拟多页面，所以页面浏览历史记录的功能就丧失了。此时，就需要前端路由来实现浏览历史记录的功能。注意：上面代码中，router-link标签默认会被渲染成一个a标签路由模式有两种：createWebHistory 路由模式：路径中不带#号。(生产环境下不能直接访问，需要进行转发)createWebHashHistory 路由模式：路径中带#号。

有时，我们可能需要根据状态来决定使用那个组件，比如下面的例子：

计算属性只有在它的相关依赖发生改变的时候才会重新求值，这就意味着 只要message还没有发生改变，多次访问reversedMessage计算属性立即返回的是之前计算的结果，而不会再次执 行计算函数。在使用vue的时候，可能会用到很多的方法，它们可以将功能连接到事件的指令，甚至只是创建一个小的逻辑就像。在上面的例子中，监听的简单的数据类型，数据改变很容易观察，但是当需要监听的数据变为对象类型的时候，上。面的监听方法就失效了，因为上面的简单数据类型属于浅度监听，对应的对象类型就需要用到深度监听，只需要在。

我们可以使用 v-else 指令来表示 v-if 的“else 块”，v-else 元素必须紧跟在 v-if 或者 v-else-if 元素的后面——否则它。value 是遍历得到的属性值，key 是遍历得到的属性名，index 是遍历次序，这里的 key、index 都是可选参数，如。vue.js 的循环渲染是依赖于 v-for 指令，它能够根据 vue 的实例里面的信息，循环遍历所需数据，然后渲染出相应。它可以遍历数组类型以及对象类型的数据，js 里面的数组本身实质上也是对象，这里遍历数组和对象的时。

分别是M（Model，模型层 ），V（View，视图层），VM（ViewModel，V与M连接的桥梁，也可以看作为控制器）M：模型层，主要负责业务数据相关；V：视图层，顾名思义，负责视图相关，细分下来就是html+css层；VM：V与M沟通的桥梁，负责监听M或者V的修改，是实现MVVM双向绑定的要点；MVVM支持双向绑定，意思就是当M层数据进行修改时，VM层会监测到变化，并且通知V层进行相应的修改，反之修改V层则会通知M层数据进行修改，以此也实现了视图与模型层的相互解耦；Vue简介。

统一资源定位系统（uniform resource locator;URL）是因特网的万维网服务程序上用于指定信息位置的表示方法。它最初是由蒂姆·伯纳斯·李发明用来作为万维网的地址。现在它已经被万维网联盟编制为互联网标准RFC1738。(百度百科)URL是统一资源定位符，代表网络中的某个资源的绝对路径通过URL可以定位网络中的资源URL主要包含四部分：协议、IP、端口号和资源名称。

是一个可选的子句，用于指定结果集的排序顺序，默认是升序（ASC）。是一个可选的子句，用于指定过滤条件，只返回符合条件的行。子句是一个可选的子句，用于指定合并后的结果集的排序顺序。, ... 是你想要选择的列的名称，如果使用。, ... 是你要选择的列的名称，如果使用。, ... 是你要选择的列的名称，如果使用。, ... 是你要选择的列的名称，如果使用。, ... 是你要选择的列的名称，如果使用。, ... 是你要从中查询数据的表的名称。, ... 是你要更新的列的名称。是你要从中查询数据的表的名称。

对象是类的一个实例（），有状态和行为。例如，一条狗是一个对象，它的状态有：颜色、名字、品种；行为有：摇尾巴、叫、吃等。：类是一个模板，它描述一类对象的行为和状态。下图中为，而具体的每个人为该类的下图中为，而具体的每辆车为该类的，对象包含了汽车的颜色、品牌、名称等。现在让我们深入了解什么是对象。看看周围真实的世界，会发现身边有很多对象，车，狗，人等等。所有这些对象都有自己的状态和行为。拿一条狗来举例，它的状态有：名字、品种、颜色，行为有：叫、摇尾巴和跑。对比现实对象和软件对象，它们之间十分相似。

前面我们已经讲了前端三剑客中的html和JavaScript，那么现在我们来看一下CSS。

上一章我们讲了HTML的知识，那么我们现在要来学习，JavaScript那么首先我们要知道JavaScript写在哪里。

HTML 标题（Heading）是通过 - 标签来定义的。HTML 段落是通过标签 来定义的。HTML 链接是通过标签 来定义的。在 href 属性中指定链接的地址。HTML 图像是通过标签 来定义的.图像的名称和尺寸是以属性的形式提供的。

在课程开始前我们要配置好我们的开发环境，这里我的电脑太乱了，我使用vm虚拟机进行搭建开发环境，如果有需要环境的或者安装包，可以私信我。那我们开始。

1、HTML3、CSS4、Java基础语法5、Java面向对象编程6、MySQL建库、建表、sql语句（增删改查）7、Jdbc编程，使用Java通过Jdbc对数据库进行基础操作8、JavaWeb，使用Servlet组件处理请求和响应。