前端小菜鸡123

1、在 input 元素上绑定 ref 属性 2、在 input 元素上绑定 input 事件 3、使用语法糖 v-model 4、扩展：语法糖 v-model 和 .sync 的区别 v-model

一、基于 height 实现动画（1） 二、基于 height 实现动画（2） 三、基于 opacity 和 transform 实现动画

1、常见块级元素 2、常见行内元素 3、居中方式对比和总结 （1）行内元素 水平居中：text-align:center；绝对定位 + transform 垂直居中：flex 布局；绝对定位 + tr

应用开发时，常需要发送大量请求，而且每个请求间常常只有接口相对地址和查询参数不同，基本路径和请求函数都一样，所以，这里通过对axios的GET请求进行封装，使后台使用时仅需传入查询参数便可获取返回数据

> 配置 devServer.proxy，让应用可以跨域仿问非同源网址。 ```js /** http-proxy-middleware 用于后台将请求转发给其它服务器。这里是将在本地服务器上的请求，

1、路由配置 2、在 main.js 中引入并使用 element-ui 3、APP.vue 中的逻辑代码 4、页面效果

```js const LazyLoad = { // install方法 install(Vue,options){ // 代替图片的loading图 let defaultSrc = option

FastMock：模拟后端接口。FastMock 添加成功后的界面；可以在 FastMock 中模拟后端要发送的数据格式；在 Vue 中使用 axios 发送 get 请求；成功返回的 JSON 数据

通过在 webpack 中配置 publicPath 和configureWebpack.externals 属性，可以使大部分依赖文件在压缩和转译时不用被打包，从而减少打包文件的体积、加快首屏加载。