Ewall

在h5开发的过程中，轮播图下面放个类目的list（产品术语叫金刚区）是电商产品中很常见的布局，以前都是一行或两行排完，但是随着类目越来越多，出现了这么几种设计：1、最后一个类目为查看更多，点击跳转去一个新的页面；2、用swiper包裹，将多个类目当轮播图展示；3、类目scrol…

axios是什么就不说了吧，你应该以及很熟了，就直接安装吧。 然后我们简单的在src/utils/request.js中简单的进行了一下axios封装。 你也可以使用mockjs、esaymock之类的，其实都差不多，yapi还是很好用的，一些基础的用法文档都有讲，在项目中我用…

骨架屏就是可以由原来的在尚未加载前转圈圈变成先给用户展示出页面的大致结构，这样可以让用户有个更好的体验感。 就是直接麻烦设计切张图片，控制这张图片的隐藏和显示。 第2种就是使用饿了吗的page-skeleton-webpack-plugin这个插件。我在项目首页中用了一下，效果…

因为我们的项目中本来是使用sass来作为css的一个预编译器的，但是vant是用的less语法，所以我们还需要安装下less，不然会报错。 配置安装参考官网的引入组件教程就可以了。 如果你使用postcss-px-to-viewport来配置vw解决移动端适配解决方案，将vie…

大家都知道各个浏览器的默认样式都有一定的差异性，而我们需要抹掉这部分的差异；有两种解决方法。 本项目mall@v2.0升级使用sass语法。你要使用less？-->less的引用及公共变量的抽离 node-sass还是安装不上，切换淘宝镜像源啊什么的都不行，那么试下这行命令。-…

rem的原理什么的我就不说了，网上搜文章一搜一大把。 一般是使用手淘的lib-flexible.js，但是这个作为一种过渡方案已经被废弃了，目前已不推荐在你的新项目中使用这个方案来解决手机适配问题。 感兴趣可以看看我老早以前写的这篇-->手机适配问题之rem和lib-flexi…

虽然市场有很多牛逼的库比如loadsh、underscore.js等等，公司也有公共的函数库，但是如果你自己上手构建一个自己专属的函数库，用着会更爽，也更香。 一方面是为了学习，一方面是为了提高生产。 先去github上新建个仓库，在本地上下载打开它并输入命令初始化并安装下we…

到这里，基本上我们对于整个webpack是干什么的，可以做些什么事情，一些基本的配置应该是搞清楚了。 回顾一下前面章节的内容，大概有这么些东西。 如果要进一步的学习，我要求进步，我们可以看vue脚手架生成项目后的关于webpack的配置，或者react脚手架生成的项目配置。 第…

然后安装文档上面的教程，照猫画虎搞一下。这个loader两个环境都是需要的，我们应该是丢到webpack.common.js中： 首先既然要使用vue，就需要安装它。 然后我们npm run dev打包，浏览器中就会显示出hello world了。现在，是不是有点vue的那意思…