logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

解决display:flex属性 justify-content: space-between换行后的排版问题

<style>.wrap {width: 400px;display:flex;/*弹性盒子*/justify-content: space-between;/*两端对齐,子元素之间有间隙*/flex-flow: row wrap;/*子元素溢出父容器时换行*/}span {width: 100px;background-color: green;color:#fff;border-r

文章图片
#css#html#html5
3.双向绑定的理解?

一、什么是双向绑定我们先从单向绑定切入单向绑定非常简单,就是把Model绑定到View,当我们用JavaScript代码更新Model时,View就会自动更新双向绑定就很容易联想到了,在单向绑定的基础上,用户更新了View,Model的数据也自动被更新了,这种情况就是双向绑定举个栗子当用户填写表单时,View的状态就被更新了,如果此时可以自动更新Model的状态,那就相当于我们把Model和Vie

文章图片
Vue点击图片预览放大(支持旋转、翻转、缩放、上下切换、键盘操作)

说句实话,它的功能还是很多很强大的,大家可以自己去看看。主要使用的旋转、翻转、缩放、上下切换、键盘操作等功能都有。这里主要使用旋转1.首先是安装npm install v-viewer --save2.配置在main.js中引入记得引用它的CSS样式import Vue from 'Vue'import Viewer from 'v-viewer'import 'viewerjs/dist/vie

文章图片
#vue.js#css#javascript
vue背景渐变

.cont{position: fixed;height: 100%;width: 100%;background: linear-gradient(red, blue); /* 标准的语法 */}

文章图片
#html5#vue.js#html
vue滚动条事件(获取滚动条距离底部距离)

网上大部分vue的滚动条操作是监听dom实现,我是用@scroll实现首先有滚动条的div一定要设固定高度,然后overflow:auto;出现滚动条passive是使滚动更加流畅,减少卡顿<div @scroll.passive="getScroll($event)" style="height:100px;overflow:auto;"><ul><li>内容

#vue.js#javascript#html
24.Vue项目中有封装过axios吗?怎么封装的?

一、axios是什么axios是一个轻量的HTTP客户端基于XMLHttpRequest服务来执行HTTP请求,支持丰富的配置,支持Promise,支持浏览器端和Node.js端。自Vue2.0起,尤大宣布取消对vue-resource的官方推荐,转而推荐axios。现在axios已经成为大部分Vue开发者的首选特性从浏览器中创建XMLHttpRequests从node.js创建http请求支持P

文章图片
Vue中获取input输入框值的两种方式

在使用Vue开发中,我们会常常获取input框的值,在这跟大家总结一下我常用的两种方式。使用ref获取input框的值<template><div><div class="logininfor"><input type="text" placeholder="手机号码" ref="userphone"><input type="text" pl

#vue.js#javascript
24.Vue项目中有封装过axios吗?怎么封装的?

一、axios是什么axios是一个轻量的HTTP客户端基于XMLHttpRequest服务来执行HTTP请求,支持丰富的配置,支持Promise,支持浏览器端和Node.js端。自Vue2.0起,尤大宣布取消对vue-resource的官方推荐,转而推荐axios。现在axios已经成为大部分Vue开发者的首选特性从浏览器中创建XMLHttpRequests从node.js创建http请求支持P

文章图片
到底了