自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(28)
  • 收藏
  • 关注

原创 JavaScript判断字符是否为中文汉字或者中文标点

下面是中文标点的 unicode 码列表,可以通过中文标点符号 unicode 码来修正上面函数中的正则表达式。[\u4E00-\u9FFF] 用于判断汉字。

2023-01-18 11:33:23 3410 1

原创 yarn的介绍、安装及使用

yarn的简介、安装及使用

2022-11-25 16:50:22 1253

原创 ‘The operation was rejected by your operating system.‘ npm install 报错解决

'The operation was rejected by your operating system.' npm install 报错解决

2022-11-25 12:53:13 7584 2

原创 npm镜像源的查看、设置和管理

nrm(npm registry manager )是npm的镜像源管理工具。它可以快速在让你在本地源之间切换。使用 taobao 镜像源。

2022-11-25 12:52:30 6863

原创 Java实现文件批量下载,打包成zip压缩包

   最近在做一个管理系统的项目,需要实现一个功能,就是批量下载文件,并打包成zip压缩包。   前端通过POST请求传来要下载的文件列表,Java代码实现如下:import java.io.BufferedInputStream;import java.io.File;import java.io.FileInputStream;import java.io.OutputStream;import java.net.URLEncoder;import java.util.List;impo

2021-10-15 18:08:51 5107 21

原创 Mybatis分页查询,同时获取数据总数和分页数据列表

   最近在做一个公司的管理系统,涉及到很多表格数据的展示,就需要做分页,这时通常有两种方式,一种是前端一次请求获取全部数据,前端再对数据做分页,这种方式如果数据规模比较小的情况下可以使用,如果数据量较大,对内存、网络传输的消耗都是非常大的,所以实际开发中一般很少使用。另外一种方式是前端在请求时将分页信息传给后端,后端查询时进行分页,并将相应的分页数据返回给前端,而后端分页的实现又可以分为逻辑分页和物理分页,逻辑分页就是在进行数据库查询时一次性将数据查出来,然后将相应页的数据筛选出来返回,很明显逻辑分页跟第

2021-10-14 11:39:15 8108

