CodingWithAlice

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

模板字面量

模板字面量 1.在模板字面量（反引号）之内的所有空白符都是字符串的一部分，因此需要特别留意缩进。　　　 2.在模板字面量中使用 \n 来指示换行的插入位置。 3.模板字面量看上去仅仅是普通JS字符串的升级版，但二者之间真正的区别在于模板字面量的变量占位符。变量占位符允许将任何有效的JS表达式嵌入到模板字面量中，并将其结果输出为字符串的一部分。变量占位符由起始的 ${ 与结束的 } 来...

Posted by CodingWithAlice on August 25, 2019

路由配置相关问题

路由配置相关问题 1.配置路由地址在router.js文件中配置路由地址的时候，使用的是vue-router，只要写在home下面的，都可以通用header和footer，如果有页面不想要的话，就要把路由地址放到外面去。 //`router.js`文件中 import Vue from "vue"; import Router from "vue-router"; Vue.use(R...

Posted by CodingWithAlice on August 21, 2019

块级元素上下、左右间隙

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

Posted by CodingWithAlice on August 17, 2019

接口传参

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

Posted by CodingWithAlice on August 13, 2019

过滤器相关问题

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

Posted by CodingWithAlice on August 11, 2019

动态创建二维码相关问题

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

Posted by CodingWithAlice on August 6, 2019

html 标签中链接的写法

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

Posted by CodingWithAlice on August 3, 2019

微信小程序的学习

微信小程序的学习（基础视频）移动端写一个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...

Posted by CodingWithAlice on August 3, 2019

watch 的使用

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

Posted by CodingWithAlice on August 3, 2019

轮播图片抖动

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

Posted by CodingWithAlice on August 3, 2019