Vue-cli3.0 中使用 vant 在 babel.config.js 文件中遇到的错误
如下报错：
解决办法：
总结：在新的webpack已经不允许 import 和 module.exports 共存，但是我这段代码刚好就这么写了，导致浏览器报错！这时就需要这只babel，sourceType来猜测类进行转码。
最近写了一个小程序用的是 uni-app 来写的最近看着挺火，朋友也推荐就试着用了这个，uni-app 借鉴并整合了 Vue.js 和 mpvue 等开源框架总结了一些遇到的坑写下来。
v-bind:style 之 background-image 的写法：1<view :style="{backgroundImage: 'url('+ item.img + ')'}"></view>
v-bind:class 之 样式判断的写法12345678<view :class=&quo...
先说结论其实没有一个 Css 是完美的，都是按照场景来择优的
如果非要推荐一个新手用的话，我推荐 Less，Less 是这里面最容易上手的，其丰富的语法糖也够你吃上一段时间
另外对那些 Less Sass Stylus 没有概念的同学，先看看这一片文章，Sass vs. LESS vs. Stylus: Preprocessor Shootout。
Css Preprocess Different在前端世界中有着三种预处理，Less Sass Stylus，或许有人在问，Post Css 算什么，其实它只能算是 Css 解析器，不能算是 Css 预处理器
由于这三大预处理器出现的时间不...
变量类型和计算
变量类型
值类型和引用类型
12341 var a = 100;2 var b = a;3 a = 200;4 console.log(b) // 100
我们先定义一个 a = 100; 在定义一个 b = a; 然后在把 a 赋值为 200； 这时候在打印 b，b 的值是 100，每个变量的值都不会相互影响，这就是值类型的特点
12341 var a = {age:20}2 var b = a;3 b.age = 21;4 console.log(a.age) // 21
和上面 值类型 同理，对比一下上面的，但是输出的不一样，...
三栏布局，顾名思义就是两边固定，中间自适应。三栏布局在开发中十分常见，那么什么是三栏布局呢？比如我们打开某东的首页:
映入眼帘的就是一个常见的三栏布局：即左边商品导航和右边导航固定宽度，中间的主要内容随浏览器宽度自适应。
下面围绕的这样的目的，即左右模块固定宽度，中间模块随浏览器变化自适应，想要完成的最终效果如下图所示：
红色和蓝色宽度固定，绿色宽度自适应，下面七种方法实现的最终效果跟这个差不多，可能会稍有不同。
下面七种技巧各有千秋，在开发中可以根据实际需求选择适合自己的方法进行编码。
1.流体布局123456789101112131415161718192021222324252...
设备像素
设备像素（Device Pixels）：设备屏幕的物理像素，单位是 px，比如 iPhone6 的 750x1334px
P.S表示屏幕上有多少个点点，而不是绝对长度单位（例如 in ，mm），因为我的点点和你的点点大小不一样
分辨率
分辨率（resoluteution)，也是一个物理概念，含义要看对谁
对于屏幕，分辨率一般表示屏幕上显示物理像素的总和。比如我们说 iPhone6 屏幕分辨率是 750x1334px
对于图像，概念等同于图像的尺寸、图像大小、像素尺寸等、比如，我们说 20x20 的 icon
P.S其实严格来说，图像分辨率是 ppI （Pixels Per ...
这是一篇快速介绍网站未来布局的文章。
Gird 布局是网站设计的基础，Css Gird 是创建网络布局最强大和最简单的工具
Css Gird 今年也获得了主流浏览器（Safari，Chrome，Firefox，Edge) 的原声支持，所以我相信 所有的前端开发人员都会在不久的将来学到这项技术
在本文中我会尽量的介绍 Css 基础知识，我会把你不该关心的一切都忽略掉，只是让你了解最基础的知识
你的第一个 Gird 布局Css Gird 布局两个核心组成部分是，wrapper （父元素） 和 items （子元素）。wrapper 是实际的 Gird （网格），items
是 gird...
介绍：HTML 元素 有多种 display 属性，比较常见的有 display: none； display：block； display: inline；和 display: inline-block； 等
1、默认 display: block 属性（ 块级元素 ）
123456<div><h1>...<h6><ul>, <ol>, <dl><li>, <dt>, <dd><table><pre>
等元素，其显示为 block 样式，会将一行中可用的空...
页面中使用 Css 的方式主要有三种，行内添加定义 style 属性值，页面头部内嵌调用和外面链接调用，其中外面饮用有两种，link 和 @import。
外部引用 Css 两种方式 link 和 @import 的方式分别是：123456XML/HTML代码<link rel="stylesheet" rev="stylesheet" href="CSS文件" type="text/css" media="all" /> XML/HTML代码<style type="text/css" media="screen"> @import url("CSS文件...
浮动元素有什么特征？对父容器、其他浮动元素、普通元素、文字分别有什么影响?特征：
浮动元素会正常脱离文档流，按照其外边距指定的位置相对于它的上一个块级元素（或父元素）显示
浮动元素后面的块级元素的内容会向此浮动元素的外边距靠齐，但是边框和背景却忽略
浮动元素会向上一个任意非浮动元素靠齐
浮动元素后面的内联元素会向此浮动元素的外边距靠齐
float造成的影响：
对其父元素的影响
对于父元素来说，元素浮动之后，它会脱离当前正常的文档流，所以它也无法撑开其父元素，造成父元素的塌陷
对其兄弟元素（非浮动）的影响
如果兄弟元素为块级元素，该元素会忽视浮动元素而占据它的位置，并且元素会处在浮动...
