前端开发笔记

1.空格占位符：

       

2.数组筛选：

arr = [{a:1,b:2,isChecked:true},{a:0,b:1,isChecked:false},{a:0,b:1,isChecked:true}]
  // 这里的 obj 是有 arr 数组中，带有isChecked属性为true的对象组成的对象数组
newArr = this.arr.filter(item => {
  return item.isChecked
})
newArr 为 [{a:1,b:2,isChecked:true},{a:0,b:1,isChecked:true}]

 3.字符串与Json的转换

let param_json = JSON.stringify(this.$data)//转为字符串
let bookkeeping_data = JSON.parse(bookkeeping_data_string)//转换为JSON

4.监听及回调

//建议先销毁一次监听，再进行新的一次监听，否则会出现重复监听的现象
uni.$off('UpData')
uni.$once('UpData',function(data){
    //传递过过来的数据
	console.log(data);
})

//回调
uni.$emit('UpData', data)

5.点击事件被覆盖的解决办法

<!-- 这个是一个大的试图 -->
<view @click="onItemClick(item)">
   <!--使用 @click.stop 即可解决事件冲突问题 -->
  <button @click.stop="onBuyClick(item)">添加购物车</button>
</view>

6. Text标签下字母和数字不换行

	// css样式中设置
	.txt{
		word-break: break-all;
		word-wrap: break-word;
	}

7.排序

// 假设有一个对象数组
let users = [
  { id: 1, name: 'Alice', age: 25 },
  { id: 2, name: 'Bob', age: 22 },
  { id: 3, name: 'Charlie', age: 30 }
];
 
// 根据age字段进行升序排序
users.sort((a, b) => a.age - b.age);
 
console.log(users);
// 输出排序后的数组