- 博客(15)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 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
6817
原创 react-router BrowserRouter 两行配置解决一刷新就404
配置项devServer.historyApiFallback = trueoutput.publicPath = "/"配置流程react-router 是 React 项目的路由解决方案。其中有三种路由器 Router，分别为 MemoryRouter, HashRouter 以及本片测试的 BrowserRouter 。以下为使用流程中的问题及解决。【暂时写简化版，有空会在过程中截图补上】使用 BrowserRouter 后，点击链接可以正常跳转，但是只要一刷新(当前请求URL非根路
2020-12-29 22:14:48
5233
原创 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
286
原创 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
2143
1
原创 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
1422
原创 webpack编译速度过慢的一次优化 从 127s 到 10s
Intro自己搭建了react开发环境，一步一步新增配置，测试代码运行。在做完了“集成AntDesign组件库”这一步之后，编译速度变得很慢92s。于是查找了好多优化webpack编译速度的方案。优化点很多个点(的配置)都会有影响。以下列表中，禁用sourceMap这一条最有效(sourceMap生成花费了编译时间的80%以上)。但没啥用，开发环境我还是得留着sourceMap方便调试其他几条在我目前的项目(代码量还很少)中，优化效果不大。最开始的编译时间：不启用sourceMap
2020-12-27 13:06:13
7129
7
原创 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
6133
原创 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
13440
7
原创 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
3968
原创 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
337
原创 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
4646
原创 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
2093
原创 HTTP 客户端向服务端传递参数的4种方式 SpringMVC的对应接收方式
Intro本文暂不讨论不同的HTTP请求方法，只对前端向后端传递参数的方式进行测试总结。前端向后端传递参数的4条路径：路由变量 @PathVariable请求参数 @RequestParam请求体 @RequestBody请求头(如Cookie就是一个很著名请求头，用于传递sessionid信息)三个注解表示使用SpringMVC对应的接收方式。Java demo后端web层接口：该web接口会将从不同途径接收到的参数打印出来(作为响应数据返回给前端)。@RestControl
2020-12-24 23:05:34
2024
原创 使用 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
11161
2
原创 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
902
CSS选择器-xmind
2019-03-10
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人