前端

如果允许缓存，那么可以在切换页签后，页面需要展示上次的操作结果，如果直接取消未完成的交互会导致展示数据不正确，因为再次打开此页面的时候,需要展示上次交互的结果，因此也与是否是微服务没有关系。如果是不允许缓存，那么可以在切换页签时直接取消未完成的交互，因为下次再打开此页面的时候,需要重新发起所有的交互，所以不论是不是微服务都需要重新发起交互。首先需要确定我们的项目是不是允许缓存的，这与项目中页面是否为微服务并无关系。有一天发现该方式突然不生效了，最后发现是升级axios导致的。

其实这不是客户端的事情，而是服务器的事情，服务器可以设置缓存机制，这个功能是为了提高网站的访问速度，当客户端发出 GET 请求的时候，服务器(网页服务器，或者数据交互的服务器)会从缓存中调用你要访问的内容，这个时候服务器就可以判断这个页面是不是更新过了，如果未更新过那么他会给你返回一个 304 状态码。例如，微服务中项目加载的微服务，在微服务更新后，点击菜单从新打开页面的时候，总是出现页面未更新的情况，此时需要保证index.html文件不缓存，或者是协商缓存（发生变更就要去服务器重新获取）

通过 module 对象来定义一个模块；module 属性说明module = {id: "", //模块的识别符，通常是带有绝对路径的模块文件名。filename: "", //模块的文件名，带有绝对路径。loaded: "", //返回一个布尔值，表示模块是否已经完成加载。parent: "", //返回一个对象，表示调用该模块的模块。children: "", //返回一个数组，表示该模块要用到的其他模块。exports: "" //表示模块对外输出的值。

path是nodejs的内置模块，提供了处理和转换文件路径的工具。

series中type设置的类型，就是需要注册的图表类型，其它barOps的属性基本都是组件，也是从这里确定你要注册的内容。在使用过程中图表很容易猜测出来，柱图或者折线图，但是组件的名称就不太容易确定，又没有明确的文档说明，只能查看源码。在vue中使用Echart发现在设置某些属性的时候，图上对应的测试项死活出不来。然后翻找源代码发现，对于Echart中属性的使用，都需要注册–组件与对应类型图表。以上是图表的vue相关代码，设置还有非常重要的一点，在最开始的时候没有设置。

JavaScript 中有一个特殊的对象，称为全局对象(Global Object)，它及其所有属性都可以在程序的任何地方访问，全局变量即全局对象的属性。在浏览器 JavaScript 中全局对象是 window， 而 Node.js 中的全局对象是 global，所有全局变量(除了 global 本身以外)都是 global 对象的属性。在 Node.js 我们可以直接访问到 global 的属性，而不需要在应用中包含它。

Node.js 提供一组类似 UNIX（POSIX）标准的文件操作API。

null 在回调函数中作为一个参数有其特殊的意义，如果回调函数的首个参数为 Promise 拒绝的原因且带有返回值，且值可以转换成布尔值 false，这个值会被封装在 Error 对象里，可以通过属性 reason 获取。定义的基础对象 Base 和一个继承 Base 的 Sub，Base 有三个在构造函数内定义的属性和一个原型中定义的函数，通过util.inherits 实现继承。运行结果请查看上述注释。是Node.js的核心模块，提供了一些常用函数的合集，弥补javascript功能过于精简的问题。

Node.js 提供了 exports 和 require 两个对象，其中 exports 是模块公开的接口，require 用于从外部获取一个模块的接口，即所获取模块的 exports 对象。当文件模块缓存中不存在，而且不是原生模块的时候，Node.js 会根据 require 方法传入的参数，并从文件系统中加载实际的文件，这里将详细描述查找文件模块的过程。尽管原生模块与文件模块的优先级不同，但是都会优先从文件模块的缓存中加载已经存在的模块。文件模块缓存>原生模块缓存>原生模块>文件模块。

JavaScript 语言自身只有字符串数据类型，没有二进制数据类型。但在处理像TCP流或文件流时，必须使用到二进制数据。因此在 Node.js中，定义了一个 Buffer 类，该类用来创建一个专门存放二进制数据的缓存区。在 Node.js 中，Buffer 类是随 Node 内核一起发布的核心库。Buffer 库为 Node.js 带来了一种存储原始数据的方法，可以让 Node.js 处理二进制数据，每当需要在 Node.js 中处理I/O操作中移动的数据时，就有可能使用 Buffer 库。

可以通过硬编码的方式将这一逻辑处理绑定到服务器上，但是对于推荐模块开发的情况下，使用依赖注入的方式较松散地添加路由模块会使得耦合性更低，也方便以后的代码变更。路由需要提供请求的 URL 和其他需要的 GET/POST 参数，随后路由需要根据这些数据来执行相应的代码。以上代码没有具体的逻辑处理，你之后可以根据需要添加，此时只是封装了路由的处理方法。以上整体是对路由信息的获取与如何添加路由处理逻辑的一个简单介绍，是一种方法上的介绍。然后，先来看看如何把路由和服务器整合起来。

Node.js REPL(Read Eval Print Loop:交互式解释器) 表示电脑的环境，类似 Windows 系统的终端或 Unix/Linux shell，我们可以在终端中输入命令，并接收系统的响应。Node 自带了交互式解释器，可以执行以下任务：读取 - 读取用户输入，解析输入的 Javascript 数据结构并存储在内存中。执行 - 执行输入的数据结构打印 - 输出结果循环 - 循环操作以上步骤直到用户两次按下 ctrl-c 按钮退出。

采用路由懒加载将一些静态 js css 放到其他地方(如 OSS)，减小服务器压力按需加载三方资源，如 ant-design-vue,建议按需引入 ant-design-vue 中的组件nginx 容器开启 gzip 减小网络传输的流量大小webpack(打包的脚手架，也可以是vite) 开启 gzip 压缩若首屏为登录页，可以做成多入口，登录页单独分离为一个入口图片懒加载方案。

最近做项目，遇到一个问题，后台导出表格时，当条数超过一定数量时，会报：431 Request Header Fields Too Large 的问题，然后就在网上搜索这个问题，本质的问题就是 http 请求 header 过大。虽然返回的异常结果可以明确说明是哪个接口，并返回错误信息，但是当有多个接口错误的时候，仅仅返回第一个错误的信息，其他接口的错误信息并不返回，并且正常的接口也没有返回信息，无法回调。路径参数，这里的路径参数是指请求路径中拼接的参数，不是指 get 请求。

AJAX 是技术，不是工具，区别于 axios、fetch、$.ajax 等(封装工具)现有交互工具,是用于改变部分网页的技术HTTP 超文本传输协议，所以 AJAX 也不是 HTTP , AJAX 是实现 HTTP 的一种技术数据交互的根本是现代浏览器都支持 XMLHttpRequest 对象！！！！

交互一般是指不同的服务之间进行信息的互通，所以有发出交互的一方认作是请求方，做出响应的一方是响应方。HTTP，超文本传输协议（Hyper Text Transfer Protocol）是一个简单的请求-响应协议，它通常运行在 TCP 之上。它指定了客户端可能发送给服务器什么样的消息以及得到什么样的响应HTTP 是基于客户/服务器模式，且面向连接的。典型的 HTTP 事务处理过程：（1）客户与服务器建立连接；（2）客户向服务器提出请求；（3）服务器接受请求，并根据请求返回相应的文件作为应答；

若是微服务，需要注意微服务和基座是否都调整了，若是只调整微服务仍存在问题，还需设置基座;nginx中:client_max_body_size 具体的大小值，默认为1M;请求文件过大，不包含参数，单单是上传的文件过大。请求文件过大，包含参数与上传文件的整体大小。关于该提示，有两种情况。

页面的使用浏览器环境判断判断网页的打开环境微信环境微信浏览器微信小程序开发环境微信小程序支付宝环境支付宝浏览器支付宝小程序开发环境支付宝小程序判断逻辑判断网页的打开环境navigator.userAgent.toLowerCase()一般静态页面可以被不同的系统嵌入，或者在不同浏览器中打开，可以通过以上代码获取执行浏览器的用户代理，然后根据不同环境的不同值进行判断当前项目所处环境微信环境微信浏览器微信小程序开发环境mozilla/5.0 (iphone; cpu iphone os 10_

contentType 主要设置你发送给服务器的格式contentType默认值ajax方式请求交互post方式RequestHeader中设置值Content-Type: application/x-www-form-urlencoded; charset=UTF-8contentType: application/json发送参数’formdata’get方式Reques...

Json-schema前端与服务器端的交互过程，大部分时候是使用的json格式对于json还是比较了解，可是json-schema是什么？json–JavaScript Object Notation JavaScript对象表示法json-schema是一个用于验证json数据格式的工具，它本身也是使用json语言编写的Json Schema定义了一套词汇和规则，这套词汇和规则用来定义Json元数据，且元数据也是通过Json数据形式表达的。Json元数据定义了Json数据需要满足的规范，规范包

目前通常可以通过两种方式下载服务端读取文件public String readFileToString(String fullPath) throws Exception { String encoding = "UTF-8"; File file = new File(fullPath); Long filelength = file.length(); byte[] filecontent = new byte[filelength.i

什么是微信小程序纯正的微信小程序是使用的微信自己开发的一套标签语言，分别对应着普通H5页面中的html,js,css等因此真正的微信小程序在普通浏览器中是无法正常展示的，因为普通浏览器无法解析微信的标签语言；微信小程序与web项目的区别那么普通的H5是否可以作为微信小程序呢，这个是可以的，但是需要注意你的H5页面中是否存在web-view（微信浏览器）无法识别的代码；只要你的H5能够在微...

什么是脚手架工具每一个成熟的工具，都有对应的脚手架工具，它可以快速构建项目的必要目录，不必自己一个一个的配置与搭建，只需要执行一些命令即可。脚手架工具名称语言技术官方脚手架名称reactcreat-react-appvuevue-cliangular脚手架工具的安装编辑器自带脚手架工具通过npm命令行安装...

对于很多微信支付凭证的配置问题总结一下，之前到社区上搜索都说是内测的，没有对外开发，要不就是咨询BD，从网上并没有查询到有效信息，因此记录一下问题描述：付款成功后，微信支付会发送一条信息，因为微信支付是微信本身的一个应用，默认情况下，只显示查看账单详情，是否可以对其中接收的消息自定义配置？添加联系收款方添加进入商家小程序上图中有一个支付凭证中存在查看账单详情，与联系收款方，而默认配置...

浏览器名称浏览器内核IETrident内核Chromwebkit内核》Blink内核FirefoxGecko 内核》Safariwebkit内核OperaPresto 内核》webkit内核》Blink内核

地图在使用过程中需要使用省、市、区的名称、编码，但是发现地理数据存在变更：名称发生变更编码发生变更区域的范围变更（包括区域合并，删除）区域地理的中心点的使用相关最新信息查看网址：http://www.mca.gov.cn/article/sj/xzqh/2018/百度相关最新数据的查看网址：http://lbsyun.baidu.com/index.php?title=open/d...

百度地图级别范围：1~19级 级别 比例尺 19级 20m 18级 50m 17级 100m 16级 200m 15级 500m 14级 1km 13级 2km 12级 5km 11级 10km 10级 20km 9级 25km 8级 5...

@RequestBody报错问题错误原因分析错误原因分析使用@RequestBody接收的时候报400或者415或者404错误，都是传入的json字符串和对应封装的对象不对应造成的但是分析后发现发送数据格式是json格式的最后发现是axios的data与param的区别，data用于postparam是URL参数...

IOS后退返回空白页问题现象描述：android 浏览器，包括微信的开发者工具，页面都正常显示，按返回可以刷新页面但是唯有iOS不行.iOS 浏览器显示空白原因分析：具体现象描述：页面数据是通过 ajax 请求后台数据，通过链接跳到下一页，然后history.go(-1)返回上一页后，页面内容并不会刷新，即在B页面修改的内容，返回到A时并没有更新新的内容，必须手动刷新（在 android ...

1.进入火狐配置页进行设置 2.点击”我了解此风险”后进入页面 3.搜索”security.fileuri.strict_origin_policy”,并设置该项为false 4.重启浏览器，可以跨域访问...

现象：当容器发生变化时，例如全屏，地图仍显示之前的大小，没有自适应地图容器的大小 解决方案：map.enableAutoResize();//设置当地图容器发生改变时地图自动适应...

现象：echart实例加载，本地数据加载但是出现有时实例显示有时不显示 原因：应该在$(function() {}） 内加载，否则dom初始化未完成，就加载实例，则无法正常显示，尤其是使用vue时有时dom加载稍稍缓慢的情况下...

参考百度的建议：常见问题7、标注过多时，地图在IE中速度会下降，尤其是IE6。如何解决？ 回复： 标注数据量请控制在150个以内，以保持高性能。 标注数量在260以内，可以使用自定义覆盖物实现。 标注数量大于300个，建议尝试marker聚合，或者数据抽希。 Marker聚合：http://tieba.baidu.com/f?kz=103109737… 数据抽希：比如有10个mar...

参考文档：https://blog.youkuaiyun.com/u011666411/article/details/77159501 根据以下方法都无法回到滚动条顶端var oTop = document.body.scrollTop || document.documentElement.scrollTop;console.log(oTop)$(window).scrollTop(0);...

加密解密函数：function Base64() { // private property _keyStr = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/="; // public method for encoding this.encode = ...

现象：缩放时自定义图片距离标注点位置相差过大，出现在红色方框内原因：地图大小发生变化时，自定义标注的图片大小不变，导致偏离位置发生， 尤其当标注的图片设置的图片大小越大时发生偏移越大解决方案：尽可能减小标注图片的大小： new BMap.Size(28, 28)var pointIcon = new BMap.Icon(node.iconPath, new BMap....

地图API中存在弹出窗展示信息，下面介绍的为tip信息，效果如下： 1.创建百度地图 //百度地图API功能 var map = new BMap.Map("map_demo", { enableMapClick: false, vectorMapLevel: 99 });map_demo为div的id2.添加标注与标签（...

pie图初始化1.环形图中间添加描述 早期方式：var _ZR = myChart.getZrender();var TextShape = require('zrender/shape/Text');_ZR.addShape(new TextShape({ hoverable : false, style : { x : _ZR.getWidth...

跨域的严格一点的定义是：只要 协议，域名，端口有任何一个的不同，就被当作是跨域。

1.点击设置，打开【Internet选项】 2.选择页签【安全】 3.点击【自定义级别】 4.在【其他】目录下，设置【跨域浏览窗口和框架】和【通过域访问数据源】 5.点击【确定】，可以跨域访问...