- 博客(11)
- 收藏
- 关注
RSS订阅转载 用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关注的人