- 博客(11)
- 收藏
- 关注
转载 用Vue写移动端时有哪些UI框架
现在刚刚接手个APP开发的小项目类似于美团风格,要是用vant 搭配Vue.js来写,其实与之匹配的UI太多了,今天简单聊一下。1.vanthttps://youzan.github.io/vant/#/zh-CN/官网https://open.youzan.com/zanui/Vant 是有赞开源的一套基于 Vue 2.0 的 Mobile 组件库。通过 Vant,可以快速搭建出风格统一的页面,提升开发效率。目前已有近 50 个组件,这些组件被广泛使用于有赞的各个移动端业务中。2.muiht
2021-03-25 16:49:11
477
转载 vue常用开发ui框架(app,后台管理系统,移动端)及插件
一、uni-app (app混合开发) uni-app是一个使用Vue.js开发跨平台个人文库应用的前端框架,开发者编写一套代码,可编译到的iOS,安卓,H5,小程序等多个 平台。 官网:uni-app二、vue-cli3+cordova (app混合开发) 网址:[https://www.jianshu.com/p/543a1da430c2](https://www.jianshu.com/p/543a1da430c2)三、element-ui (后台管理系统)
2021-03-25 16:42:00
481
原创 background-size:contain与cover的区别
background-size:contain与cover的区别background-size:contain与cover的区别:不同之处:1、在no-repeat情况下,如果容器宽高比与图片宽高比不同,cover:图片宽高比不变、铺满整个容器的宽高,而图片多出的部分则会被裁掉;cover即为”塞满“contain:图片自身的宽高比不变,缩放至整个图片自身能完全显示出来,所以容器会有留白区域。contain即为“包含”,我图片虽然缩放了,但是整个图是被“包含”在里面了,完整显示,不能裁剪。2、在
2020-06-01 15:26:33
551
转载 如何清除微信网页缓存
之前做过很多公众号的项目,项目写完后给客户看项目,客户一而再再而三的修改元素向左挪1px,向右挪2px。改好之后让客户看,客户说我特泽发克,你啥都没有修改,你竟然骗我!!! 这其实就是微信内置浏览器的缓存在作祟啦,那么如何清理微信内置浏览器的缓存呢? 你们是否知道 ios版微信 和 android版微信 的内置浏览器的内核是不一样的呢?android版微信内置浏览器(X5...
2020-02-12 13:17:11
687
转载 Vue粒子特效(vue-particles插件)
图上那些类似于星座图的点和线,是由vue-particles生成的,不仅自己动,而且能与用户鼠标事件产生互动。使用教程:npm install vue-particles --save-devmain.js里加入以下代码:import VueParticles from 'vue-particles' Vue.use(VueParticles) App.vue 文件——一个完整的例...
2020-02-12 13:04:15
281
转载 css 垂直居中技巧
css 垂直居中技巧CSS垂直居中技巧,我只会23个,你会几个?自古以来(是有多?~),网页CSS的垂直居中需求始终没有停过,而其困难度也始终没有让人轻松过,经过了每位开发先烈的研究后,据说CSS的垂直居中技巧已达到近十种之多,但始终鲜为人知,部分公司甚至将CSS的垂直居中技巧当成面试题,其重要性可见一斑,经过了Amos通灵了一下之后把垂直居中的写法扩展到了23种,今天就让Amos带着大家轻松的...
2020-02-12 13:01:33
187
转载 vue添加swiper的正确方式亲测---切图网
在vue项目中,我们在做图片轮播的方式和传统切图不同,传统切图中我们一般采用非常强大的swiper来完成,而在vue中一般依赖vue-awesome-swiper组件来完成(vue-awesome-swiper其实就是基于swiper4封装的vue插件,所以如果你刚好熟悉swiper.js插件的话,基本你都能看明白)。亲测有用,按照下面方法执行即可成功,方法如下:1,安装组件通过命令行npm ...
2020-02-11 22:02:24
171
转载 vue自定义分页组件---切图网
vue2.5自定义分页组件 Pagination.vue,可设置每页显示条数,带跳转框直接跳转到相应页面,亲测有用。目前很多框架自带有分页组件比如elementUI,不过在面对一个拿到PSD稿,然后重新切图,重新VUE开发的项目来说,自定义分页组件才是应万变的最佳打开方式。html<template><div class="pagination" v-if="totalPa...
2020-02-11 22:00:57
247
转载 vue中允许你继续使用swiper的组件 vue-awesome-swiper---切图网
swiper是一个在切图中好用到不行的图片轮播插件,包括3d轮播、h5滑屏等复杂应用都不在话下,到了vue项目一切逻辑完全颠覆了,没有获取dom的概念,还好有 vue-awesome-swiper组件,让我们可以无缝的继续使用swiper。如果没记错的话vue-awesome-swiper基于swiper3.x 开发得来。1.npm安装npm install vue-awesome-swipe...
2020-02-11 21:59:18
319
转载 在vue中继续使用layer.js来做弹出层---切图网
layer.js是一个方便的弹出层插件,切图网专注于PSD2HTML等前端切图多年,后转向Vue开发。在vue开发过程中引入layer.js的时候遇到了麻烦。原因是layer.js不支持import导入,这时就需要修改一下它的源码。在看过它的源码后,发现需要修改的地方只有两处,源码中已经暴露了一个全局变量layer,故只需在脚本末尾处添加export default layer;这表示将这...
2020-02-11 21:56:32
675
转载 vue基于video.js实现视频播放暂停---切图网
切图网是最早致力于PSD2HTML切图等web前端外包服务的,随着前端技术的更新迭代,现在也已经全面投入了vue的浪潮了,下面是vue中实现视频播放的方法。vue.js中引入video视频播放器main.js中引入import Video from 'video.js'import 'video.js/dist/video-js.css'Vue.prototype.$video = Vi...
2020-02-11 21:51:47
690
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人