异步适应屏幕宽度的正方形图片防抖设置

当一个正方形的图片,要适配各种手机的宽的的时候,由于是异步获取的图片,所以会存在抖动问题。 css设置 .image-header { position: relative; width: 100%; height: 0; padding-to...

2019-06-06 16:17:12

阅读数 13

评论数 0

vue-跟随屏幕位置改变的半场动画

定义小球(如果当前页面有其他的动画效果的定义,不要用默认的v-enter...,要重新定义name,用name-enter,用此方式覆盖污染) <transition @before-enter="beforeEnter" @enter="enter...

2019-05-30 17:37:12

阅读数 27

评论数 0

细线表格

<table border="1" cellspacing="0" bordercolor="#000000" width = "80%" style="border-collapse:coll...

2019-05-24 10:21:30

阅读数 32

评论数 0

js点击按钮唤醒app

<a onclick="openApp()">点击唤醒app</a> var download_schema = 'taobao://'; //app的协议有安卓同事提供,这里是用的淘宝 var universal_...

2019-05-22 17:24:03

阅读数 40

评论数 0

scss-mixin的基本(手机1px边框适配)

$border-poses:top, right, bottom, left; $color:#333; @mixin border-1px($color, $pos) { position: relative; &::after { content: ''; ...

2019-05-20 15:59:14

阅读数 47

评论数 0

scss/sass在vue的使用

在vue的css样式中,使用@import和@include可以导入和使用外部的scss/sass 就是在.talk这个类中使用外层scss中定义好的mixin方法; scss的全局使用 如果想要全局定义使用某个scss文件时,除了scss的2个依赖(sass-loader和node-s...

2019-05-20 14:09:33

阅读数 52

评论数 0

clipboard兼容ios和安卓的复制插件

首先js的引入 <script src='./clipboard.min.js'></script> 2个元素的复制呼应 <div class='copydiv'> <p&...

2019-05-16 17:42:51

阅读数 85

评论数 0

sticky footer布局

到页面内容铺不满页面时候,下方div始终定在下面; 当页面内容多余一屏的时候,下方的div会被顶到下面去 <div id="main"> <div class="main_top clearfix&qu...

2019-05-16 10:59:20

阅读数 63

评论数 0

怎么在手机端是实现1px的边框

单边像素边 .scale-1px { position: relative; border: none; } .scale-1px:after { content: ""; position: absolute; bottom: 0; /*...

2019-05-15 11:26:56

阅读数 49

评论数 0

vue-router路由

路由的按需加载 { path: '/home', name:'home', component: resolve => require(['@/components/home'], resolve), }, 添加name后,可以在路由出使用name跳转 &lt...

2019-04-24 10:38:58

阅读数 21

评论数 0

vue总结

1.vue的初始化 let vm = new Vue({ el: '#app', //指定操作的dom data: { //定义属性 msg: 1231, msg2: '' }, met...

2019-04-23 19:06:34

阅读数 41

评论数 0

vuex

vuex是用来保存组件之间的共享数据,如果组件之间有要共享的数据,可以直接挂载到vuex中,而不必通过props和emit来进行传值 安装 npm i vuex -s 在main.js引入并使用 import vuex from 'vuex' vue.use(vuex); 创建 ...

2019-04-19 14:11:17

阅读数 23

评论数 0

编程式导航(网页的跳转)

js中使用 window.location.href="xxxx"来进行跳转 在vue中,使用this. $router.push(''xxxx'')来进行跳转 注意: this.$route.query....是用来获取url的信息, this.$rout...

2019-04-16 18:41:11

阅读数 19

评论数 0

vue-preview图片缩略图插件

npm i vue-preview -s import VuePreview from 'vue-preview' Vue.use(VuePreview) <div class="imgContent"> <vue-p...

2019-04-16 15:47:59

阅读数 90

评论数 0

使用moment来配置过滤器

安装 npm i moment -s 引入 import moment from 'moment'; 配置 Vue.filter('dateFormat',function (dataStr,pattern='YYYY-MM-DD HH:mm:ss') { return m...

2019-04-12 15:36:12

阅读数 13

评论数 0

axios的使用

安装 npm i axios vue-axios -s 引用 import axios from 'axios' import vueAxios from 'vue-axios' Vue.use(vueAxios,axios) 配置 axios.defaults.baseURL =...

2019-04-12 15:31:02

阅读数 23

评论数 0

vue-cli中使用swiper

npm i vue-awesome-swiper -s 在main.js中 import VueAwesomeSwiper from 'vue-awesome-swiper' Vue.use(VueAwesomeSwiper); 在所需要的页面中 import 'swiper/dist...

2019-04-09 18:29:48

阅读数 18

评论数 0

纯c3实现动态省略号

<style> .loading { font-family: simsun; } :root .loading { display: inline-block; width: 1.5em; ver...

2019-04-04 10:26:24

阅读数 23

评论数 0

mint-ui使用

npm i mint-ui -s 1、全局导入使用--main.js中 import MintUI from 'mint-ui' import 'mint-ui/lib/style.css' Vue.use(MintUI) 然后就可以直接使用css的封装组件了,如果要使用js的组件的话,需...

2019-04-03 16:24:47

阅读数 22

评论数 0

webpack+vue路由的配置与分离

因为要使用路由,所以先下载 npm i vue-router -s 然后在main.js中导入与使用它 import VueRouter from 'vue-router' Vue.use(VueRouter); 路由的分离,是新建一个js文件(router.js)然后在里面进行配置 ...

2019-04-03 10:00:33

阅读数 19

评论数 0

提示
确定要删除当前文章?
取消 删除
关闭
关闭