weixin_44218698-CSDN博客

原创 node版本升级到16，sass-loader兼容报错问题

查阅了很多博客，总结一下问题：1.不同的node.js版本要对应不同的sass-loader版本，况且现在node-sass已经过时了，建议使用sass代替2.将原本依赖中的node-sass和sass-loader卸载，然后 “npm install -D sass-loader@^10 sass”，即可启动项目。参照博客：https://www.jianshu.com/p/33e4cec41bd6https://blog.csdn.net/qq_35624642/article/details/

2022-02-22 15:39:50 546

原创 vue项目中axios的二次封装

一、安装npm install axios二、基础配置（1）在src目录下创建一个utils文件夹，创建request.js文件：```javascript import axios from 'axios'; //设置基础配置变量 const BASE_URL= process.env.VUE_APP_PROXY === 'true'? '/proxy': 服务器访问地址前缀（例如： http://10.110.222.45:8088/api/） const

2021-12-28 15:37:23 330

原创 vue-cli3中关于文件上传及本地下载静态资源的引用问题

一、element ui 中upload文件自定义上传1.文件单独上传结合表单（1）自定义上传设置http-request属性，可以覆盖action的操作,采用此方式后台通常返回对应的url2.文件信息及表单一次性上传（1）多文件注：一般后台接收文件信息都是form-data格式，以file命名。多个文件调用多次接口触发upload组件中的一个方法submit。例如：this.$refs.mutipleFile.submit(),此时会触发组建中自动上传属性后面跟的上传函数。多文件一

2021-11-21 11:01:27 769

原创 vue3基础用法总结---全局挂载

一、vue实例化中的this用法的更新1.全局变量挂载：const app=createApp(App);app.config.globalProperties.$msg=“全局变量挂载”2.vue组件中使用全局变量import {getCurrentInstance} from ‘vue’const {proxy}=getCurrentInstance()const str=proxy.$msg //全局变量的调用二、全局挂载组件1.组件挂载命名规则若文件名为NoSpaceIn

2021-11-09 17:08:11 780

原创全局组件挂载——vue全局挂载Loading组件

一、loading组件的编写二、全局挂载方式import Loading from “./Loading”; //引入挂载组件export default {install: (Vue, options) => {/*** 1.根据组件生成一个构造函数* /const LoadingContructor = Vue.extend(Loading);/** 2.根据构造函数创建实例对象* /const LoadingInstance = new Loadin

2021-09-09 15:12:44 449

原创 vue项目自定义组件（生成验证码）

一、公用组件代码二、其他组件当中的引入及使用1、import JGraphicCode from ‘@/…’2、 <j-graphic-code @success=“generateCode” ref=“jgraphicCodeRef” style=“display:flex;width:auto;” remote>success是生成验证码之后，自定义的后续处理（比如，全部转换成大写字母）remote控制验证码的获取渠道（1.后端获取 2.前端自动生成）注：本文代码，

2021-06-25 14:52:27 164

原创 js高级（一）

1.javascript:void(0) javascript:void(0)用在href属性值中，代表一个死链接，即点击链接标签不会有任何反应；2.对象（1）创建对象1.new Object()2.构造函数（使用场景：方法和属性名相同的对象）例子：function Person(name,age){ this.firstname=name; this.age=age; this.says=function(){ con

2020-12-06 17:02:25 34

原创对象循环

常用循环for …in例子：for（let k in obj）{console.log(k) //对象的键名conosle.log(obj[k]) //对象的属性值}高级用法1.得到对象属性键Object.keys(需要循环的对象)例子：let obj={name:“www”,color:“red”,age:12}Object.keys(obj)结果：[‘name’,‘color’,‘age’]2.循环对象的属性值Object.values(对象)例子：Ob

2020-08-01 21:07:37 4890

原创 react路由的使用

react路由知识点1.路由传参概要：传参方式可分为hash,query,state,paramsparams(/)基本传参：在设置path的时候紧跟需要传的参数（适合少量参数传递）呈现形式：跳转path/传的参数此种方式接收参数：this.props.match.params.xxhash(#)传参：呈现形式：在导航栏呈现包括#在内的字符串...

2020-07-31 11:33:25 82

原创 GIT常用命令

git的使用1.git工具的安装https://git-scm.com/download/win2.git的用户名和密码初始设置$ git config - - global user.name "你的用户名"$ git config - - global user.email "[email protected]"3.git文件的管理，状态查看，及文件的上传管理文件：git init (前提是在所要管理的文件目录下)查看文件状态：git status...

2020-07-21 16:00:21 57

原创 vue基础篇（一）

vue基础篇（一）1.v-bind 可以用于绑定任何属性例子：<div v-bind:class="class_arr"></div>简写模式：<div :class="class_arr"></div>注意：v-bind对于class和style的绑定有些特别！如下在vue中的data处的设置：1.针对class: class_arr:['aa' , 'bb' ,'cc'] ==>设置为数组形式 ...

2020-06-30 12:41:33 83

原创 forEach,filter,some,every,map,find,reduce的用法与区别

1.forEach等同于for循环2.mapmap与forEach唯一的区别就是，forEach没有返回值，即使给予了return,它的返回值也只会是undefined;注：map的所有返回值会组成一个新的数组3.some与find相同：find与some 的用法差不多，都是在数组中查找符合条件的值，且当找到符合的值便会停止往后遍历。区别：1.some返回的值是布尔型，而find返回的是具体的值。4.filter 筛选在指定数组中查找符合条件的“所有”值，并组

2020-06-27 17:52:39 461

原创 es5和es6的继承

//原型链实现继承=========================================================================== //定义父类 // function SuperType() { // this.property = true; // SuperType.prototype.getSuperValue = function () { // return this.propert..

2020-06-23 15:27:46 57

原创 prototype与proto及constructor的总结

一、prototype的概念prototype：是函数独有的！它使得通过函数所创建的实例化对象，可以调用公共的属性和方法，它是从函数指向对象。Foo是一个构造函数，f1是Foo创建的实例化对象。 f1.proto===Foo.prototype。二、__proto__的概念属于对象的方法，但由于function也是一个对象，所以函数也有__proto__属性。是一个指向该对象原型的属性。三、constructor的概念就是用于指向该对象的构造函数，是从对象指向函数。Functi

2020-06-20 10:52:01 132

原创 websocket建立多用户聊天室

使用前提：1.在npm环境下，安装ws : npm install ws --save-dev2.在app.js运行文件下引用和配置：（只能写在服务器监听端口之后） const ws =require("ws"); const wss=new ws.Server({host:"172.0.0.1", port:"8181"});注意：host为自己主机的ip地址，port为未使用过的端口号。用户端主页内容：1.socket.onopen 是指用...

2020-06-17 09:20:01 223

weixin_44218698的博客