自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(15)
  • 资源 (1)
  • 收藏
  • 关注

原创 AntDesign .bezierEasingMixin(); ^ Inline JavaScript is not enabled. Is it set in your options?

Intro使用AntDesign组件库时,引入样式文件。本来是:import 'antd/dist/antd.css'; 一切正常。修改为:import 'antd/dist/antd.less'; 后报错,内容如下:核心错误消息为:// https://github.com/ant-design/ant-motion/issues/44.bezierEasingMixin();^Inline JavaScript is not enabled. Is it set in your opt

2020-12-30 22:23:38 183

原创 react-router BrowserRouter 两行配置解决一刷新就404

配置项devServer.historyApiFallback = trueoutput.publicPath = "/"配置流程react-router 是 React 项目的路由解决方案。其中有三种路由器 Router,分别为 MemoryRouter, HashRouter 以及本片测试的 BrowserRouter 。以下为使用流程中的问题及解决。【暂时写简化版,有空会在过程中截图补上】使用 BrowserRouter 后,点击链接可以正常跳转,但是只要一刷新(当前请求URL非根路

2020-12-29 22:14:48 247

原创 JDBC CRUD小工具 DBUtil

数据库配置变化的量不应该写死在工具类中,否则以后改配置还需要修改源代码。常规操作应该是写在配置文件中,用程序读取解析。此处不引入配置文件,直接将配置参数作为接口中的公有常量。package cn.jt.util.db;public interface DBConfig { String className = "com.mysql.jdbc.Driver"; String ur...

2020-12-29 21:39:34 100

原创 HTTP状态码分类 具体意义 及Spring对应工具类 HttpStatus

HTTP状态码五大类可知:1xx 信息(informational)2xx 成功(successful)3xx 重定向(redirection)4xx 客户端错误(client_error)5xx 服务端错误(server_error)HTTP状态码及对应的意义100 "continue"101 "switching protocols"102 "processing"103 "checkpoint"200 "ok"201 "created"202 "accepted"20

2020-12-28 22:58:40 106

原创 SpringBoot 统一配置错误页面 403 404 500

两行配置module.exports = { entry: { app: "./src/index.js", }, output: { path: path.resolve(__dirname, "../dist"), filename: "[name].js", publicPath: "/", // 解决index.html中引用app.js的路径问题 }, devServer: { port: 3000, historyAp

2020-12-27 23:19:19 94

原创 webpack编译速度过慢的一次优化 从 127s 到 10s

Intro自己搭建了react开发环境,一步一步新增配置,测试代码运行。在做完了“集成AntDesign组件库”这一步之后,编译速度变得很慢92s。于是查找了好多优化webpack编译速度的方案。优化点很多个点(的配置)都会有影响。以下列表中,禁用sourceMap这一条最有效(sourceMap生成花费了编译时间的80%以上)。但没啥用,开发环境我还是得留着sourceMap方便调试其他几条在我目前的项目(代码量还很少)中,优化效果不大。最开始的编译时间:不启用sourceMap

2020-12-27 13:06:13 361 2

原创 JavaScript console.log %c %o %s %d %f

Intro字符串拼接/占位符替换几乎所有语言都有输出函数,当需要快速拼接多个参数 然后输出的时候,有各自的printf函数和%xxx占位符作为解决方案:Cprintf("age is %d\n", 23); // age is 23JavaSystem.out.printf("hello %s\n", "world"); // hello worldString.format("hello %s\n", "world");Pythonprint("hello %s %s"%("wor

2020-12-26 18:57:57 303

原创 DevTools failed to load SourceMap: Could not load content for chrome-extension 解决

在写React应用,配置了开发环境下启用sourceMap(以方便调试)。然后控制台报警告信息:DevTools failed to load SourceMap: Could not load content for chrome-extension://ncennffkjdiamlpmcbajkmaiiiddgioo/js/xl-content.js.map: HTTP error: status code 404, net::ERR_UNKNOWN_URL_SCHEME如图:原因,是Ch

2020-12-26 10:43:49 2771

原创 webpack 生产环境下禁用日志 console.log

Intro前端开发时使用console.xxx等api打印了很多信息,这些信息在开发时可以帮助调试。但是在生产环境下应该禁用,有以下两个目的:减少性能影响:控制台打印大量数据会影响浏览器性能,见console.log和垃圾回收,未测试,但影响一定会有。避免过多信息泄露:主要针对非普通用户而言配置方法下载依赖 npm i -D terser-webpack-plugin@^5.0.3生产环境条件下,新增配置项:const TerserPlugin = require("terser-w

2020-12-26 10:00:54 335

原创 Linux free 查看内存使用情况 常用命令

Intro常用命令freefree -h 以更易读(human-readable)的格式输出free -s 3 每3秒输出一次示例wuyujin1997@budy:~$ free -h total used free shared buff/cache availableMem: 985M 253M 124M 2.7M 607M

2020-12-26 09:08:07 54

原创 HTML 鼠标点击复制元素内容

Intro效果展示方法封装copyInnerTextOfCell = (event) => { let innerText = event.target.innerText; var tmpInput = document.createElement("input"); document.body.appendChild(tmpInput); tmpInput.value = innerText; tmpInput.select(); document.exec

2020-12-24 23:32:14 182

原创 RESTful 增删改查 对应的HTTP请求方法

IntroRESTful(Representational State Transfer)表征性状态转移。我觉得RESTful是一种URL风格/规范,可以更语义化地描述资源。需要搭配不同的HTTP方法、路由变量,URL命名设计等,以遵循该规则。CRUDCreate 新增Retrieve 查询Update 修改Delete 删除CRUD对应的HTTP请求方法Create 新增 - post - options 常见于跨域场景,post之前要options一次请求头

2020-12-24 23:16:17 267

原创 HTTP 客户端向服务端传递参数的4种方式 SpringMVC的对应接收方式

Intro本文暂不讨论不同的HTTP请求方法,只对前端向后端传递参数的方式进行测试总结。前端向后端传递参数的4条路径:路由变量 @PathVariable请求参数 @RequestParam请求体 @RequestBody请求头(如Cookie就是一个很著名请求头,用于传递sessionid信息)三个注解表示使用SpringMVC对应的接收方式。Java demo后端web层接口:该web接口会将从不同途径接收到的参数打印出来(作为响应数据返回给前端)。@RestControl

2020-12-24 23:05:34 255

原创 使用 mockjs 随机生成大批量常用字段的值(人名,年龄,地址,邮箱,日期……)

Intro功能:生成随机数据,拦截 Ajax 请求。举个例子:新建了一张用户表,需要测试程序读写命令。但是得提前初始化一些数据啊,此时就可以利用mockjs来随机生成数据源(插入操作略)。受众后面的代码是写给前端开发的。如果有开发需要调用,可以先了解NodeJS的基本环境和使用。Code安装依赖:npm install mockjs运行以下代码:var Mock = require("mockjs");var Random = Mock.Random;for (var

2020-12-24 21:34:24 636

原创 JavaScript 浏览器端信息获取

console.log("\n 系统 navigator.platform\t", navigator.platform, "\n 语言 navigator.language\t", navigator.language, "\n 内存 navigator.deviceMemory\t", navigator.deviceMemory, "\n 并发数 navigator.hardwareConcurrency\t", navigator.hardwareConcurrency, "\n 浏览器

2020-12-07 21:42:15 68

CSS选择器-xmind

CSS选择器 xmind - 选择器分类(ID选择器,类选择器,标签选择器,通配选择器,属性选择器,伪类选择器)。 - 选择器关系(分组,后代,子元素,相邻兄弟,后续兄弟)。 - CSS特性(优先级,继承,层叠)。

2019-03-10

空空如也

空空如也

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

TA关注的人 TA的粉丝

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