前言：项目过程中，做数据字段权限，需要在接口返回过程中，动态的抹去一些字段的值。于是我就提出在api网关中，动态获取用户角色接口字段权限，来控制是否抹去response中data的值。 1，众所周知，gateway是基于一些列的过滤器及请求转发，来实现api请求聚合，鉴权，限流等功能的，那么修改response同样只需要在全局过滤器中，将reponse中的datajson数据进行修改。 实现过程： 1，定义过滤器 @Configuration public class ResponseGlobalFilter implements GlobalFilter, Ordered { @O...

构造函数再进行new的过程中，会进行那些过程： 1：创造一个新的对象（新的对象为实例的this），新的对象会继承构造函数原型(prototype)，因此实例的__proto__是全等于构造函数的peototype。 2：再执行构造函数的内部，将属性添加到新的对象中，最后将执行完的对象进行返回（默认的），如果返回一个简单数据类型则默认返回新对象，简单数据类型不会被返回，如果返回的复杂数据类型（引用数据类型），则会返回return 返回的复杂数据lei'xin类型，不会正常生成实例。 献丑了。哈哈哈

接着上一期我们继续来倒腾有关变量提升的js考题，话不多说，先看代码 fn(); function fn() { console.log(1); } fn(); function fn() { console.log(2); } fn(); var fn = function fn() { console.log(3); } fn(); function fn() { console.log(4); } fn(); function fn() { console.log(5); } fn(); 上述代码要执行下来首先弄清楚一点，函数是可以重复声明的，这就是函数的重载，这一点不同于java，py...

1.变量提升 首先看两段段代码,写出结果 console.log(a); //undefined var a=1; var b=a; b=3; console.log(b); //3 console.log(sum(1,2)); //3 function sum(n,m) {     return n+m; } 先不着急看结果，先分析一下，js操作浏览器的语言，要执行代码浏览器就得开辟出一片空间，这个空间就是栈/堆内存；但是开辟空间以后，代码并没有自上而下立即执行，而是把当前作用域中带 var/function关键字的变量纪念性提前的声明和定义，这个就是变量提升；但是要注意 有var关键...

concat方法 数组中使用 该方法可以用来拼接数组，并且不会改变原有数据，返回一个新的数组。 let newArr = arr.concat(arr2) console.log(arr,arr2,newArr) 将字符串增加到数组的后面 const newArr2 = arr.concat('2') console.log(arr,newArr2) 接受的参数不单为1个或单一的类型，它可以接受任意个参数，并且添加到数组中，类型可以是数组，字符串，对象等。 let newArr2 = arr.concat('2','a','asdas',[1,2,3,4],{a:1,b:2},null,f...

在react单页应用集成tinymce 并且使用self-host 的时候，如果首次加载的页面不是tinymce的页面，那么从别的页面进入tinymce的页面会报错： tinymce.min.js:9 Uncaught TypeError: Cannot read property 'open' of undefined at Lz (tinymce.min.js:9) at Iz (tinymce.min.js:9) at jz (tinymce.min.js:9) at WE.<anonymous> (tinymce.min.js:9) at Array.<anonymous> (tiny...

平常撸代码的时候，try catch 用的太多了，特别是一些 ”安全感" 低的人，基本是到处 try catch，生怕 JS 报错，然后页面整个挂掉了。 之前 代码报错的时候，线程执行未进入 try catch，那么无法捕捉异常。 比如语法异常（syntaxError），因为语法异常是在语法检查阶段就报错了，线程执行尚未进入 try catch 代码块，自然就无法捕获到异常。 try{     a. }catch(e){     console.log("error",e); } // outputUncaught SyntaxError: Unexpected token '}' 之中 代...

研究electron-vue两个星期，总算踏进了开发的旅程，其中总会遇到一些坑，今天总结一下，写自动更新时遇到的问题及解决方案。 一、打包 electron-vue打包时，如果报错，基本上是因为网络问题，无法安装打包依赖到electron-builder里。基本上有3个必要的打包依赖：winCodeSign,nsis,nsis-resources。我的electron-builder的版本是22.3.2。因此他们需要的具体版本是winCodeSign-2.5.0，nsis-3.0.4.1，nsis-resources-3.4.1。 其次我也自己弄了一个electron-vue的模板，并且升级e...

在项目中需要使用到富文本编辑器，之前用的kindeditor，但是，kindeditor的图片上传，无法自己定义。而且kindeditor 好像已经很久不维护了。所以，简单调研了一下之后就选择用tinymce。 其实，tinymce官方是有 tinymce-react 这个包的。但是测试之后发现，会去请求官方的静态文件。由于某些（你懂的）原因，请求国外服务器的稳定性是非常不好的，所以还是以自己的本地的加载为主。 下面就写一个react集成tinymce的demo. 本地加载依赖的文件的方法就不写了，自己搭建cdn也好，项目集成也好，都可以。 import React, {useEffect, ...

在react-navigation 5之前的版本中，如果要使用redux ，则需要借助 react-navigation-redux-helpers 来实现的。但是从 5开始，不需要借助其他的组件就可以了。 之前的demo https://www.ithere.net/article/264 https://www.ithere.net/article/265 在Dva demo的基础上，进行一个集成测试。 我们加一个DetailScreen 的文件 import * as React from 'react'; import {connect} from 'react-redux'; imp...