- 博客(37)
- 收藏
- 关注
RSS订阅原创 nginx转发配置
从互联网 >> dmz区服务器（公网ip220.250.1.1:8080 映射 >>> 10.53.1.1:8080） >> 内网服务器（10.43.1.1:8080） ，通过nginx转发来实现。需求：需要提供测试环境给客户调用联调测试，但是我们的服务部署在测试环境（内网，与互联网不通），测试环境和互联网通过dmz区服务器隔离，因此客户想访问我们测试环境，需要。DMZ区nginx配置（公网ip220.250.1.1:8080 映射 >>> 10.53.1.1:8080）
2023-05-19 12:23:17
664
原创 ant-design-pro protable columns配置rules必填项无效问题
ant-design-pro protable columns配置rules必填项无效问题
2022-08-31 16:26:36
2219
2
原创 Unable to authenticate need Basic realm=‘Artifacrtory Realm‘
Unable to authenticate need Basic realm=‘Artifacrtory Realm‘
2022-06-29 17:44:13
578
原创 GraphObject.make requires a class function or GoJS class name or name of an object builder, not: [ob
今天用GoJS插件的时候遇到一个错误，百思不得其解，后来发现，报错那一行正好是我在监听某个事件，用的是jQuery框架(美元符号)，可能和GoJS官方文档上的案例（我前面学习都是照着案例写的，用的美元符号），可能是两个美元符号重复了。后来我把GoJS中的符号换了一个，问题解决！...
2021-11-26 19:40:17
898
原创 linux环境部署，图片加载失败
linux部署项目，图片等资源，需英文命名。linux部署项目上线的时候，遇到一个问题，图片加载失败，但是在本地服务器是可以正常访问的。发现中文命名的图片访问失败，改成英文就没问题了。...
2021-11-24 10:28:00
1028
原创 前端面试题（网络协议相关）
网络协议相关浏览器缓存命中Etage LastModified If-modified-Since和If-None-Match1.用户第一次向服务器请求资源的时候，服务器直接返回资源以及状态码200，浏览器缓存资源2.第二次请求相同资源的时候，会比较出和上一次返回200的请求的时间差，如果大于cache-control中max-age的值，如果没有超过就命中强缓存，直接从缓存拿资源3.如果超过，就向服务器发送header带有If-None-Match和If-Modified-Since的请求
2021-10-27 11:12:05
729
原创 圣杯布局、双飞翼布局、flex布局
<!--圣杯布局--><style type="text/css"> body { min-width: 550px; } .header , .footer { width: 100%; height: 60px; line-height: 60px; background: grey; text-align: center; clear: both; } .container { padding: 0 200px; overflo
2021-10-27 11:02:26
111
原创 call/apply/bind的用法？区别？实现？修改this指向？
call/apply/bind的用法？区别？实现？修改this指向？（1）区别改变函数的作用域。this代表函数（方法）执行的上下文环境，但在 JavaScript 中 this 不是固定不变的，它会随着执行环境的改变而改变。1.在方法中，this 表示该方法所属的对象。2.如果单独使用，this 表示全局对象。3.在函数中，this 表示全局对象。4.在函数中，在严格模式下，this 是未定义的(undefined)。5.在事件中，this 表示接收事件的元素。6.类似 call()
2021-07-24 00:43:46
137
原创 vue-element-admin打包发布遇到的坑
1.打完包，运行index.html访问不到资源 Failed to load resource: net::ERR_FILE_NOT_FOUND原因是 默认的 vue-admin-template 中的 vue.config.js 中的 publicPath 是 ‘/’, 这样会导致打包出来的js都是 / 开头的，即是根路径下的文件，但我们往往不需要这样，修改为 ‘./’， 意思为当前路径下。2.静态资源加载成功后，点击登录页面不跳转问题问题原因：大部分vue 前段项目 会使用 js-cook
2021-07-20 19:58:06
2561
2
原创 刷新子组件
用户点击查看，将编号传入，之后展示与编号相关的那条信息。但是 子组件只创建一次，不刷新。导致 点击不同的 查看按钮，显示出来的dialog框中的内容都是第一次点击内容。解决方案：利用 v-if（销毁和重建）可以强制刷新子组件<el-dialog title="查看" :visible.sync="dialogFormVisible" destroy-on-close> //需要销毁重建的组件 <edit-form v-if="forceRefresh"><.
2021-07-02 11:16:19
564
原创 深拷贝 浅拷贝
浅拷贝：只拷贝一层，更深层次的对象只拷贝引用（即对象的地址）。缺点：由于浅拷贝拷贝的是对象的地址，因此 当你将一个对象A拷贝给对象B，这个时候修改对象B中的深层次的对象属性时，对象A的该属性也会被修改。当然，缺点和优点在不同的场景下 ，是会发生转变的//es6提供的浅拷贝语法糖//target:你要拷贝的目标 sources被拷贝的对象Object.assgin(target,...sources)//js实现var obj={ id:1, name:"张三", act:{ si
2021-06-01 17:13:59
82
原创 js中的构造函数和原型
构造函数 new在执行过程中：1.在内存中创建一个新对象2.将this指向新对象3.执行构造函数里面的代码，给对象添加属性和方法。4.返回这个新对象（因此构造函数中不需要return）静态成员和实例成员的区别静态成员：在构造函数本身添加的属性实例成员：只能通过实例化的对象来访问原型对象的作用由于构造函数在实例化过程中，构造函数中的方法也会被实例化。而方法的实例化会开辟新的内存空间。如果同一个构造函数被执行多次，就会为同一个方法多次开辟内存空间，从而造成资源的浪费。原型对象就是来解决这
2021-05-24 14:35:43
77
原创 js 将table导出成excel
本文引用了一个叫table2excel的jquery插件下载地址：进入点击dist文件夹下载使用方法：1.引入这两个文件（注意顺序）2. 找一个表格案例<body> <button id="export" type="button" class="btn btn-default">导出</button> <table id="table" class="table table-bordered"> <thead>
2021-04-22 13:45:55
531
原创 箭头函数中的this和function中的this的区别
箭头函数中的this和function中的this的区别结论：箭头函数中的this一般情况下，会一层一层的向外层作用域中查找，知道查到为止。而function中都是指向window const obj={ a(){ setTimeout(function(){ console.log(this)//window对象 },1000) setTimeout(()=>{ console.log(this)//obj对象 },1000) }}下面还有一题： cons
2021-03-16 12:11:42
1172
原创 前端 跨域问题解决办法
解决跨域问题，其实最方便的是后端处理，但是如果后端不配合，那就需要前端来解决这个问题，前端该如何解决呢？1.webpack proxy在webpack中加一个proxy插件注意：只能在本地调试时使用mudule.exports={//入口出口 entry output...//加入代理，注意导包devServer:{ proxy:{//代理 '/api':{ target:'你需要拦截的url', pathRewirte:{'/api':''}, } }}插件pl
2021-01-11 12:23:44
142
原创 防抖和节流
防抖：在响应时间内，重复点击后，响应时间开始重新计时应用场景：搜索框中输入完两秒之后，开始搜索//在响应时间之后执行，延迟执行//func响应时间之后执行的方法，wait响应时长function debounce(func,wait){ let timeout;//定时器 return function(){ //如果定时器存在则清除定时器 if(timeout) clearTimeout(timeout); timeout=setTimeout(function(){ fun
2021-01-04 17:22:42
79
原创 简单、快速的js数组操作 es6 filter、map、reduce运用
var arr=[2,3,2,5,8,9,3,1,2,3,3,5,2,9,2];var arr2=[...new Set(arr)];console.log(arr2);[2,3,5,8,9,1]这里利用了es6中Set中的成员都是唯一不重复的特性扩展运算符（ spread ）是三个点（…）。它好比 rest 参数的逆运算，将一个数组转为用逗号分隔的参数序列。...
2021-01-04 11:02:48
327
原创 js中的值类型和引用类型的区别
值类型：1、占用空间固定，保存在栈中（当一个方法执行时，每个方法都会建立自己的内存栈，在这个方法内定义的变量将会逐个放入这块栈内存里，随着方法的执行结束，这个方法的内存栈也将自然销毁了。因此，所有在方法中定义的变量都是放在栈内存中的；栈中存储的是基础变量以及一些对象的引用变量，基础变量的值是存储在栈中，而引用变量存储在栈中的是指向堆中的数组或者对象的地址，这就是为何修改引用类型总会影响到其他指向这个地址的引用变量。）2、保存与复制的是值本身3、使用typeof检测数据的类型4、基本类型数据是值类型
2020-12-24 16:53:17
117
2
原创 let const var 区别详解
let和var区别一、不存在变量提升首先先要了解什么叫变量提升？就是变量声明提前var具有这个属性，下面有个小例子；console.log(a)var a='a'如果按照编译顺序看，代码运行结果应该是报错 变量未定义而实际结果是变量为空即：undefined然而let就会会严格执行运行顺序console.log(a)let a='a'结果为报错Uncaught SyntaxError: Identifier ‘a’ has already been declared二、同一个
2020-12-24 16:36:41
317
1
原创 ES6新特性
let和const关键字：let关键字定义块作用域变量，const定义常量字符串模版：${}箭头函数：左边是参数集合，右边是函数体原生promise对象：将promise对象纳入规范symbol：增加symbol数据类型ES module: 引用ES module 模块化规范… : 拓展运算符，用来代替argument对象变量结构赋值async函数set和map函数for…of循环：用来遍历实现迭代器接口的数据class...
2020-12-24 11:17:03
61
原创 继承过程中 静态代码块 非静态代码块 构造函数的执行顺序
执行顺序从左到右：父类静态代码块 ->子类静态代码块 ->父类非静态代码块 -> 父类构造函数 -> 子类非静态代码块 -> 子类构造函数。public class Father { static { System.out.println("父类静态代码块"); } { System.out.println("父类非静态代码块"); } public Father(){ System.out.prin
2020-12-14 17:57:51
95
原创 git 常用操作指令 git分支实例化，上传，提交
/*从主分支pull push代码*///初始化git init//添加进暂存区git add .//提交到版本库git commit -m '注释'//从主分支pull codegit pull -u origin master//pushgit push -u origin master
2020-10-26 17:08:52
67
原创 axios CancelToken()方法取消请求
//1.获取var CancelToken = axios.CancelToken;var source = CancelToken.source();axios.post(url,'参数',//2.写入 { cancelToken: source.token}) .then(res => { console.log(res) console.log(res.data.data) if(res.data.data="doing"){ flag="d
2020-10-26 15:21:56
862
原创 setInterval()定时循环调用接口，达到触发条件停止执行
setInterval() 定时循环执行setTimeout() 只执行一次var id=self.setInterval(function(){ axios .post( `url`, qsStringify({ str1: str1, str2: str2, }) ) .then(res => { console.log(res); if(res.data=="do
2020-10-26 15:10:21
2510
原创 ＜area＞标签点击时会出现一个蓝色的聚焦区域，去掉的解决办法是在＜area＞中添加onfocus=“this.blur()“属性
area标签点击时会出现一个蓝色的聚焦区域，去掉的解决办法是在area中添加οnfοcus="this.blur()"属性<imgsrc="/i/eg_planets.jpg"border="0" usemap="#planetmap"alt="Planets" /><map name="planetmap" id="planetmap"><areashape="circle"coords="180,139,14"href ="/example/html/
2020-10-23 09:43:12
260
原创 JSON被存入/取出sessionStorage方法时，遇到的坑
1.将后台返回的JSON数据存入浏览器sessionStorage:sessionStorage.setItem(‘key’,JSON.stringify(value));2.从sessionStorage中取出数据var data = JSON.parse(sessionStorage.getItem(‘key’));如果直接存，后台console.log(json)出来的会变成[object，object]，JSON.stringify() //把对象变为字符串JSON.parse()
2020-10-22 22:37:05
2343
原创 js sort() 方法，对数组中的对象通过某一属性排序
JS sort() 方法，对数组中的对象通过某一属性排序var arr6 = [{id:10,age:2},{id:5,age:4},{id:6,age:10},{id:9,age:6},{id:2,age:8},{id:10,age:9}];arr6.sort(function(a,b){ if(a.id === b.id){//如果id相同，按照age的降序 return b.age - a.age }else{ return a.id - b.id }})conso
2020-10-20 14:33:20
203
原创 warning: LF will be replaced by CRLF in （） 的原因及解决办法
warning: LF will be replaced by CRLF in ** 的原因及解决办法问题：git add 命令的时候，弹出了一个警告 warning: LF will be replaced by CRLF in （具体的一个文件）原因：LF是linux和Unix系统的换行符，CRLF是window 系统的换行符。这就给跨平台的协作的项目带来了问题，保存文件到底是使用哪个标准呢？ git为了解决这个问题，提供了一个”换行符自动转换“的功能，并且这个功能是默认处于”自动模式“即开启状态的
2020-09-24 11:21:18
3789
原创 The Tomcat connector configured to listen on port 8080 failed to start. The port may already be in u
Description:The Tomcat connector configured to listen on port 8080 failed to start. The port may already be in use or the connector may be misconfigured.Action:Verify the connector's configuration, identify and stop any process that's listening on po
2020-09-22 11:17:35
316
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人