首页
首页
沸点
课程
直播
活动
竞赛
商城
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
Ewall
掘友等级
web前端
获得徽章 0
动态
文章
专栏
沸点
收藏集
关注
作品
赞
59
文章 58
沸点 1
赞
59
返回
|
搜索文章
最新
热门
vue-cli3.0与vant的引入
因为我们的项目中本来是使用sass来作为css的一个预编译器的,但是vant是用的less语法,所以我们还需要安装下less,不然会报错。 配置安装参考官网的引入组件教程就可以了。 如果你使用postcss-px-to-viewport来配置vw解决移动端适配解决方案,将vie…
使用yapi进行数据mock
yapi就是一个接口管理平台了,顺带做些数据mock。 怎么用看yapi文档,官方文档还是讲的比较清晰的,我这里就以项目中使用了的来举几个列子。 登录注册一个账号以后,你可以创建一些分类,对接口分门别类,这样的话就比较清晰,也利于维护。 然后可以去新建一个接口,点击编辑什么的就…
axios的封装、代理转发、数据mock
axios是什么就不说了吧,你应该以及很熟了,就直接安装吧。 然后我们简单的在src/utils/request.js中简单的进行了一下axios封装。 你也可以使用mockjs、esaymock之类的,其实都差不多,yapi还是很好用的,一些基础的用法文档都有讲,在项目中我用…
实现手淘金刚区类目列表的scroll滑动效果
在h5开发的过程中,轮播图下面放个类目的list(产品术语叫金刚区)是电商产品中很常见的布局,以前都是一行或两行排完,但是随着类目越来越多,出现了这么几种设计:1、最后一个类目为查看更多,点击跳转去一个新的页面;2、用swiper包裹,将多个类目当轮播图展示;3、类目scrol…
一次讲清移动端适配解决方案—rem和vw
rem的原理什么的我就不说了,网上搜文章一搜一大把。 一般是使用手淘的lib-flexible.js,但是这个作为一种过渡方案已经被废弃了,目前已不推荐在你的新项目中使用这个方案来解决手机适配问题。 感兴趣可以看看我老早以前写的这篇-->手机适配问题之rem和lib-flexi…
3、webpack从0到1-使用babel打包
先看官网对Loaders的解释:webpack enables use of loaders to preprocess files。 简单一点来说就是一个可以帮我们处理文件的东西,比如一个js文件,在webpack打包的时候看到这个js文件就会走我们定义的比如接下来要说的ba…
关于骨架屏与首屏渲染
骨架屏就是可以由原来的在尚未加载前转圈圈变成先给用户展示出页面的大致结构,这样可以让用户有个更好的体验感。 就是直接麻烦设计切张图片,控制这张图片的隐藏和显示。 第2种就是使用饿了吗的page-skeleton-webpack-plugin这个插件。我在项目首页中用了一下,效果…
vue中动态化的按需使用keep-alive
就是缓存,我们还是来看看具体的使用场景。 首先简单一点,第一种比较普遍的场景,当我们从首页-->列表页-->商详页-->再返回,这时候列表页应该是需要keep-alive的。 然后第二种,当我们从首页-->列表页-->商详页-->返回到列表页(需要缓存)-->返回到首页(需要缓…
16、webpack从0到1-tree shaking
我们首先从字面意思上来理解一下,「tree shaking」翻译一下就是摇树罗,摇树的时候就会把不必要的枯枝烂叶给摇下来,同理,到代码中,「tree shaking」就是把没有用到的代码shaking掉。 如果你看要「tree-shaking」的一个具体的效果,那么你需要在「m…
浏览器默认样式、1px边框问题、css预编译
大家都知道各个浏览器的默认样式都有一定的差异性,而我们需要抹掉这部分的差异;有两种解决方法。 本项目mall@v2.0升级使用sass语法。你要使用less?-->less的引用及公共变量的抽离 node-sass还是安装不上,切换淘宝镜像源啊什么的都不行,那么试下这行命令。-…
下一页
个人成就
文章被点赞
56
文章被阅读
29,359
掘力值
737
关注了
10
关注者
6
收藏集
2
关注标签
12
加入于
2017-06-29