weixin_42138420的博客

原创 js数组对象去重同时判断两个属性条件相同去重

arr=[{ code: "001" name: "name1" desc: "描述描述描述001" }, { code: "002" name: "name2" desc: "描述描述描述002" },{ code: "001" name: "name1" desc: "123456789" },]function getlist(arr) { // 缓存用于记录 const cache = [];

原创 Vue项目中出现Loading chunk {n} failed问题的解决方法

这种报错来自于webpack进行code spilt之后某些bundle文件lazy loading失败。当在渲染一个路由的过程中，需要尝试解析一个异步组件时发生错误。 完全符合我们场景，所以在onError方法中我们实现如下代码：1、服务端解决方式报错的原因是某些js bundle没有被找到，所以在服务端接收到获取该js文件的请求时先判断该js文件是否存在，如果存在直接返回js文件，如果不存在则返回一个提示信息给前端，让前端处理。假设服务端用express作为静态文件服务器，代码如下：app.al

原创 Node Sass version 6.0.0 is incompatible with^4.0.0

**node-sass 6.0.0版本与^4.0.0不兼容**1、先卸载之前版本的node-sassnpm uninstall node-sass2、卸载后安装4.0.0版本npm install node-sass@4.14.1安装的时候可能会失败，有可能是安装的淘宝镜像的问题3、重新安装下淘宝镜像npm install -g cnpm --registry=https://registry.npm.taobao.org4、重装成功后，直接执行npm install node

原创 腾讯地图请求来源未被授权, 此次请求来源域名/ip：servicewechat.com

只要勾选上WebServiceAPI，下面框内不填写任何东西就可获取成功

原创 :summary-method=“getSummaries“与show-summary 求和、主动更新求和数据

<el-table :data="tabData" :summary-method="getSummaries" :show-summary="showSum"></el-table> getSummaries (param) { const { columns, data } = param const sums = [] columns.forEach((column, index) => { if (index === 1) { sums[index]

原创 uni微信小程序引入商圈快速积分插件

1、现在manifest.json文件中如下位置添加"mp-weixin" : { "appid" : "微信小程序appid", "setting" : { "urlCheck" : false, "es6" : false, "minified" : false }, "plugins": { "myPlugin": { "version": "插件版本号"

原创 el-select选中选项后input内容不更新

在vue中使用 el-select下拉框，当你选中选项input中的值未更新时，看我通过绑定$forceUpdate()实现。<el-select v-model="formlist.infoChangeRecordModify.subBrandSid" placeholder="选择列表" @change="$forceUpdate()"> <el-option v-for="item in List" :key="item.value

原创 vue中axios GET传参

VUE中axios的get传参用的是params而不是data

原创 解析url参数为对象形式

const url = 'http://www.baidu.com/we/index.html?id=098&aaa=123&ccc=456'function Param(url) { let arr = url.split('?')[1].split('&') console.log(arr); let obj = {} arr.forEach(item => { console.log(item.split('=')); let [key

原创 常用的数组去重方法

1、ES6中的Set去重var shop=[1,2,3,4,5,1,3,6]const backToArray=Array.from(new Set(shop))console.log(backToArray)输出结果为：[1,2,3,4,5,6]2、创建新的数组，利用indexOf去重var shop=[1,2,3,4,5,1,3,6]var newshop=[]//遍历当前数组shop.map((item, i) => { //若临时数组里没有当前数组的当前值，则把当.

原创 防抖和节流的区别及用法

防抖： 当事件被触发时，设定一个周期延迟执行动作，若期间又被触发，则重新设定周期，直到周期结束，执行动作特点：持续的触发但不执行函数；最后一次触发完毕后隔一段时间只执行一次该函数；缺点：如果事件在规定的时间间隔内被不断的触发，则调用方法会被不断的延迟export function debounce(fn, datatwo) { var datatwo= datatwo || 200; var timer; return function () { v.

原创 数组的map, filter和reduce区别、用法及使用场景

map 可操作每个数组内的元素，并返回每个元素，最终会返回一个全新的数组使用场景： 用于遍历，返回新数组使用var dateMap = new Map();for (var i = 0; i < jsonStr.data.dateKeys.length; i++) { var data = jsonStr.data.dateKeys[i]; //用split连在一起的字符串切割 "三·11.27" //使用set添加键值示例：m.set('小红', 30); dateMa.

转载 小程序规格属性选择

<template> <view class="container"> <view class="skuBox" v-if="guigedata"> <view class="color" v-for="(specs, n) in guigedata.apec_attr" :key="n"> <view class="type_contnent_box"> <view class="title"> .

原创 vue-element-admin执行npm install 报错

1、git config --global url."https://".insteadOf git://然后再去npm install 就正常了分析原因：因为当你想去克隆一个别人github上的repository时，发现系统不让你动，提示你防火墙禁止对git://的访问，这时候就只能用https://来访问repository。执行 git config --global url."h...

原创 vue-element-admin完整项目实例

项目运行地址：https://panjiachen.github.io/vue-element-admin/#/login项目地址：https://github.com/PanJiaChen/vue-element-admin项目地址：（国际化）https://github.com/PanJiaChen/vue-element-admin/tree/i18n项目介绍：https://panj...

原创 vue简易选项卡

css文件js文件

原创 微信小程序接口调用

原创 微信小程序this.setData的时候报错thirdScriptError

这样this.setData就报错改成这样就不报错了，原因可能是格式有问题吧

原创 html生成图片超实用方法

html生成图片方法一、html2canvas实用html2canvas插件，生成图片，弊端：不兼容一些css3属性方法二、domtoimage弊端：1、web生成图片下载到本地。2、dom中不能有跨域图片。...

原创 swiper display:none 后 再显示 滑动问题怎么解决

swiper display:none 后 再显示 滑动问题怎么解决第一种方法一般出现这种问题，需要让他显示出来后进行**“初始化”**操作第二种方法可以使用透明度解决，不显示的时候将透明度设置为0，显示的时候设置透明度为1，这样就可以解决问题了。...

原创 教你如何运行vue项目

1、如何运行项目首先定位到项目名路径（输入cd 项目名称）2、定位好项目路径后再npm run dev 就好了，这样就可以在浏览器打开了。

原创 搭建Vue开发环境的步骤

搭建Vue开发环境的步骤一：在搭建vue的开发环境之前，一定一定要先下载node.js，，vue的运行是要依赖于node的npm的管理工具来实现，node可以在官网或者中文网里面下载，根据自己的电脑选择是32还是64 ，网址：http://nodejs.cn；二：下载好node之后，打开docs管理工具，先看看node安装成功了没有，输入 node -v ，回车，会输出node的版本号，...