![请添加图片描述](https://image.miaokee.com:8440/aHR0cHM6Ly9pbWctYmxvZy5jc2RuaW1nLmNuL2RpcmVjdC9hNTM0MDJhYWI2NDU0YWYxOGNhN2Y2NTgzODc5YzE0NC5qcGVn.jpeg?w=700)
![请添加图片描述](https://image.miaokee.com:8440/aHR0cHM6Ly9pbWctYmxvZy5jc2RuaW1nLmNuL2RpcmVjdC9iYzk1MTlmZjQxZGI0YzQyYTExYTFhMWNiMWU4ZTBiNC5qcGVn.jpeg?w=700)
![请添加图片描述](https://image.miaokee.com:8440/aHR0cHM6Ly9pbWctYmxvZy5jc2RuaW1nLmNuL2RpcmVjdC85ZGQ2Mzg3MDVlMmI0M2VlYThiNjFmYjY4ZmQ3OGQ3Yi5qcGVn.jpeg?w=700)
![请添加图片描述](https://image.miaokee.com:8440/aHR0cHM6Ly9pbWctYmxvZy5jc2RuaW1nLmNuL2RpcmVjdC9hMjkwMWVkNDUxYzY0YmRlYTg4ZTkyMmJkOGMxZjhmZi5qcGVn.jpeg?w=700)
![请添加图片描述](https://image.miaokee.com:8440/aHR0cHM6Ly9pbWctYmxvZy5jc2RuaW1nLmNuL2RpcmVjdC9jNjVlNjhjNThjYTI0MGI1ODE1YWFjOGZiY2EzNWJkMS5qcGVn.jpeg?w=700)
html 超文本标记语言
css 层叠样式表
![在这里插入图片描述](https://image.miaokee.com:8440/aHR0cHM6Ly9pbWctYmxvZy5jc2RuaW1nLmNuL2RpcmVjdC9lNWE2ZmQxOTkyMWU0NzE5Yjc3ZDk1MTY1NzE2ZWIxNi5wbmc%3D.png?w=700)
安装VS Code
![在这里插入图片描述](https://image.miaokee.com:8440/aHR0cHM6Ly9pbWctYmxvZy5jc2RuaW1nLmNuL2RpcmVjdC9iNDdhNzIzZWQxMzQ0MjEzOTI2MzBkMmYwZGExMTczZi5wbmc%3D.png?w=700)
![在这里插入图片描述](https://image.miaokee.com:8440/aHR0cHM6Ly9pbWctYmxvZy5jc2RuaW1nLmNuL2RpcmVjdC8zZTcxMzNmZGU1M2U0MDM1YWU1NDMyNTNlODczMWRjZC5wbmc%3D.png?w=700)
![在这里插入图片描述](https://image.miaokee.com:8440/aHR0cHM6Ly9pbWctYmxvZy5jc2RuaW1nLmNuL2RpcmVjdC82ZDI1ZDM4ZTkyNzM0MGRmOTRlMTIxNTQ1OTdjNTU2My5wbmc%3D.png?w=700)
![在这里插入图片描述](https://image.miaokee.com:8440/aHR0cHM6Ly9pbWctYmxvZy5jc2RuaW1nLmNuL2RpcmVjdC9jZGNmMzNkMmJiZGM0NjFjODY2M2E5MjZlYWM0YzhmYi5wbmc%3D.png?w=700)
优先级:id选择器>类选择器>元素选择器
![在这里插入图片描述](https://image.miaokee.com:8440/aHR0cHM6Ly9pbWctYmxvZy5jc2RuaW1nLmNuL2RpcmVjdC8wMmNjNjYzODA0Mjk0ODhiOGZlN2Y0ZjVmYWE1Y2RhOC5wbmc%3D.png?w=700)
![在这里插入图片描述](https://image.miaokee.com:8440/aHR0cHM6Ly9pbWctYmxvZy5jc2RuaW1nLmNuL2RpcmVjdC83ZWZjMWIzOGM4YzA0NzQ1OWNmMmE5M2NmY2YyYzc0MC5wbmc%3D.png?w=700)
![请添加图片描述](https://image.miaokee.com:8440/aHR0cHM6Ly9pbWctYmxvZy5jc2RuaW1nLmNuL2RpcmVjdC82NDM1YTUwZmEwOTY0NGYzYjc2MjhhODlkOGE1OWI4NC5qcGVn.jpeg?w=700)
![请添加图片描述](https://image.miaokee.com:8440/aHR0cHM6Ly9pbWctYmxvZy5jc2RuaW1nLmNuL2RpcmVjdC9iMzEwZmU3MWIyYmI0YmJhYjc0ZTcyZGZmZDM3ZmZkMy5qcGVn.jpeg?w=700)
![请添加图片描述](https://image.miaokee.com:8440/aHR0cHM6Ly9pbWctYmxvZy5jc2RuaW1nLmNuL2RpcmVjdC9hOTlmMzcwOGMzZTU0YzIwYTEyOWU4OWZhMTA2NDY2Yy5qcGVn.jpeg?w=700)
![请添加图片描述](https://image.miaokee.com:8440/aHR0cHM6Ly9pbWctYmxvZy5jc2RuaW1nLmNuL2RpcmVjdC9iYWZlOGNiYTAwM2Q0OTg1OGFlY2EzYjk0MTQ4N2Q3Mi5qcGVn.jpeg?w=700)
![请添加图片描述](https://image.miaokee.com:8440/aHR0cHM6Ly9pbWctYmxvZy5jc2RuaW1nLmNuL2RpcmVjdC9kNTc2NTEwYjk1YTY0YjdlYjExNDlkNDE0NWE2NDNjMS5qcGVn.jpeg?w=700)
![请添加图片描述](https://image.miaokee.com:8440/aHR0cHM6Ly9pbWctYmxvZy5jc2RuaW1nLmNuL2RpcmVjdC9lZjU1ZTZiZDEwMjc0YmQ0YjEzN2U1N2RiYjU3ZTJhNC5qcGVn.jpeg?w=700)
![请添加图片描述](https://image.miaokee.com:8440/aHR0cHM6Ly9pbWctYmxvZy5jc2RuaW1nLmNuL2RpcmVjdC83NGE1OTk1NDIwYjM0NTUwYTNiN2JiMzQ1Yjk3MjgzMi5qcGVn.jpeg?w=700)
![在这里插入图片描述](https://image.miaokee.com:8440/aHR0cHM6Ly9pbWctYmxvZy5jc2RuaW1nLmNuL2RpcmVjdC9jODcyMTYxMjY1NWM0MDY0YWUyMzI5MTcxNzEzZmUwMC5wbmc%3D.png?w=700)
![在这里插入图片描述](https://image.miaokee.com:8440/aHR0cHM6Ly9pbWctYmxvZy5jc2RuaW1nLmNuL2RpcmVjdC9iMzJhYTkxYjBhYTE0ZmY2OWQ4YjJjMzdhN2MwMzZiZC5wbmc%3D.png?w=700)
![在这里插入图片描述](https://image.miaokee.com:8440/aHR0cHM6Ly9pbWctYmxvZy5jc2RuaW1nLmNuL2RpcmVjdC9mZGY2YTE2NTVkMWM0YTc1YjY0NTE2MDg5ZDYyN2FlMC5wbmc%3D.png?w=700)
![在这里插入图片描述](https://image.miaokee.com:8440/aHR0cHM6Ly9pbWctYmxvZy5jc2RuaW1nLmNuL2RpcmVjdC8yNGQ1NDNhNDE5M2M0ZWE2YWE0YWViMDA5MDdjMmI1Zi5wbmc%3D.png?w=700)
![在这里插入图片描述](https://image.miaokee.com:8440/aHR0cHM6Ly9pbWctYmxvZy5jc2RuaW1nLmNuL2RpcmVjdC84NDQwMmIyZjZiZmQ0Njg1YmJiMDIxYzkwMDFmMWJlNi5wbmc%3D.png?w=700)
![在这里插入图片描述](https://image.miaokee.com:8440/aHR0cHM6Ly9pbWctYmxvZy5jc2RuaW1nLmNuL2RpcmVjdC8xMDJiNTcwYWZhZTc0MDI2YmJmNTg2MDVhYzZjYTY5Yy5wbmc%3D.png?w=700)
![在这里插入图片描述](https://image.miaokee.com:8440/aHR0cHM6Ly9pbWctYmxvZy5jc2RuaW1nLmNuL2RpcmVjdC8wNDJlMjE3MmQzZDY0MDM1ODU1ODlmMjY1YjdkYTUzZi5wbmc%3D.png?w=700)
![在这里插入图片描述](https://image.miaokee.com:8440/aHR0cHM6Ly9pbWctYmxvZy5jc2RuaW1nLmNuL2RpcmVjdC8yZDNhYTY1Yjc5ODM0NjlhYWZlNzZhZmJkMGI3MWUyNC5wbmc%3D.png?w=700)
![在这里插入图片描述](https://image.miaokee.com:8440/aHR0cHM6Ly9pbWctYmxvZy5jc2RuaW1nLmNuL2RpcmVjdC85ZGFkNGNlMTI5ZGM0MmVkOTZhZTZjODExNTU4YTdhYi5wbmc%3D.png?w=700)
![在这里插入图片描述](https://image.miaokee.com:8440/aHR0cHM6Ly9pbWctYmxvZy5jc2RuaW1nLmNuL2RpcmVjdC81NjFhYmMxNjk4YmY0MzExODlhZWIxNGM0NWEyNmQyNy5wbmc%3D.png?w=700)
![在这里插入图片描述](https://image.miaokee.com:8440/aHR0cHM6Ly9pbWctYmxvZy5jc2RuaW1nLmNuL2RpcmVjdC9kZTMyMzI4OWNlZjQ0OGI4OTg3OTM2YWJhM2VmODQyMi5wbmc%3D.png?w=700)
js事件监听
![在这里插入图片描述](https://image.miaokee.com:8440/aHR0cHM6Ly9pbWctYmxvZy5jc2RuaW1nLmNuL2RpcmVjdC83OTk0ZGI2ZTE4Y2E0OWE0YTdhNGY4NjI4MzI3NjUwNS5wbmc%3D.png?w=700)
![在这里插入图片描述](https://image.miaokee.com:8440/aHR0cHM6Ly9pbWctYmxvZy5jc2RuaW1nLmNuL2RpcmVjdC9mYmE0NGEzZTZmNDE0ZDdkOTBiZmFlZjY5MjRiNjYxMi5wbmc%3D.png?w=700)
![在这里插入图片描述](https://image.miaokee.com:8440/aHR0cHM6Ly9pbWctYmxvZy5jc2RuaW1nLmNuL2RpcmVjdC8yMzgyOGVmOTY4ODU0ODc0OTIyZTY2MjI1MTFhYjRiOC5wbmc%3D.png?w=700)
Vue
![在这里插入图片描述](https://image.miaokee.com:8440/aHR0cHM6Ly9pbWctYmxvZy5jc2RuaW1nLmNuL2RpcmVjdC9mNDQ2ZGRhNTkwNzM0ODk4YWY5ZjZlYzc0MmM1MGU2Zi5wbmc%3D.png?w=700)
vue常用指令
vue生命周期
![在这里插入图片描述](https://image.miaokee.com:8440/aHR0cHM6Ly9pbWctYmxvZy5jc2RuaW1nLmNuL2RpcmVjdC9iODAyMjNiZTE3Y2I0OWZjOWM1MmM4MmEwMTc4MGY0MS5wbmc%3D.png?w=700)
![在这里插入图片描述](https://image.miaokee.com:8440/aHR0cHM6Ly9pbWctYmxvZy5jc2RuaW1nLmNuL2RpcmVjdC8yODZlZWUwM2FmZjg0NDJmOTk5ZWFmODEwNDc1Mjc1Yi5wbmc%3D.png?w=700)
![在这里插入图片描述](https://image.miaokee.com:8440/aHR0cHM6Ly9pbWctYmxvZy5jc2RuaW1nLmNuL2RpcmVjdC82NDg4YTVmOTNmNGE0MWVhODgyMTQzNDM2OWY0NjdmNy5wbmc%3D.png?w=700)
![](https://image.miaokee.com:8440/aHR0cHM6Ly9pbWctYmxvZy5jc2RuaW1nLmNuL2RpcmVjdC9hNDcwNGM1ZTM2NGU0MGYxYTliYmQwMjZhM2E4ZjgxZi5wbmc%3D.png?w=700)
![在这里插入图片描述](https://image.miaokee.com:8440/aHR0cHM6Ly9pbWctYmxvZy5jc2RuaW1nLmNuL2RpcmVjdC9lNzg5YmJjMWZjMDI0OWNhODFmMGE2Zjk5N2IzZWJlMC5wbmc%3D.png?w=700)
![在这里插入图片描述](https://image.miaokee.com:8440/aHR0cHM6Ly9pbWctYmxvZy5jc2RuaW1nLmNuL2RpcmVjdC8wNDE3M2M0MGE5OTU0MjRlOTZhMzFiNGFmZjNmNjdkMy5wbmc%3D.png?w=700)
vue生命周期
![在这里插入图片描述](https://image.miaokee.com:8440/aHR0cHM6Ly9pbWctYmxvZy5jc2RuaW1nLmNuL2RpcmVjdC85NDY3MjM5ZGViZTY0YjYwOTEyYWM3OGE0OGUxYmQ2YS5wbmc%3D.png?w=700)
![在这里插入图片描述](https://image.miaokee.com:8440/aHR0cHM6Ly9pbWctYmxvZy5jc2RuaW1nLmNuL2RpcmVjdC9lODI5Y2Q0ZWQwMzU0NDg5YTBmZmIwNmMwYzRkNDRjMi5wbmc%3D.png?w=700)
![在这里插入图片描述](https://image.miaokee.com:8440/aHR0cHM6Ly9pbWctYmxvZy5jc2RuaW1nLmNuL2RpcmVjdC9kMDBkZGVmYjkxNDE0ZWRkOTIwNDI3MjU0NzJkOGQ0Zi5wbmc%3D.png?w=700)
![在这里插入图片描述](https://image.miaokee.com:8440/aHR0cHM6Ly9pbWctYmxvZy5jc2RuaW1nLmNuL2RpcmVjdC8wZDViOGRiMjE3NmQ0YTU5YTM5MWRkM2I2NzRhMDgwNy5wbmc%3D.png?w=700)
![在这里插入图片描述](https://image.miaokee.com:8440/aHR0cHM6Ly9pbWctYmxvZy5jc2RuaW1nLmNuL2RpcmVjdC85YzI1NzlmMGE3OTg0ZjE4ODA3NzUwMzkwZmRmOTA5OS5wbmc%3D.png?w=700)
![在这里插入图片描述](https://image.miaokee.com:8440/aHR0cHM6Ly9pbWctYmxvZy5jc2RuaW1nLmNuL2RpcmVjdC9mMDJlMzU5MjUxMjg0ZmQ5OGQ3NzUwMmQyYjM3ZmYwNy5wbmc%3D.png?w=700)
Ajax-axios发起异步请求
![在这里插入图片描述](https://image.miaokee.com:8440/aHR0cHM6Ly9pbWctYmxvZy5jc2RuaW1nLmNuL2RpcmVjdC9jN2ZkNTliZmYyNTQ0YTAxYTdiZjc5ZGVmMzYxNzY5Yi5wbmc%3D.png?w=700)
![在这里插入图片描述](https://image.miaokee.com:8440/aHR0cHM6Ly9pbWctYmxvZy5jc2RuaW1nLmNuL2RpcmVjdC9mYWM2YWU5NDU4NDE0N2RiOTIyOGYxZWQ2Y2FmM2RkNS5wbmc%3D.png?w=700)
![在这里插入图片描述](https://image.miaokee.com:8440/aHR0cHM6Ly9pbWctYmxvZy5jc2RuaW1nLmNuL2RpcmVjdC8xMTIyZWIyM2RlMDI0MmJlOTdmZTdiYjI5MTQxNjEyNi5wbmc%3D.png?w=700)
前后端分离开发
接口文档(在线维护、离线维护)《–原型+需求
![在这里插入图片描述](https://image.miaokee.com:8440/aHR0cHM6Ly9pbWctYmxvZy5jc2RuaW1nLmNuL2RpcmVjdC9lN2Y4ODgzYzBiYmU0NjkwODJlODc1YzM1MGU2ZTlhOS5wbmc%3D.png?w=700)
YApi
![在这里插入图片描述](https://image.miaokee.com:8440/aHR0cHM6Ly9pbWctYmxvZy5jc2RuaW1nLmNuL2RpcmVjdC83NTY0ZThiNzY3NDk0YzIwOTZkM2JjN2EzZGEwZDYyZi5wbmc%3D.png?w=700)
前端工程化
![在这里插入图片描述](https://image.miaokee.com:8440/aHR0cHM6Ly9pbWctYmxvZy5jc2RuaW1nLmNuL2RpcmVjdC85MzQ4NGEzMTczMjA0ZDBkYTJmOTc4OTAyNDNlYjA3NC5wbmc%3D.png?w=700)
安装nodejs和vue-cli
![在这里插入图片描述](https://image.miaokee.com:8440/aHR0cHM6Ly9pbWctYmxvZy5jc2RuaW1nLmNuL2RpcmVjdC9iODQ1MzcwMTk0ZmQ0NmIyYjBiNTlhM2QwN2NmNGUzMC5wbmc%3D.png?w=700)
![在这里插入图片描述](https://image.miaokee.com:8440/aHR0cHM6Ly9pbWctYmxvZy5jc2RuaW1nLmNuL2RpcmVjdC84N2UzMzA1ZjYxMGI0ZjViOTI0MGUyNzUwMGE0NjNlYS5wbmc%3D.png?w=700)
vue项目启动的两种方式:图形化界面和命令行方式
![在这里插入图片描述](https://image.miaokee.com:8440/aHR0cHM6Ly9pbWctYmxvZy5jc2RuaW1nLmNuL2RpcmVjdC9jNmQ0YjU0ZDRiMDA0MTg0YWU4M2E3M2VkYzA4OGM4NS5wbmc%3D.png?w=700)
vue项目开发流程
![在这里插入图片描述](https://image.miaokee.com:8440/aHR0cHM6Ly9pbWctYmxvZy5jc2RuaW1nLmNuL2RpcmVjdC81NjI4YmI5Y2NhZTA0ZGM0OGEyOTcyMTdjN2Q1MDk4Ni5wbmc%3D.png?w=700)
![在这里插入图片描述](https://image.miaokee.com:8440/aHR0cHM6Ly9pbWctYmxvZy5jc2RuaW1nLmNuL2RpcmVjdC80OTc1NzBhZjM1ODQ0MGJmYWE1MDIzZWFlYzZmYmM3NC5wbmc%3D.png?w=700)
Vue组件库Element
![在这里插入图片描述](https://image.miaokee.com:8440/aHR0cHM6Ly9pbWctYmxvZy5jc2RuaW1nLmNuL2RpcmVjdC8wNDUxNWIxNWE1ZTE0NTgyODc4OTFkZTc5M2E5NjM0Yi5wbmc%3D.png?w=700)
![在这里插入图片描述](https://image.miaokee.com:8440/aHR0cHM6Ly9pbWctYmxvZy5jc2RuaW1nLmNuL2RpcmVjdC8xYTJjMjMxYzg3MTU0Njk4YTVhYzRkYzJlMzUzODM4OS5wbmc%3D.png?w=700)
![在这里插入图片描述](https://image.miaokee.com:8440/aHR0cHM6Ly9pbWctYmxvZy5jc2RuaW1nLmNuL2RpcmVjdC82ZGY2MjRjNzFmYWM0YjA0OTYyNmQxMDBhZjhjMWExNC5wbmc%3D.png?w=700)
Element常见组件
ctrl+alt+L格式化代码
![在这里插入图片描述](https://image.miaokee.com:8440/aHR0cHM6Ly9pbWctYmxvZy5jc2RuaW1nLmNuL2RpcmVjdC8zMDliZjkyMWI3MDA0YTczYmM3MWVlNThiZDRhZjFjNC5wbmc%3D.png?w=700)
![在这里插入图片描述](https://image.miaokee.com:8440/aHR0cHM6Ly9pbWctYmxvZy5jc2RuaW1nLmNuL2RpcmVjdC9jZDg5ZjQ3MzRlOTA0MTYzOWZiZDRkMDc1OGM1MDAzYS5wbmc%3D.png?w=700)
vue路由
![在这里插入图片描述](https://image.miaokee.com:8440/aHR0cHM6Ly9pbWctYmxvZy5jc2RuaW1nLmNuL2RpcmVjdC8wNDk5MmQ1ZTUxNDA0OTMxYWM3ZmU2ZDhhOGYyZmYzYS5wbmc%3D.png?w=700)
![在这里插入图片描述](https://image.miaokee.com:8440/aHR0cHM6Ly9pbWctYmxvZy5jc2RuaW1nLmNuL2RpcmVjdC8zMWExZGRjYTRiNzU0OGIxYWM1YzkwYmFlNzg4ZTA3YS5wbmc%3D.png?w=700)
打包部署
![在这里插入图片描述](https://image.miaokee.com:8440/aHR0cHM6Ly9pbWctYmxvZy5jc2RuaW1nLmNuL2RpcmVjdC81YTYzYTFmNTYzNWM0OGNjYmM2MDQ3ZjM5NDEzOTVhOS5wbmc%3D.png?w=700)
Niginx部署前端静态资源
![在这里插入图片描述](https://image.miaokee.com:8440/aHR0cHM6Ly9pbWctYmxvZy5jc2RuaW1nLmNuL2RpcmVjdC9hNmViOWRmNTk5YTU0ODQwOWRhZmJiNDQzOWQ5NDAwYi5wbmc%3D.png?w=700)
![在这里插入图片描述](https://image.miaokee.com:8440/aHR0cHM6Ly9pbWctYmxvZy5jc2RuaW1nLmNuL2RpcmVjdC9mODYzZGY4NmM5YTk0YjVmOTlhNDFmMjUyZWY0OTg1YS5wbmc%3D.png?w=700)
![在这里插入图片描述](https://image.miaokee.com:8440/aHR0cHM6Ly9pbWctYmxvZy5jc2RuaW1nLmNuL2RpcmVjdC8xYjYzN2MwNDE3OWY0MTQ0OWRlNzJmYmJjNTQ5ZTI5OC5wbmc%3D.png?w=700)
通过Nignx如何做反向代理服务器 、如何实现负载均衡。