20190527——travel项目重写2

关于meta标签

通常所说的META标签，是在HTML网页源代码中一个重要的html标签。META标签用来描述一个HTML网页文档的属性，例如作者、日期和时间、网页描述、关键词、页面刷新等。

首先要明白meta标签具有两个属性：它们分别是http-equiv属性和name属性。

关于meta标签的name=“viewport” 概述

<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">

---

---

关于样式的说明，本项目提供了一个reset.css的文件 

---

---

一像素边框的解决方案 [设计稿的100%还原-「REM」引发的思考设计稿的100%还原-「REM」引发的思考](https://www.jianshu.com/p/1b13889c80f5)

什么是 rem，为什么用 rem
  REM（font size of the root element），是指相对于根元素的字体大小的单位，是个相对单位，如果不设置根元素的字体大小，则会默认以根元素的16px的大小计算值。
 说到rem，百分九十的面试官会问，rem和em区别是什么？EM（font size of the element），是指相对于父元素的字体大小单位，也是个相对单位。他们之间很类似，但为什么 em 就是火不起来？一段好的程序，讲究的是易于维护，找到元素的大小之后还要去找父元素大小才能理解真正大小，不太方便。
 REM 是css3提出的，它实现了 类似 less / sass 中变量的功能，大大提高了可维护性，实现UI稿百分百的还原效果

PX是Pixel的缩写，也就是说像素是指基本原色素及其灰度的基本编码，由 Picture(图像) 和 Element（元素）这两个单词的字母所组成的，如同摄影的相片一样，数码影像也具有连续性的浓淡阶调。

引入border.css的文件来解决1px边框的问题

---

快速点击事件，需要npm引入一个库

npm install X:

会把X包安装到node_modules目录中
不会修改package.json
之后运行npm install命令时，不会自动安装X
npm install X –save:

会把X包安装到node_modules目录中

会在package.json的dependencies属性下添加X

之后运行npm install命令时，会自动安装X到node_modules目录中

之后运行npm install
–production或者注明NODE_ENV变量值为production时，会自动安装msbuild到node_modules目录中

npm install X –save-dev:

会把X包安装到node_modules目录中

会在package.json的devDependencies属性下添加X

之后运行npm install命令时，会自动安装X到node_modules目录中

之后运行npm install
–production或者注明NODE_ENV变量值为production时，不会自动安装X到node_modules目录中

使用原则:

运行时需要用到的包使用–save，否则使用–save-dev。

npm install fastclick --save

当我们安装好了第三方的fastclick的包

import fastClick from 'fastclick'
fastClick.attach(doucument.body)

---

---

引入第三方图库的包 阿里巴巴的矢量图库 iconfont项目

Stylus是一个CSS预处理器。
关于css预处理器

CSS 预处理器是一种语言用来为 CSS 增加一些编程的的特性，无需考虑浏览器的兼容性问题，例如你可以在 CSS 中使用变量、简单的程序逻辑、函数等等在编程语言中的一些基本技巧，可以让你的 CSS 更见简洁，适应性更强，代码更直观等诸多好处。

首先 Sass 和 Less 都使用的是标准的 CSS 语法，因此如果你可以很方便的将已有的 CSS 代码转为预处理器代码，默认 Sass 使用 .sass 扩展名，而 Less 使用 .less 扩展名。

你可以想象，加入你的 CSS 中使用了某个颜色的地方多达数十次，那么要修改颜色时你必须找到这数十次的地方并一一修改，而有了 CSS 预处理器，修改一个地方就够了！

安装并使用stylus

npm install stylus --save
npm install stylus-loader --save

---

在一个大组件中需要有很多小组件的组合，在大组件的vue文件中，import引入小组件的vue文件，然后再在，data中components中引入该小组件的name名字，便可以应用