1、环境安装
windows环境:node(插件安装)+git(代码提交)+码云(线上代码管理)等等
2、vue创建单页面项目
基于Vue cli搭建的vue项目(新版Vue Cli3)
npm install -g @vue/cli
//创建一个项目
vue create myPorject
//可以用图形化界面创建和管理项目
vue ui
//vue插件安装vue add安装和调用vue cli插件
vue add @vue/eslint
3、单页面应用与多页面应用区别
单页面应用
优点:页面跳转交互好(由于是js渲染)
缺点:首屏加载慢(由于需要请求服务和数据请求)、seo不好(搜索引擎不识别js中的文档)
多页面应用
优点:首屏加载快、seo友好
缺点:页面跳转慢
4、移动端遇到的问题
1、移动端1px边框的问题解决border.css
2、移动端click300ms的延时解决fastclick
//安装fastclick
npm install fastclick --save
//使用main.js文件中
import fastClick from 'fastclick'
fastClick.attach(document.body)
3、px和rem的转化
扫描二维码关注公众号,回复:
3980888 查看本文章
假设设计稿(750px),则可以设置html的font-size:50px,对应的是2倍的dp,那么设计稿对应的页面宽度是375px,那么1rem = 50px页面宽度 = 100px设计稿宽度,即设计稿宽度为750/100 = 7.5rem