
前端
monkey-jie
这个作者很懒,什么都没留下…
展开
-
vue-cli3 + bootstrap3实现响应式布局
1、用px2rem配合lib-flexible,省略rem的计算,大大加快开发速度。①lib-flexible作用:让网页根据设备dpr和宽度,利用viewport和html根元素的font-size配合rem来适配不同尺寸的移动端设备安装:npm install lib-flexible引入:入口文件main.js中:import "lib-flexible/flexible.js...原创 2019-03-02 10:34:16 · 9469 阅读 · 4 评论 -
Promise使用踩坑
resolve只接受status为200resolve函数只能接受响应状态码为200的,其它响应码都会丢给reject处理。我在项目中尝试用过201状态码,都直接被丢给reject处理了,搞得我debug半天。then函数后应使用一个catch函数捕捉异常当promise的then函数中发生了异常,将会抛给catch处理,所以应该在后面加一个catch捕捉异常,以更容易发现问题出在哪里,如果...原创 2019-08-23 18:42:01 · 740 阅读 · 0 评论 -
element-ui的el-upload自定义上传头像,并显示进度条
element默认的上传头像,并没有进度条的展示,当图片较大或网速较慢时,就会显得卡顿,用户体验很不好。所以就重写了el-upload的上传头像部分,并自定义了上传行为。效果预览:根据官方文档,要覆盖默认的行为,要绑定http-request,自定义一个方法来实现。这里使用了el-progress来展示进度条,通过axios的onUploadProgress方法来获取实时的进度。代码实现:...原创 2019-08-24 09:57:04 · 16825 阅读 · 4 评论 -
vue使用最新版font-awesome字体图标库(内附花式玩法)
安装安装基础依赖:进入 Vue 项目文件夹,执行如下命令安装基础依赖库。npm i --save @fortawesome/fontawesome-svg-corenpm i --save @fortawesome/vue-fontawesome安装样式依赖Font Awosome 为我们提供了 Solid、Regular、Brands 这三种免费样式(日常使用完全足够)npm i...转载 2019-08-15 21:20:05 · 8534 阅读 · 3 评论 -
mavonEditor配色方案效果
mavonEditor官方文档中只给了一个配色方案的字符串在那,并没有效果图去highlight.js的官网看看:highlight.js但是具体使用的时候,会与官方的有一些偏差。我这里选用的样式是:atelier-lakeside-dark效果如下:...原创 2019-08-25 21:11:53 · 4726 阅读 · 5 评论