原创 报错:for..in loops iterate over the entire prototype chain, which is virtually never what you want.

   在编写前端代码实现JS遍历map对象时,报了一个错误。   for…in loops iterate over the entire prototype chain, which is virtually never what you want. Use Object.{keys,values,entries},and iterate over the resulting.   意思是使用for…in会遍历整个原型链,这样不是很好的实现方法,推荐使用Object.keys。userData: {

2021-10-12 14:23:21 3781

原创 跨域问题原理及java后端解决跨域问题

   最近在做一个JavaWeb的项目,遇到请求跨域问题,于是深入了解了这个问题,并进行了总结。同源策略   要了解跨域请求,就要先了解浏览器的同源策略。   同源策略是一个重要的安全策略,它用于限制一个origin的文档或者它加载的脚本如何能与另一个源的资源进行交互。它能帮助阻隔恶意文档,减少可能被攻击的媒介。   同源的定义:如果两个 URL 的 协议(protocol)、端口(port ,如果有指定的话)和 主机(host )都相同的话,则这两个 URL 是同源。这个方案也被称为“协议/主机/

2021-04-16 11:24:16 1011

原创 Java通过发送Post请求,获取音频流,并返回给前端

   目前在做一个JavaWeb的开发工作,前端传过来一段文本,JavaWeb作为中间层,将文本转发给下一级服务,接收下一级服务返回的音频流,并返回给前端。   在网上查看了一些人写的文件流接收方法,结果总是报错,于是自己摸索着写了一下,希望能给小伙伴们一个参考。/** * 文本转语音请求 * * @param url * @param paramMap * @param textToSpeechResponse */ public s

2021-03-23 15:47:25 3893

原创 Java实现Postman中以form-data参数发送post请求

   目前在做一个JavaWeb的开发工作,前端传过来的参数是Json格式,但下一级服务要求数据格式为form表单。   查看网上的写法,多次尝试均存在问题,故给出如下解决方案,希望能给小伙伴们一个参考。/** * 以post方式调用第三方接口,以form-data 形式 发送数据 * * @param url post请求url * @param fileParamName 文件参数名称 * @param multipartFile 文件

2021-03-23 15:06:37 8358 5

原创 Java发送post请求,使用multipart/form-data方式传递MultipartFile参数,实现服务间文件的传递

   目前在做一个JavaWeb的开发工作,涉及到前端页面上传文件,JavaWeb作为中间层,将数据转发给下一级服务。   刚开始看到网上有人用RestTemplate 发送Http请求,我也试着写了一个方法,代码如下:...

2021-03-23 14:53:53 9957 16

原创 tomcat 配置虚拟路径,eclipse下只配置server.xml不起作用解决办法

一、修改tomcat的配置文件server.xml   首先修改一下tomcat的配置,找到tomcat安装目录下的conf文件夹,打开server.xml配置文件,配置方法如下图:   修改配置后重启tomcat,查看路径文件,发现配置的虚拟路径没有起作用,如下图:二、修改eclipse配置   因为项目是在eclipse上跑的,eclipse下也要添加路径。如下:(1)双击你使用的server,切换到modules标签(2)点击Add External Web Module,添加需要的

2021-03-15 14:16:10 627

原创 java后端获取multipart/form-data传的文件及参数

   目前在做一个JavaWeb的开发工作,涉及到前端页面上传文件,Java后端接收前端传过来的 multipart/form-data 文件及参数,需对参数进行解析,并将文件保存到指定文件路径下。   前端要用multipart/form-data传输文件及参数,必须要使用post方式才可以请求到,所有的文件和参数均可在HttpServletRequest 中拿到。我的项目用了spring-mvc的框架,改天写篇文章详细介绍一下如何用spring-mvc框架搭建JavaWeb。所以分为一下步骤:(

2021-03-11 16:52:02 14600

原创 深入理解React Router

引言   从后端开发转到前端开发,对React Router的概念及使用一直有点困惑,因此决定写篇文章,梳理一下。React Router的简介   React Router 是一个基于 React 之上的强大路由库,它可以让你向应用中快速地添加视图和数据流,同时保持页面与 URL 间的同步。通俗来说,它通过管理URL,实现组件的切换和状态的变化,从而帮助我们的程序在不同的URL下展示不同的内容。React Router的版本更新github 上React router 的版本更新: https

2021-01-17 17:42:10 218

原创 React中初始化state的两种方式

React中初始化state有两种方式:   在React的组件中初始化state有两种方式,一是使用ES6 class语法,二是使用实验性的public class fields语法。ES6 class 语法   当你使用ES6 class语法定义一个组件的时候,通常的做法是在构造函数constructor()中为 this.state赋值来初始化state。class Test extends React.Component { constructor(props) { super(

2021-01-15 09:54:15 2125

原创 React 函数组件与class组件的区别

概念   组件,从概念上类似于 JavaScript 函数。它接受任意的入参(即 “props”),并返回用于描述页面展示内容的 React 元素。   组件允许你将 UI 拆分为独立可复用的代码片段,并对每个片段进行独立构思。   定义组件有两个要求:    1. 组件名称必须以大写字母开头;    2. 组件的返回值只能有一个根元素。分类    React组件根据定义形式的不同,可以分为函数组件与 class 组件。(1)函数组件    定义组件最简单的方式就是编写 JavaScrip

2021-01-13 15:33:43 1440

原创 React学习摘要(二)——深入 JSX

   React 使用 JSX 来替代常规的 JavaScript。   JSX是一种嵌入式的类似XML的语法。   实际上,JSX 仅仅只是 React.createElement(component, props, …children) 函数的语法糖。(语法糖:指计算机语言中添加的某种语法,这种语法对语言的功能并没有影响,但是更方便程序员使用。通常来说使用语法糖能够增加程序的可读性,从而减少程序代码出错的机会。)   举例,如下 JSX 代码:<MyButton color="blue"

2021-01-10 14:35:13 110

原创 Hive向分区表插入数据时报错(Dynamic partition strict mode requires at least one static partition column. )

   最近在使用Hive复制分区表时报错。   计划首先创建一张和word_count_temp一样表结构的表word_count,然后使用动态分区的方法把数据导入。创建表的sql如下:create table word_count like word_count_temp;向新建的分区表插入数据的sql:insert overwrite table wins.`word_count ` PARTITION(p_y,p_ym,p_ymd) select * from wins.`word_cou

2021-01-05 13:21:39 5510

原创 React 哲学——如何构建一个应用

从设计稿开始   假设我们已经有了一个返回 JSON 的 API,以及设计师提供的组件设计稿。第一步:将设计好的 UI 划分为组件层级   你如何确定应该将哪些部分划分到一个组件中呢?你可以将组件当作一种函数或者是对象来考虑,根据单一功能原则来判定组件的范围。也就是说,一个组件原则上只能负责一个功能。如果它需要负责更多的功能,这时候就应该考虑将它拆分成更小的组件。   在实践中,因为你经常是在向用户展示 JSON 数据模型,所以如果你的模型设计得恰当,UI(或者说组件结构)便会与数据模型一一对应,这

2021-01-04 14:27:09 116 1

原创 React学习摘要(一)____核心概念

React 是什么?React 是一个声明式,高效且灵活的用于构建用户界面的 JavaScript 库。使用 React 可以将一些简短、独立的代码片段组合成复杂的 UI 界面,这些代码片段被称作“组件”。JSX 简介JSX,是一个 JavaScript 的语法扩展。JSX 防止注入攻击。React DOM 在渲染所有输入内容之前,默认会进行转义。它可以确保在你的应用中,永远不会注入那些并非自己明确编写的内容。所有的内容在渲染之前都被转换成了字符串。这样可以有效地防止 XSS(cross-site-

2021-01-04 13:30:47 145

原创 MySQL中SQL语句的大小写规则(表名、字段名、字段值区分大小写吗?)

SQL 语句的大小写规则与语句组成元素、引用内容和服务器所使用的操作系统有关。1. SQL 关键字和函数名   SQL 的关键字和函数名不区分大小写。2. 数据库名、表名和视图名   MySQL 用服务器主机的底层文件系统所包含的目录和文件来表示数据库和表。因此,数据库名和表名的默认大小写取决于服务器主机的操作系统在命名方面的规定。   比如 Windows 系统 的文件名不区分大小写,所以运行在 Windows 系统上面的 MySQL 服务器也不用区分数据库名和表名的大小写。Linux 系统

2020-12-24 13:44:10 10439

原创 JavaWeb项目使用tomcat正常启动后,访问目录报404错误

今天遇到一个问题:在Tomcat正常启动,访问页面均报404异常。由于是借鉴别人的项目新建的JavaWeb项目,一直以为项目启动后的访问路径是在pom.xml或者在web.xml中设置的,其实是本末倒置了。在eclipse中用maven新建项目时,即在项目配置中确定了文件访问的根路径为项目名称,打开Navigator视图:window>>Show View,选择Navigator在Navigator视图下,打开项目下的.settings目录下的org.eclipse.wst.c

2020-12-04 18:04:34 1818

原创 React 项目中,使用qs.parse 踩过的坑(默认编码、解码影响数据解析)

qs 是一个增加了一些安全性的查询字符串解析和序列化字符串的库。最近在React 项目中,用到npm 的qs模块的parse函数,用于获取url参数及解析&拼接的数据,再此过程中遇到参数中“+”丢失的问题。查看qs 模块的使用示例后发现(https://www.npmjs.com/package/qs), qs.parse()函数默认会进行 URI 编码解析,如果这种解码方式与之前数据编码方式不同就会有问题,同时解码会将“+”变成空格。这个同浏览器有点类似,当我们在url中传递的参数带有加号+,

2020-11-20 13:09:03 2128

原创 Web安全问题——设置文件目录不可访问(jetty)

工作中新部署了一个web服务,被告知存在安全问题,原因是静态文件目录可访问,其实这是web系统的安全性测试中的一个很基础并且很重要的部分。(1)目录列表测试目录列表可能造成信息泄漏,并且很容易被攻击,所以在测试过程中应该注意查找所有目录列表可能存在的漏洞。在测试过程中可以使用一些工具对Web 服务器的目录列表进行测试。(2)目录可访问,存在安全问题(3)查阅资料后,发现可以通过修改web容器配置,设置文件目录不可访问,由于使用的是jetty,故修改了jetty的配置。找到jetty的安装目录,在

2020-11-20 11:22:13 1146 1

原创 解决Chrome 本地调试React,Sources下找不到源代码的问题

解决Chrome 本地调试React,Sources下找不到源代码的问题先看一下,我在Sources下的代码情况,代码都是已经编译过的,导致我本地无法调试,之前一直都是可以调试的状态,忽然一下看不到源代码了,不能调试还是有点心慌。解决方法:后来仔细想了一下今天对代码做了哪些修改,想到更改了webpack的配置,将devtool做了修改。于是找到问题原因。当webpack的devtool 为 (none) 时,打包后 本地调试 就会没有源代码。具体可参照 webpack 的

2020-09-12 11:32:01 5542 1

原创 java程序执行报错:找不到主类

java程序执行报错:找不到主类今天真的被自己蠢到了错误信息解决今天真的被自己蠢到了在Hadoop平台上运行作业报错,提示找不到主类,竟然没有想到会是pom文件中指定了主类,还一直跟同事一起怀疑是大数据平台除了问题。错误信息[Scheduler]-2020-06-05 15:55:28-IndividualHalfYear_1565231376024->/************************ Job Start Running ***************************

2020-06-05 17:26:23 626

转载 JSON.parse和JSON.stringify的区别

JSON.parse()与JSON.stringify()的区别JSON.parse()【从一个字符串中解析出json对象】例子://定义一个字符串var data=’{“name”:“goatling”}’//解析对象​​JSON.parse(data)结果是:​name:“goatling”JSON.stringify()【从一个对象中解析出字符串】var data={na...

2020-02-28 11:41:44 166

原创 解压覆盖IIS文件夹后,报401错误(未授权:由于凭据无效,访问被拒绝)

今天操作开发站前端页面,由于文件比较多,直接解压覆盖了原来的文件夹,覆盖后发现报错 401-未授权:由于凭据无效,访问被拒绝。 ![在这里插入图片描述](https://img-blog.csdnimg.cn/20200227171356808.jpg) 查询后发现,原来是解压覆盖文件夹后,文件夹的权限发生了改变, 由于用户匿名访问使用的账号(默认是IUSR_机器名)被禁用...

2020-02-27 17:25:01 1415

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除