去哪了 app 项目总结

1.首先初始化项目， 在index.html中配置适配项 ，重点：适配项是为了让用户放大缩小还是原始比例。还是1:1比例

 

2.引入reset.css， 在src 里面的assets这里文件夹里面主页放一些样式文件,然后再这个文件夹创建一个styles，然后把reset.css放到里面

 

 3. border.css 文件配置  （注：border.css 是为了解决移动端1像素边框问题）重点：因为我们的手机分辨率高，有的是2倍屏或者是3倍屏，如果在页面上写的是1px,但是指的是css的像素，但是在2倍屏上看实际对应的不是1个物理像素，而是2个或者三个物理像素，为了解决多倍屏里面，1像素边框会被显示成多像素的问题，所以需要引用1边框像素解决方案，需要引入这个border.css

 

 4.配置移动端点击300ms延迟问题，重点：它指的是在移动端开发中，在某些机型上，某些浏览器上当时使用click事件的时候会延迟300ms再执行，这时候click事件体验就不好了，为了解决这个问题，可以引入fastclick这个库

cmd命令下载 

• npm install fastclick --save // 终端下载fastclick

 5.iconfont图标引入及使用  创建好项目，下载使用的图标即可

 

 5.stylus 使用和安装  （注：Stylus是一个CSS预处理器，提供一种高效、动态和富有表现力的方式来生成CSS。Stylus 比较激进，利用缩进、空格和换行来减少需要输入的字符。不过同时也兼容CSS语法。使用最多的是:变量（variables），代码混合（ mixins），嵌套（nested rules）以及 代码模块化(Modules)。复用，逻辑能力和抽象能力。）和less sass这些预处理器类似
首先在项目中 cmd命令中  npm install stylus --save安装

 npm install stylus-loader  --save 安装

 

 安装stylus-loader有个报错 一个小细节，首先修改一下package.json 修改一下这两个版本号为如图所示，然后删除依赖，重新下载依赖

 

 初始化完毕