weixin_45491717-CSDN博客

原创 js/chunk-vendors.939351fe.js from UglifyJs vue打包报错问题

js/chunk-vendors.939351fe.js from UglifyJs vue打包报错问题由于 UglifyJs 只支持 ES5 而你引入的js文件可能引入了一部分 ES6 的写法，所以导致 webpack 打包失败。 issue 里最后给出的解决方案是用 beta 版本的Uglify-es 来代替 UglifyJs（Beta 版本引入了对 ES2015+）的支持。需要在前端工作目录下用执行命令 **`npm i -D uglifyjs-webpack-plugin@bet

2021-08-24 15:51:17 800

原创 js 根据原始数组里数据的id 变成树状结构

// data传入原始数组dealingwithadult(data) { let result = []; if (!Array.isArray(data)) { return result; } let map = {}; data.forEach((item) => { if (item) { map[item.id] = item; } }); data.forEa

2020-11-25 13:58:01 406

转载 vue中数据修改但页面没刷新

1.watch监听到数据的变化但页面没有刷新在数据改动的代码后加 this.$forceUpdate();添加**this.$forceUpdate()**进行强制渲染，效果实现。因为数据层次太多，render函数没有自动更新，需手动强制刷新。2.没有监听到数据的变化例如：改变了数组中的某一项或者改变了对象中的某个元素时，监听则未生效。数组若要触发监听，下面方法即可触发如：splice()，push() 等js方法当然了，也可以使用vue中的方法 this.$set(object, inde

2020-09-17 09:27:10 833

转载 JS取出两个数组中的不同或相同元素

// 取出两个数组的不同元素var arr1 = [0,1,2,3,4,5];var arr2 = [0,4,6,1,3,9];function getArrDifference(arr1, arr2) { return arr1.concat(arr2).filter(function(v, i, arr) { return arr.indexOf(v) === arr.lastIndexOf(v); }); } console

2020-09-15 10:46:31 1227

转载 js 把数组按照指定的顺序排序

var objs = [ {'name': 'A', 'type': 'fly'}, {'name': 'B', 'type': 'blur'}, {'name': 'C', 'type': 'wipe'}, {'name': 'D', 'type': 'cube'}, {'name': 'E', 'type': 'iris'}, {'name': 'F', 'type': 'fade'}]; objs.sort(function(a,b){ /

2020-09-15 08:48:42 3024

原创 js 获取当前时间

// 获取当前时间 commondata() { var date = new Date(); var seperator1 = "-"; var year = date.getFullYear(); var month = date.getMonth() + 1; var strDate = date.getDate(); if (month >= 1 && month <= 9) { .

2020-09-10 17:20:50 40

原创 js 获取当前时间戳

获取当前时间戳传入时间 , 转为时间戳Date.parse(new Date());传入时间 , 转为时间戳Date.parse(new Date()); 传入格式 2019-01-11

2020-09-10 09:06:59 111

原创时间戳转时间格式

// 时间戳转时间格式 timestampToTime(timestamp) { let date = new Date(timestamp); //时间戳为10位需*1000，时间戳为13位的话不需乘1000 let Y = date.getFullYear() + "-"; let M = (date.getMonth() + 1 < 10 ? "0" + (date.getMonth() + 1)

2020-08-21 11:01:33 61

原创 vue进阶

1. 函数组件函数组件是无状态的，没有生命周期或方法，因此无法实例化创建一个函数组件非常容易，你需要做的就是在SFC中添加一个 functional: true 属性，或者在模板中添加 functional。由于它像函数一样轻巧，没有实例引用，所以渲染性能提高了不少。函数组件依赖于上下文，并随着其中给定的数据而突变。<template functional> <div class="book"> {{props.book.name}} {{props.book

2020-08-21 10:52:08 80

转载 js常用方法(获取数组最大数字,检查数组的所有项是否相等,求给定数字的平均值...)

// 获取数组中的最大数字const maxItemOfArray = (arr) => arr.sort((a, b) => b - a)[0];let maxItem = maxItemOfArray([3, 5, 12, 5]); // 12//检查数组的所有项是否相等const areAllEqual = array => array.every(item => item === array[0]);let check1 = areAllEqual([3, 5,

2020-08-20 17:03:38 159

原创 js 根据毫秒转为分钟小时

// 根据毫秒转为分钟小时getDuration(my_time) {var days = my_time / 1000 / 60 / 60 / 24;var daysRound = Math.floor(days);var hours = my_time / 1000 / 60 / 60 - 24 * daysRound;var hoursRound = Math.floor(hours);var minutes = my_time / 1000 / 60 - 24 * 60 * daysRo

2020-07-24 17:21:37 1172

原创获取数组里面的对象里相同的属性生成新的数组

dataClassification() {// this.dataList 数据var map = {},dest = [];for (var i = 0; i < this.dataList.length; i++) {var ai = this.dataList[i];if (!map[ai.parentMoudleId]) {if (ai.parentMoudleId == 73) {dest.push({parentMoudleId: ai.parentMoudleId,

2020-07-17 17:23:18 841

原创 vue 父子组件传值，兄弟组件传值

父向子 v-bind props子组件:子组件 ----- {{msg}} props: ["msg"], //props接收** props:验证 **props: {// fooA只接受数值类型的参数fooA: Number,// fooB可以接受字符串和数值类型的参数fooB: [String, Number],// fooC可以接受字符串类型的参数，并且这个...

2020-01-03 10:16:10 116

weixin_45491717的博客