开发小总结

通过js动态添加的dom元素无法直接绑定事件,需要通过

1
2
3
$('#父级节点').on('click', '绑定事件元素', function() {

})

$(this)无法在ajax中直接使用,解决:将$(this)赋值给一变量

1
2
3
4
5
6
7
8
9
10
$('#button').on('click', function() {
var _this = $(this);
$.ajax({
type: 'get',
url: '........',
data: {
userId: _this.attr('id');
}
})
})

通过使用.one()方法使事件只触发一次

使用eslint时对于使用了new关键字的代码需要加上 /* eslint-disable no-new */

1
2
3
4
5
6
7
8
/* eslint-disable no-new */
new Vue({
el: '#app',
router,
store,
components: { App },
template: '<App/>'
})

swiper3和swiper4用法上稍有不同

1
2
3
4
5
6
7
8
9
10
swiperOption: {
// Swiper3使用
// pagination: '.swiper-pagination'

// Swiper4
pagination: {
el: '.swiper-pagination'
},
loop: true
}