CodingWithAlice

我的一方小天地,如果对你有帮助,那真的太好了

块级元素上下、左右间隙

块级元素垂直边框折叠、左右间隙 1⃣️ 垂直边框折叠 问题:有关块级元素包裹块级元素,在底或顶会出现折叠 解决方案: ​ 1.给子盒子或父盒子添加浮动(可能导致父元素塌陷的问题,注意父级元素清除浮动) ​ 2.给父盒子添加padding/border  ​ 3.给子盒子或父盒子定位(使用定位时脱离文档流,注意父元素塌陷,定位完全脱离父元素,清除浮动没用)  ​ 4.给父盒子添加...

接口传参

接口传参 1.接口参数(必传/选传/键值对/值) 在调用接口的时候,注意传参和接收参数的形式要一致 //这是声明调用接口的方法,传递的参数是params,参数的形式是键值对形式 export const getTree = (params) => { return new Promise(resolve => { SWXHR.get('/school', ...

过滤器相关问题

过滤器filter相关问题 ①先简单了解一下过滤方法: array.filter(function(currentValue,index,arr), thisValue) filter() 方法:创建一个新的数组,新数组中的元素是通过检查指定数组中 符合条件的所有元素,如果没有符合条件的元素则返回空数组;不会对空数组进行检测;不会改变原始数组。 参数:当前元素的值currentVal...

动态创建二维码相关问题

动态创建二维码相关问题 1. 动态生成二维码 先在终端中安装 npm install qrcodejs2 然后在要生成二维码的页面中调用 import QRCode from 'qrcodejs2' 然后在要展示二维码的结构处,为结构添加class属性 <div class="qrcode" ref="qrCodeUrl"></div> 然后在s...

html 标签中链接的写法

html 标签中链接的写法 1.a标签中的href写法 在写a标签中 的href的链接的时候,要拼接字符串的话, :href= "'/activity/Members?activityId=' + Id" 1.href前面要加冒号, 2.字符串用单引号‘/activity/Members?activityId=’包裹,href的链接用双引号包裹“”,否则会报错 3.尾部记得别忘...

微信小程序的学习

微信小程序的学习(基础视频) 移动端 写一个meta标签 <meta name="viewport" content="width=device-width , user-scalable=no, initial-scale=1.0, maximum-scale=1.0 minimum-scale=1.0"> 注意设置通用兼容样式 * { padding:0; m...

watch 的使用

watch 的使用 1.监听到变化,执行方法: watch: { cityName(newName, oldName) { / .../ } 2.监听到变化,改变变量值: watch: { cityName: 'nameChange' } } 3.这样使用watch时有一个特点,就是当值第一次绑定的时候,不会执行监听函数,只有值发生改变才会...

轮播图片抖动

轮播图片抖动 移动端轮播图抖动问题 overflow:hidden; width:100%; height:0; padding-bottom:31.25%; padding-bottom:31.25%;表示高度根据宽度相对撑开31.25%,保证图片的宽高比。 注意:不能将height设置成31.25%,因为height是相对于父级的百分比。 或者可以写成另一种形式: /*高度...

常见报错解决

常见报错解决 1. 页面显示没有数据 页面显示没有数据的时候(三级联动),注意去mounted里面看一下,获取数据的方法如getAddress();有没有执行,是否将数据渲染到了页面; 2.404 状态码 第一次:接口返回404状态码的时候,确认自己的运行环境,在测试环境运行调用接口的时候,需要后端把接口部署到测试服务器上,否则就会接口报错。 这是第二次报错404,新增接口类别后,...

04 二维数组中的查找

04 二维数组中的查找(javascript) 方法一:暴力遍历 /*全部遍历一遍*/ function Find(target, array) { for(let i = 0;i<array.length;i++){ for(let j=0;j<array[0].length;j++){ if(array[i][j] == t...