Practice makes perfect

1.循环绑定id<div v-for="(item,index) in arr" :key="index" :id="page+index"></div><div @click="scrollPage()"></div>2.点击获取需要滚动的id,再通过scrollIntoView()滚动scrollPage(){ //index与循环的index对应可自由设置动态获取 const PageId = document.query

//给图片放入一个容器中<div class="box"> <img calss="imgs" src=""></div>// 父容器设置固定尺寸，图片设置自动高宽，最大高宽即可.box{ width:400px; height:400px; .imgs{ width:auto; height:auto; max-width:100%; max-heig.

获取循环出来的input的值只需要给每个input都绑定一个值<div v-for="(item,index) in list" :key="index"> <div>{{name}}</div> <input v-model='word'/></div><div @click='getInfo()'></div>export default { data() { return

思路：聊天气泡组成主要有一个三角形+矩形文本框对方的气泡// 三角形.triangle { width: 0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-right: 5px solid #ffffff;//其他位置边框设为透明，右侧显示就可以实现一个三角形 margin-top: 10

1.父组件传值给子组件父组件<div class='parent'> <child :data="msg"></child> <!-- data为传给子组件的值的名字，与子组件props里面的保持一致 --></div>import child form '...'// 引入子组件export default { // 注册子组件 component:{ child

waitTime(val) { if (val !== null && val !== '') { const etime = new Date().getTime() // 当前时间 const stime = Date.parse(new Date(val))// 需要传入的时间 const usedTime = etime - stime const days = Math.floor(usedTim...

发现vux下拉菜单在点击取消按钮的同时会触发点击菜单的事件解决方法->监听菜单名字

总结了下看到的方法 开始是这样var arr = [ {"id":"1","name":"值1","value":"111"}, {"id":"1","name":"值1","value":"11111"}, {"id&quo

今天在写js的时候，遇到一个奇怪的问题，明明两个字符串相等，用alert()打印出来都一样，typeof的结果都是string，可是用a==b却判断为不相等，后来在网上查了资料，虽然两个字符串看上去没有区别，但是用encodeURIComponent()处理后可能不一样解决办法：a.trim() == b.trim()...

&lt;a href="javascript:history.go(-1)"&gt;返回上一页&lt;/a&gt; &lt;a href="javascript:location.reload()"&gt;刷新当前页面&lt;/a&gt; &lt;a href="javascript:" onclick="history.go(-2); "&g

 1.取消input默认边框.iborder{ width:65%; height:2rem; border-radius: 10px; padding-left:1rem; background:none; outline:none; //取消input框默认样式} 2.通过CSS来实现16:9比例通过百分比设置宽度，根...

1.给循环的数组添加一个hide属性2.取反this.All[index].hide=!this.All[index].hide;使得值变为true, 

//处理时间格式 例:/Date(1343543434)/ //time为需要转换的时间,自己定义 var dt = new Date(parseInt(time.slice(6, 19))); console.log(dt) let year = dt.getFullYear(); let month = dt.getMonth() + 1; let da...

1、对已有对象进行扩充方法和属性    var object = new Object();    object.name = "zhangsan";//每个对象需要写这些语句    object.sayName = function(name){//每个对象需要写这些语句        this.name = name;    };    object.sayName("lisi");    a...

首先我们得有一个父类，代码如下：// 定义一个动物类function Animal (name) { // 属性 this.name = name || 'Animal'; // 实例方法 this.sleep = function(){ console.log(this.name + '正在睡觉！'); }}// 原型方法Animal.prototype.ea...

1.出现跨域的情况2.解决方法：（1）代理，这种方式是通过后台(ASP、PHP、JAVA、ASP.NET)获取其他域名下的内容，然后再把获得内容返回到前端，这样因为在同一个域名下，所以就不会出现跨域的问题。实现代码：创建一个AJAX请求（页面地址为：http://localhost/ajax/proxy.html） var request = null; if(window.XMLH...

&lt;script&gt;    window.onload=function(){ let cans=document.getElementById("cans"); let ctx=cans.getContext("2d"); let oImg=new Image(); oImg.src="game.jpg";//h获取图片雪碧图 let n=0; oImg.onl...

1.window.location.reload(),是原生JS提供的方法，2.this.$router.go(0):是vue路由里面的一种方法，这两种方法都可以达到页面刷新的目的

  var arr1 = [{Type:1,TypeHealthScore:'86'}, {Type:2,TypeHealthScore:'100'}, {Type:3,TypeHealthScore:'70'} ]; var arr2 = [ { typeName: "测试项目", ...

var LocString = String(window.document.location.href); function getQueryStr(str) { LocString = encodeURI(LocString.split("/#").join("")); console.log(LocString); v...

即用sort()方法比较: