前端开发小技巧整理

使用css使文字超出部分用省略号三个点…显示的方法

.box span{
	overflow: hidden;
	word-break: keep-all;
	white-space: nowrap;
	text-overflow: ellipsis;
}

多行文字超出显示省略号三个点…显示的方法

.box div{
	line-height: 20px;
	max-height: 60px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

js 简单排序

<script type="text/javascript">
			var app = new Vue({
				el: '#app',
				data: {
					items: [20, 23, 18, 65, 32, 19, 54, 56, 41],
					students: [{
							name: 'jspang',
							age: 32
						},
						{
							name: 'Panda',
							age: 30
						},
						{
							name: 'PanPaN',
							age: 21
						},
						{
							name: 'King',
							age: 45
						}
					]
				},
					
				computed: {
					sortItems: function() {
						return this.items.sort(sortNumber);
					},
					sortStudent: function() {
						return sortByKey(this.students, 'age');
					}
				},

			});
		
			function sortNumber(a, b) {
				return a - b;
			}
			//数组对象方法排序:
			function sortByKey(array, key) {
				return array.sort(function(a, b) {
					var x = a[key];
					var y = b[key];
					return((x < y) ? -1 : ((x > y) ? 1 : 0));
				});
			}
		</script>

Error: ENOENT: no such file or directory, scandir 错误

编译出错导致
解决： npm rebuild node-sass