技能大赛学习笔记
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>
生命周期：
- init：初始化 事件 生命周期开始
- beforeCreate：创建前函数 一般做 调用数据 api
- init Reactivity：实例化 vue和虚拟dom
- created：创建完成 调用数据
- 通过vm.el虚拟元素进行dom创建
- beforeMount:显示之前
- 使用vm.el的虚拟dom替换index.html中的那个div
- Mounted：显示完成
- 界面改变：beforeUpdate,updated
- beforeDestory：清除状态 和 一些数据，反馈一些信息
- 销毁界面
- 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:数据连接
|