技能学习笔记（后补）

技能大赛学习笔记

1.后端渲染

• JAVA:JSP C#:ASP PYTHON:DJANGO
• JSP:HTML+CSS+JS+JAVA
• 页面：一般不是纯粹html
• 解析:浏览器只能解析html页面

说明：使用java，C#，python语言在服务端 队编写的代码进行编译并且生成一个可以解析的html页面

2.前端渲染：jquery

• 未分离(前端和后端代码都在同一个工程内):html+css+js/jquery(ajax)

说明：浏览器里面通过js的ajax请求到服务端获取对应的数据 然后通过操作对应的网页的dom(节点/元素) 形成一个新的htmk

3.前后端分离

• 后端：数据操作，数据库，逻辑，api接口
• 前端：界面显示，用户操作，（界面变化是通过js连接api获取数据改变的）

有数据交互的叫动态网页

前端框架：Vue(轻量级) angular(google) react(facebook)

基于node.js环境 node.js只有在编译的时候使用

4.Vue框架学习

node_modules文件夹:开发时使用的组件合集

public 文件 : 公共资源 图片 ， 第三方js css

src 文件夹：源文件

• src/assets 文件夹：自己的资源文件
• src/components 文件夹:组件(公有组件)

App.vue: 起始的组件

main.js : 配置js,组件,页面,第三方引用,路由 .vue结尾的都是组件

index.html:主页 不要动它

js都写入在浏览器上面

cnpm install 加载package.json中的组件

npm run serve 运行

5.Vue组件

• template:html代码 只有一个根节点 也就是最外层只能有一个div
• js:vue的一个结构
• css:组件样式

<style scoped> 
    scoped只会在本组件中生效
</style>

生命周期：

1. init：初始化 事件 生命周期开始
2. beforeCreate：创建前函数 一般做 调用数据 api
3. init Reactivity：实例化 vue和虚拟dom
4. created：创建完成 调用数据
5. 通过vm.el虚拟元素进行dom创建
6. beforeMount:显示之前
7. 使用vm.el的虚拟dom替换index.html中的那个div
8. Mounted：显示完成
9. 界面改变：beforeUpdate,updated
10. beforeDestory：清除状态 和 一些数据，反馈一些信息
11. 销毁界面
12. destoryed

6.计算属性

• v-bind：单向绑定属性
• v-model：双向绑定值
• v-on：添加事件

7.Vue-router

Vue-router：路由

路由动画

v-enter:

v-entre-active:

v-enter-to:

v-leave:

v-leave-active:

v-leave-to:

SSM笔记

Spring:容器

SpringMVC:前端控制器

Mybatis:数据连接