标签：0ms   延迟   css   本地   组件   color   网速慢   应用   att   

单文件组件与路由

.vue结尾的文件都是单文件组件

路由就是根据网址的不同返回的页面不同

多页应用与单页应用

多页应用：

每次页面跳转，服务器都会返回一个html。

优点：首次展现页面快。搜索引擎排名比较好，搜索引擎可以识别html内容

缺点：页面切换慢（网速慢的时候）

单页应用：

<router-link to="网址"></router-link>（不用a标签）

js感知页面变化，重新渲染页面，不存在http请求，前端来做

优点：页面跳转是js渲染   页面跳转快

缺点：首屏显示慢（不仅请求http还有js请求）  搜索引擎排名不好  不识别js

单页应用所有页面内容靠js渲染生成，搜索引擎不能识别

解决：服务器端渲染

项目代码初始化

添加mate标签

1 统一手机初始化样式  引入解决方案 reset.css

import "文件地址"

2. 多倍屏1像素边框显示多像素 引入 border.css

import "文件地址"

3.移动端300ms延迟click事件 解决方案

本地安装npm install fastclick --save（开发，线上都用）

npm run start //重启项目

import fastClick from "fastclick"

fastClick.attach()document.body)

4

vue项目准备2

标签：0ms   延迟   css   本地   组件   color   网速慢   应用   att   

原文地址：https://www.cnblogs.com/-constructor/p/12023421.html