- 博客(16)
- 收藏
- 关注
RSS订阅原创 Module build failed (from ./node_modules/babel-loader/lib/index.js):报错解决方案
这个问题困扰了我半天，一直弄不明白是什么错了，后来发现，是babel冲突了解决方案升级版本就可以了npm install -D babel-loader @babel/core @babel/preset-env @babel/preset-react webpack或者降低版本npm install -D babel-loader@7 babel-core babel-preset-env webpack...
2020-08-16 11:21:19
9636
原创 记录：微信订阅模板
wx.requestSubscribeMessage({ tmplIds:['321312312332435345'], success(resg) {}}）这样写就好了，templds是模板的地址，是一个数组，模板在微信开放平台订阅消息里面配置其中resg就是返回值，返回的是用户是否订阅某些模板只能一次性订阅，可以勾选总是，就是一直有模板提醒...
2020-08-04 14:40:32
392
原创 uni-app 使用echart开发小程序遇到的坑
最近一直在做小程序项目，导入eachat很坑，网上教程搜索一堆，但是基本没效果，所以坑了很久，才弄出来，真实有效的dome，按照 uni-app中使用Echarts的实践总结 的步骤引用echarts先在uni-app 创建一个文件夹，然后在命令行管理中进入到该目录下，执行npm i 然后安装包npm install echarts mpvue-echarts --save安装完成了，得到这三个包剪切到这里然后开始使用<template> <div class=
2020-07-30 16:39:38
2372
原创 js事件冒泡默认行为以及vue的事件修饰符
jsd本身是有默认行为的，首先 事件执行顺序是点击后–事件捕捉 ，目标阶段 , 事件冒泡<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <title>事件冒泡</title> <script type="text/javascript" src="../jquery-1.11.2.min.js"></scrip
2020-07-05 18:18:38
137
原创 VUEX中关于 mapActions, mapMutations使用
换一种方式说就是ES6形式vuex大项目中为了简洁代码直接可以这样调用第一步导入import {mapActions} from ‘vuex’第二部在methods 中引用…mapActions([‘setKeyWords’,‘setLogoUrl’,‘setUserInfo’])这样就可以把 this.$store.dispatch(‘incrementBy’, amount)`简洁为 this.‘incrementBy’（‘amount’）...
2020-07-02 11:01:25
361
原创 JavaScript 中 call()、apply()、bind() 的用法
其实是一个很简单的东西！this的指向是谁调用就指向谁，没人调用就指向window，而call,apply,bind 就是改变this指向的，三个的作用基本一样，只是传参的方式以及返回值不同var obj={name:"小杰",age:"16"}var functiongs={ name:'亲亲', age:"23", may:function(a,b){ console.log(this.name+this.age+a+b)}}functiongs.ma
2020-06-24 14:26:17
131
原创 防抖节流以及flag思想处理一些防止重复和过度执行的需求
做项目比如点击事件的时候，或者input输入上拉下拉滚动经常会重复执行，这样就及其耗费性能，所以就应该优化一下，阻止他们过度重复执行，先说防止重复点击可以用经典的flag思想 submitToSut:function(){ let nums=window.localStorage.getItem('flag_is') if(nums){ console.log('????')
2020-06-23 10:35:54
253
转载 es6语法新特性一览
原文地址https://juejin.im/post/5ca2e1935188254416288eb2ES全称ECMAScript，ECMAScript是ECMA制定的标准化脚本语言。目前JavaScript使用的ECMAScript版本为ECMA-417。关于ECMA的最新资讯可以浏览 ECMA news查看。ECMA规范最终由TC39敲定。TC39由包括浏览器厂商在内的各方组成，他们开会推动JavaScript提案沿着一条严格的发展道路前进。 从提案到入选ECMA规范主要有以下几个阶段：Stag
2020-06-19 16:28:45
244
原创 小记:后端传递乱码图片的转换以及上传头像是预览时封装
有时候后端传递的直接是一张图片，打印出来就是乱码发请求的时候加一个blobexport const tupyz = ()=> { return axios({ url: '/api/captcha', method: 'get', responseType: 'blob' })}调用后转换成new Blob就行了 this.$api.personal.tupyz().then(res => { let
2020-06-19 15:31:48
285
原创 封装websocket建立长连接实现聊天或者实时刷新功能
websocket不同于http协议，适用于实时刷新的数据，或者聊天等，因为这种情况不可能用计时器，会卡爆，所以用websocket，由后端往前端推送数据，因此对于即时性数据比较合适。创建websocket：let base = config.wsIp;** let webSocketIP = ``;let socket = '';export const createSocket =tid => { console.log('establish websoc
2020-06-18 11:42:13
496
原创 vue性能优化之keep-alive前进刷新，后退不刷新
今天优化了一下项目，原本页面请求是没被缓存每进入后退返回一次都会刷新一次页面,这样不光造成了性能浪费，而且有页码的页面，返回的时候页码都会被初始化，这样就会让用户体验很不好。更改之后变成了用户返回的时候不会重新请求页面，只在进入这个页面的时候刷新请求。返回的时候还是停留在以前的位置,这样既不会造成性能浪费，而且用户体验也更佳。代码逻辑如下首先配置路由元信息使用keep-alive缓存路由目的是通过配置的路由元信息判断哪些页面缓存哪些不缓存{ path: "/goods/tMalGoodstpl/:i
2020-06-17 16:34:31
901
原创 使用for循环axios异步请求以及回调请求遇到的坑点
现在正在做一个电商项目，我做的是一个分类页如图这是已经做完的成品，先是请求两个接口，左边导航栏为一个接口，通过axions请求查询出来，之后拿到这个导航栏的ID查二级分类也就是图上写到的女装这些，本来如果正常情况数据是二级数据下面children里面会有三级分类但是后端写的有点出入，让查询完二级后，再次发送请求通过二级的ID来查询三级分类,也就是上图里面图片商品，这个时候该怎么做呢，于是我想到了循环请求，先把数据循环出来放在一个数组里面遍历 this.$api.goodsClassify.getG
2020-06-16 15:51:02
2682
原创 关于vue data一键清空
今天学习到一个新的属性Object.assign这个方法本意是将所有对象枚举将对象合并例如:const target = { hehe: 1 };const source1 = { hehe1: 2 };const source2 = { hehe2: 3 };Object.assign(target, source1, source2);target 打印的值为 {hehe:1, hehe1:2, hehe2:3}第一个参数是目标参数，后面的都是要合并的参数，也就是说第二个第三个参数都会
2020-06-15 16:53:30
1914
原创 关于wacth监听路由和keep-alive遇到的坑点
今天做项目简单记录一下碰到的坑点。首先项目整体部分页面路由是被缓存起来的，为的是优化性能避免重复刷新这个时候登录项目点击其中一个页面后，返回后在点击任何页面都会触发这个已经点击页面的wacth监听执行方法，我的理解是路由被keep-alive缓存起来了，没有被销毁才引起的这种触发机制解决思路v-if 判是否进入这个路由，如果为true 那么执行这个wacth方法...
2020-06-15 13:24:33
588
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人