文章 前端页面图片大小自动适应 一、a场景div 包着  img img { width: auto; height: auto; max-width: 100%; max-height: 100%; } 二、b场景背景图片  style="background-image: url(${user.headimgurl});background-size: cover; " CSS 忘川 2022年05月18日 0 点赞 20 浏览
文章 Vue——前端生成二维码的示例 方式一:vue-qr1.安装 npm install vue-qr --save 2.引用import vueQr from 'vue-qr'3.使用 // logoSrc为logo的url地址(使用require的方式);text为需要转换为二维码的内容 <vue-qr :logoSrc="imageUrl" text="xxx" :size Vue 忘川 2022年05月15日 0 点赞 34 浏览
文章 JavaScript动态改变下载按钮的状态 一、状态1.待安装2.安装中3.安装完成二、实现 <div className='button'> <div className='button_status' onClick={() => clickButton(game)} style={btnStyle()} > &l JavaScript 云可乐 2022年05月10日 0 点赞 40 浏览
文章 JavaScript Array slice() 方法 在数组中读取元素: var fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"]; var citrus = fruits.slice(1,3); citrus 结果输出:Orange,Lemon定义和用法slice() 方法可从已有的数 JavaScript 云可乐 2022年05月09日 0 点赞 31 浏览
文章 javascript删除数组的后三位,获取数组的后三位 1. 获取数组的后三位 var data=["a1","a2","a3","a4","a5","a6"] //得出的结果就是["a4","a5","a6"] var arr= JavaScript 云可乐 2022年05月09日 0 点赞 37 浏览
文章 让一个块元素不占位置且可以绝对定位位置 思路:让父元素相对定位,子元素绝对定位 <view class='butView'> <button id='{{index}}' bindtap="showview" type="primary" size ="mini" class='butAct'>查看资质&lt CSS 云可乐 2022年05月09日 0 点赞 36 浏览
文章 前端图片转BASE64编码 一、方案一 // 图片路径 var img = "imgurl"; function getBase64Image(img) { var canvas = document.createElement("canvas"); canvas.width = img.width; canvas.he JavaScript 云可乐 2022年04月28日 0 点赞 68 浏览
文章 vue中阻止click事件冒泡(防止触发另一个事件)的方法 方法一:使用vue阻止子级元素的click事件冒泡. <div @click="testFather()"> <span @click.stop="testChild()">按钮test</span> Vue 云可乐 2022年04月14日 1 点赞 97 浏览
文章 有些“奇怪”的scroll事件监听 一、前言在前端开发的过程中,对事件做监听是最平常不过,最近在一个H5项目中监听scroll滚动事件的时候,发现有一个奇怪的问题,经过一番查找,总算找到原因,这里总结一下以供参考。二、问题简述 <body> <div class="app"> <div class="home& JavaScript 云可乐 2022年04月12日 0 点赞 93 浏览