Flex兼容性写法 父级元素写法 {代码...} 子元素 {代码...} 1、水平垂直居中样式 {代码...} 左边固定宽度，右边占满宽度 {代码...} 基本网格布局 {代码...} 顶部固定高度，底部占满剩余高度 {代码...} 顶部、底部固定高度，中间占据剩余高度，siderBar固定宽度，center占据剩余宽度 {代码...}

作为前端开发，了解浏览器发送http请求是很有必要的。 HTTP请求的7个步骤 1.建立TCP链接 2.浏览器发送请求（GET/sample/hello.jsp HTTP/1.1） 3.浏览器发送请求头（request header） 4.服务器发送应答（HTTP/1.1 200 OK） 5.服务器发送应答头（response header） 6.服务器发送数据 7.服务器关闭TCP连接 浏览器中，networ...

4、在const devWebpackConfig里面找到devServer，在devServer里面添加 before:{} 方法，方法里面写下面的代码：

在旧版本的vue-cli中是在build目录下dev-sever.js中添加数据接口vue-cli升级到2.9.1之后，把webpack升级到了v3.6.0，里边去掉了dev-server和dev-client两个文件，改在webpack.dev.conf.js设置

问题描述：使用data本地数据DOM渲染展示正常，使用服务端数据，DOM没有数据渲染，如下图。 正确渲染展示： 原因：this指向不对，具体看代码。

原因：因为在data中的图片路径会被解析成字符串，所以在使用时，找不到图片的途径。 解决方式： 只需要在data中按需引入图片的途径就行： 比如：[url:require('…/img/banner1.jpg')],就可以找到图片的路径了。

如果一个父级块元素中的子元素浮动，那么所有浮动的子元素都脱离了文档流，如果父元素无法确定高度，则其下面的兄弟元素会自动补位，造成视图结构混乱，所以这个时候要进行清除浮动。

最新vue2.x仿饿了么app 商家页面 项目总结 标签（空格分隔）： vuejs 前言 仿饿了么app是基于vue2.x最新实战项目，用到的技术栈 {代码...} 页面相对简单，所以没有用到vuex， 它更适合对复杂的单页面进行状态管理 实现功能： {代码...} 项目地址：[链接] 如果觉得对您有帮助，您可以在右上角给我个star支持一下，谢谢！ ...

vue2.0 练习中报错问题处理 报错（数据是可以正确显示在页面中的）： {代码...} 报错说明 主要问题出在props的数据上，props绑定的数据是从父级传过来的，提示中 selectType 是自身组件中的数据，不需要从父级获取 解决方法 将 selectType 绑定到 data() 上就对了

前言 vue官网指出： 通过使用事件中心，允许组件自由交流，无论组件处于组件树的哪一层。由于 Vue 实例实现了一个事件分发接口，你可以通过实例化一个空的 Vue 实例来实现这个目的。