<template> <div> <!-- banner --> <el-carousel trigger="click" :height="bannerHeight + 'px'"> <el-carousel-item v-for="item in banners" :key="item.id"> <img :src="$store.state.back_url + item.image" alt="banner" ref="bannerHeight" width="100%" @load="imgLoad" > </el-carousel-item> </el-carousel> </div> </template> <script> export default { async asyncData({params, $axios}) { const response = await $axios.get('/phpapi/home-banners') return {banners: response.data.data} }, data() { return { bannerHeight: '', } }, methods: { imgLoad() { this.$nextTick(() => { this.bannerHeight = this.$refs.bannerHeight[0].height }) } }, mounted() { this.imgLoad() window.addEventListener('resize', () => { this.

<el-row :gutter="10"> <el-col :xs="{span:24,offset:0}" :sm="{span:16,offset:4}" :md="{span:12,offset:6}"> </el-col> </el-row> 原文

之前运行过 npm config set prefix "D:\Program Files(×86)\nodejs\node_global" 之后再运行 npm config ls -a 都不动了. 重装 node 也没有用 解决办法: 删除 users/{$user}/.npmrc 文件 原文地址

背景: 使用 jquery 执行 checkbox 的全选与多选时, 第三次点击不能生效 // html <input id="tt" type="checkbox"> <button id="btn">select</button> // js $('#btn').click(function () { if ($(this).text() == 'select') { $("#tt").attr('checked', 'checked') // attr 换成 prop $(this).text('cancel') } else { $("#tt").attr('checked', false) // attr 换成 prop $(this).text('select') } }) 把 其中的 attr 换成 prop 即可 差异 $(’’).attr()返回的是html对象 $(’’).prop()返回的是DOM对象 attr 和 prop 的使用场景： 1.添加属性名称该属性就会生效应该使用prop(); 2.是有true,false两个属性使用prop();（如’checked’,‘selected’,‘disabled’等） 3.其他则使用attr(); 详见原文

防抖适合于 input 框, 等到最后一次输入才执行需要进行的操作 节流适合于 点击事件, 第一下点击就能生效, 之后指定时间段内的点击不生效 <div id="app"> <input type="text" v-model="tempInput"> <br> <button @click="onClick">点击</button> </div> <script> const vm = new Vue({ el: '#app', data: { tempInput: '' }, methods: { alertFunc() { console.log(this.tempInput) }, onClick() { // this.debouncedClick() this.throttledClick() }, test() { console.log('click' + Date.now()) } }, created() { this.debouncedAlertFunc = _.debounce(this.alertFunc, 5000) // this.debouncedClick = _.debounce(this.test, 5000) this.throttledClick = _.throttle(this.test, 5000) }, watch: { tempInput: function (newVal, oldVal) { this.

用vue-router重新路由到当前页面，页面是不进行刷新的 使用 window.reload()，或者router.go(0), 会造成整个页面刷新, 且存在闪动( 抖动 ) 在删除成功后, 重新获取数据, 从而只让列表部分进行刷新

起因: 注册页面邮箱后有验证码, 之后再有微信号, 手机号之类, 再是密码框. 在点击提交表单时, 浏览器会提示保存账号密码, 但是保存的却不是邮箱和密码, 而是面密码框上一个 input 框的内容 解决思路(使用 firefox 浏览器测试): 禁止浏览器保存密码 1.1 通过 autocomplete=off 或 new-complete 方法无效 1.2 使用 onfocus="this.type='password'" 或 onfocus="this.removeAttribute('readonly')" 无效 1.3 使用 window.onload=function(){ document.getElementById('myid').value = '' } 无效 1.4 未测试 使用隐藏框来保存密码, 而把显示的密码框 type 设置为 text, 并通过 js 来控制该用户输入框显示为 圆点或星号; 考虑到如果用户输入 backspace 或 delete 如何处理的问题, 遂未进行测试 让浏览器保存正确的邮箱账号和密码 在密码框之前添加一个 <input type="text" name="test" style="display:none"> 框, 并让该框的 value 与 email 框同步, 就能让浏览器保存正确的账号和密码 ps: stackoverflow 上有人说: 最新的浏览器都已(大部分)禁用了 autocomplete=off, 因为厂商认为这件事情应该交给用户而不是开发者来解决

<style> text-align-last:justify; text-align:justify; text-justify:distribute-all-lines; // 这行必加，兼容ie浏览器 </style>

var j1 = { 'j11': 'a', 'j12': 'b', 'j13': 'c', }; var j2 = { 'n1': 'j1', 'n2': 'j2', }; var obj = { j1: j1 }; var x = 'n1'; console.log(j2[x]['j11']);//undefined console.log(obj[j2[x]]['j11']);// a // ? 如何直接通过对象名同名字符串来获取对象 ?

原文: https://www.cnblogs.com/ihboy/p/6878427.html 1. for循环，需要知道数组的长度，才能遍历， 2. forEach循环，循环数组中每一个元素并采取操作， 没有返回值， 可以不用知道数组长度 3. map函数，遍历数组每个元素，并回调操作，需要返回值，返回值组成新的数组，原数组不变 4. filter函数， 过滤通过条件的元素组成一个新数组， 原数组不变 5. some函数，遍历数组中是否有符合条件的元素，返回Boolean值 6. every函数， 遍历数组中是否每个元素都符合条件， 返回Boolean值