wuyujin1997的博客

如何查看一个类/方法的定义Ctrl+鼠标左键(Visual Studio 2019支持，Visual Studio 2010不支持，其他版本未测试)或 F12 (通用)如何回退(返回至上一个光标所在处/编辑点)Ctrl+-对应的，Ctrl+Shift+-就是前进。如何查看/修改快捷键映射关系？工具(Tool) - 选项(Options) - 环境(Environment) - 键盘(keyboard)其他Ctrl+Shift+, 字体调大Ctrl+Shift+. 字体调小.

Intro首先，依赖详情：org.springframework.spring-web:5.3.4注解路径：org.springframework.web.bind.annotation.PathVariable其次：HTTP 客户端向服务端传递参数的4种方式 SpringMVC的对应接收方式设计RESTful风格的API如下get /api/user/{userId}get /api/user/1001 表示获取id为1001的用户信息get /api/user/1003 表示获取id为10

场景今天在公司调试一个前端应用，里面用到了window.location.xxx = "xxx"这样的方式去改变URL。效果类似于页面跳转/刷新。问题： 页面跳转前的控制台日志、网络请求都会“消失”。但要定位的问题必须依赖于页面跳转前的一些信息。所以，如何保留页面跳转前的控制台日志、网络请求？启用Preserve log开关可以做到。保留历史网络请求保留历史的控制台日志其他浏览器环境下的Debug(我目前还不会用，2021-3-10 22:06:52)...

随感计算机系统里有一个常见的概念，叫timeout(超时时间)，就是在发送请求时设置的一个时间值，超过这个时间值却仍然没有响应返回，就认为该次请求失败。做事也是一样。一直坚持去做一件事，长期没有反馈，继续坚持，还是背弃自己曾经的坚持？可以引入超时时间timeout的概念。设置一个时间最大值，如果时间到了却依旧没有反馈，则认定该次事件失败。不过有两点：超时时间的设置权在自己。计算机系统里有另一个概念叫：re-try(重试)。失败了可以继续尝试。...

CSDN也算是使用频率较高的产品，今天登录发现UI的调整。记录一下。以后，前端开发会少花些时间(目前已经能独立完成PC端SPA的设计开发部署)。重点提升后端服务能力。高并发高性能高可用。25岁的Flag。...

Intro本地开发、测试好的项目，发布到线上正常运行。换了一个浏览器去访问却报错：原因：低版本浏览器不支持字符串的replaceAll方法见MDN String.prototype.replaceAll验证查看运行出问题的浏览器的版本信息：chrome:firefox:当然也可以通过界面去查看浏览器版本(firefox, chrome, …等不同厂商的浏览器，查看方式也不同)解决举个例子，对于文本abc 123 ab 12 cd，搜索12基于replaceAll可以得

塞翁失马焉知非福名词解释SPA(Single Page Application)单页面应用： 基于一张html和一些JS代码，AJAX请求完成整个应用的交互使用。SEO(Search Engine Optimize)搜索引擎优化： 根据各大搜索引擎的爬虫处理逻辑，调整应用中网页的源码规则，以提高搜索权重。SSR(Server Side Render)服务端渲染： 相对于某些数据接口(直接返回text/json数据)，在服务端直接将json数据拼到html代码块中，然后将这段html源码返回给前端

Intro使用webpack对资源进行打包后，开发后的生成物只有：index.htmlapp.js (可能为其他文件名)而app.js中包含了我们写的所有组件、逻辑等(甚至包含样式配置以及部分很小的图片资源！)。这就导致这样的应用首屏加载速度慢/白屏时间长。除了CDN加速、html的div#root填充默认内容外，还有一个角度就是：将打包了几乎所有资源的app.js分拆，按需请求加载。这样页面的首次响应会快一点。操作安装依赖npm install react-loadable简单

Intro优化目的：应用首屏加载时间太久，按不同策略/角度分离打包文件。步骤安装依赖npm install -D mini-css-extract-plugin配置webpack配置文件const MiniCssExtractPlugin = require("mini-css-extract-plugin");module.exports = { // ... plugins: [ new HtmlWebpackPlugin({ template: "pu

Intro使用node开发过程中引入了crypto，环境条件：Windows 10node v12.16.3webpack 5.6.0试图启动，报错如下：REAKING CHANGE: webpack < 5 used to include polyfills for node.js core modules by default.This is no longer the case. Verify if you need this module and configure a poly

文章目录前端环境代码后端环境代码MySQL环境加密函数mysql中的其他加密函数NOTE可选的算法名称 && 最终选中的算法方案Java的`str.getBytes()`测试结果对比参数校验前端环境Windows 10NodeJS 12.16.3库：crypto该库的功能：crypto 模块提供了加密功能，包括对 OpenSSL 的哈希、HMAC、加密、解密、签名、以及验证功能的一整套封装。代码const crypto = require("crypto");let in

使用 AntDesign Table 的时候发生了报错，如下：Warning: validateDOMNesting(...): Text nodes cannot appear as a child of <tfoot>.Warning: validateDOMNesting(...): <span> nodes cannot appear as a child of <tfoot>.错误原因：我写的渲染方法导致最终的DOM嵌套有问题。错误点： Table组件

文章目录依赖库版本报错内容报错位置定位解决方法及深层原因依赖库版本"antd": "^4.9.4","react": "^17.0.1","react-dom": "^17.0.1",报错内容Warning: `NaN` is an invalid value for the `top` css style property.其中 VersionInfo 是我自己封装的组件。报错位置定位将该组件VersionInfo渲染的标签快一点一点注释，运行测试，最后确定引发报错的一行：//

使用qrcode.react@^1.0.1，转换文本，当转换500个中文字符时报错如下：经测试：转换500个纯中文字符，报错：Uncaught Error: code length overflow. (12020>10208)转换1945个纯英文字符，报错：Uncaught Error: code length overflow. (15572>10208)经计算，意义如下：500个汉字，每个汉字3字节(3 byte == 24 bit)，总位数为12020。1945个英文字符

文章目录Intro解决Intro在React项目中自定义组件(class方式)，然后在组件中写了一个方法：handleClick = () => { // ...}然后就报错，报错内容如题，大意是：classProperties还是一个实验性的语法，当前还没有被支持。(如果想支持这种新的语法，应该需要一些编译的插件)解决在babel转译的过程中引入@babel/plugin-proposal-class-properties插件即可。至于怎么引入，有起码两种以上的方式。以下为

Intro我在使用qrcode.react测试使用文本生成二维码的功能。当执行以下API时，报错：let domTarget = event.target;let text = domTarget.toDataURL("image/png"); // 本行报错报错内容如下：Uncaught DOMException: Failed to execute ‘toDataURL’ on ‘HTMLCanvasElement’:Tainted canvases may not be export

开发环境中，在页面中引入以下一句CSS。 <style> * { outline: auto; } </style>如果是单个HTML测试，在body>head>style中写属性即可如果是React项目(或其他)，可以在入口jsx中引入这个样式规则。功能：自动显示所有DOM元素的外边框，可用于元素块布局调整阶段的开发。页面会发生的变化(以百度为例)：该样式应用前：该样式应用后：...

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

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

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

两行配置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

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

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

在写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

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

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

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

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

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

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

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

在微软的Office以及金山的WPS中，Excel表格的操作：Tab 向右换新格子Enter 向下换新行(且在最左端)所以说我们复制的文本只要：由可表示Enter和Tab的字符分隔，即可直接粘贴到Excel中。打开notepad，输入以下，然后复制(注意使用Tab分隔单词，使用Enter换行)。aaa 213 sdaaadssada 3eeds sdadsasdsddadscxz aqa asdasd如果你使用了开发工具如IDEA、VSCode等。他可能会有自动将Tab转换为空格的功能。

近期感觉到CSDN的UI变化。保存新的Logo：https://csdnimg.cn/public/favicon.ico关于工作和生活要努力的方向，也要换新的了。

// 启用 sourceMapdevtool: "source-map",optimization: { minimize: false},以上devtool和optimization配置项与entry output 等配置项同级。推荐：只在开发环境启用。一来减少机器的工作量(性能更好)，二来减少系统内部实现细节对外部的直接展示(防止有人偷看我们的源码，然后做一些奇怪的事)。Linkshttps://www.webpackjs.com/configuration/devtool

去IP查询网站 https://www.ipaddress.com/查以下两个域名对应的IP：github.comgithub.global.ssl.fastly.net根据查询到的IP，更新本地的NDS解析文件。方式：编辑D:\Program Files\Git\etc\hosts，新增以下两行：(以下两个IP仅为我查询时的映射关系)140.82.112.3 github.com199.232.69.194 github.global.ssl.fastly.net刷新本地DNS解析的

官网相关配置项的说明：就是说：<Tooltip>组件的title属性，值可以有三种类型：- string- ReactNode- () => ReactNode那么提示内容换行的方式显而易见：错误示范：<Tooltip title="第一行<br/>第二行
第三行"> <span>这是一段文本</span></Tooltip>在字符串对象中，无论是
还是<br/>都会被当做普通字符输出。

文章目录Intro原因调试有人乱码，有人不乱码Intro正常的输出：...19-Sep-2020 19:14:30.875 信息 [main] org.apache.coyote.AbstractProtocol.start Starting ProtocolHandler ["http-nio-8080"]19-Sep-2020 19:14:30.890 信息 [main] org.apache.coyote.AbstractProtocol.start Starting ProtocolHan

tomcat所有历史版本下载地址 https://archive.apache.org/dist/tomcat/如地址无效，通过以下方式重新获取：

文章目录概念熟悉正则表达式对象的创建正则表达式的标志位 flags正则表达式对象的更多属性StringString.prototype.replace(searchValue, replaceValue): stringString.prototype.match(regexp): string[]String.prototype.search(regexp): NumberRegExpRegExp.prototype.test(string): booleanRegExp.prototype.compil

文章目录环境准备Code结果文件Links环境准备Python, pip安装配置；安装依赖的包(使用-i url指定要使用的镜像源，加快下载速度)pip install wordcloud scipy jieba如果下载速度太慢，加参数-i https://pypi.tuna.tsinghua.edu.cn/simple使用国内镜像下载即可。文件准备：要分析的文本文件(当然也可以在代码中直接写字符串)。中文字体文件(必须设置，否则中文词云图会显示小方块样式的乱码)可以在W

文章目录场景二倍均值法实现Java版JavaScript版场景微信群发一个红包，金额10元，共10个人抢。有多种方案：按先来后到，对每个人：在[0, 当前剩余金额]区间内生成一个随机数，即为本人抢到的红包金额。缺点：先抢者极占优势，最先抢的人，金额池最大，取随机数的区间范围也最大，抢到大额红包的可能性就大。对应的，越到后面抢红包的人，所得金额数越小。这样的不公平性可能会影响发红包功能的用户体验。优化规则，削弱达者为先的事实。10元，10个人抢，对第一个人：当前剩余金额：10

文章目录两个 int 变量的除法运算 结果的精度问题Java中其他基本类型的运算规则 && 数值存储规则延伸两个 int 变量的除法运算 结果的精度问题代码如下：public class Test { public static void main(String[] args) { // / 的两个操作数都为int变量，则运算结果也为int System.out.println(5 / 2); // 2 // 将其中

解决修改服务端 设置响应头部分的代码，完美解决。详细基本需求：发送一个POST请求，请求参数是一个JSON对象，通过请求体request body传递。以下使用了axios(也可以使用jQuery，fetch等)。var someParams = {...}; // 对象格式axios({ meethod: "POST", url: "xxx", data: someParams, headers: { "Content-Type": "application/json", },

官网文档highlight官网：https://highlightjs.org/usage/报错：Error: Cannot find module './highlight.js'解决两步：查看对应的包是否下载正确npm ll highlightnpm ll highlight.js可能会看到：+-- highlight@0.2.4| Highlight code syntax with node.js| git+ssh://git@github.com/andris

环境React 16.13出错信息：出错的原因：Support for the experimental syntax ‘classProperties’ isn’t currently enabled解决方式 一：Add @babel/plugin-proposal-class-properties (https://git.io/vb4SL) to the ‘plugins’ section of your Babel config to enable transformation.解决

如何解析.jsx结尾的模块(文件)？配置 webpack 众多loader 中的：babel-loader的规则即可。module.exports = { entry: {}, output: {}, plugins: [], module: { rules: [ { test: /\.(js|jsx)$/, exclude: /(node_modu.

场景Ubuntu 16 安装 MongoDB 4.2.8 ，运行mongod出错：./mongod: /usr/lib/x86_64-linux-gnu/libcurl.so.4: version `CURL_OPENSSL_3' not found (required by ./mongod)mongo在Debian系的Linux发行版下运行，需要先安装两个依赖：openssl和curllib看错误消息，是需要安装libcucrl3。安装即可：sudo apt install openssl

环境准备安装NodeJS，配置好环境变量。去官网 https://www.npmjs.com 注册一个账号。如果之前修改过npm的registry，现在要先修改回来(否则登录不了)：npm config set registry https://registry.npmjs.org/等发布完后之后，再切回淘宝的镜像源(为了包的下载速度)npm config set registry https://registry.npm.taobao.org/相关命令命令行登录：npm

Intro使用客户端命令行工具mongodb测试MongoDB的读写API，发现：这套API的大部分语法遵循(满足)JavaScript的语法规则。实例如下，以下内容包括：- 测试变量定义，数值运算，- 使用Object.prototype.toString.call()原型方法查看变量的类型- 测试JS方法定义，及方法默认的arguments参数。- 输出函数print() (这一点倒是和JS不同)C:\>mongoMongoDB shell version v4.4.0....

需求 && 操作常用的两类场景：要操作光标所在文件中的所有代码块：折叠所有 Ctrl+K+0展开所有 Ctrl+K+J仅仅操作光标所处代码块内的代码：折叠 Ctrl+Shift+[展开 Ctrl+Shift+]更多操作如果你有更多需求的话，可以使用Ctrl+Shift+P搜索fold和unfold，以查看更多选项。以下命令使用时查找即可，不必记忆(但上文的两种还是有必要熟悉的)。unfold - 展开fold - 折叠...

SQL书写顺序select field_name_listfrom table_namewhere filter_expressiongroup by field_name_listhaving filter_expressionorder by field_name_listlimit start, size;执行顺序from 表where 字段筛选条件group by 分组条件having 字段筛选条件select 字段名列表order by 排序条件limi.

数据对比npmjs指标工具库周下载量解压大小文件数量最新版本地址mongodb2,033,6112.04MB2133.6.1https://www.npmjs.com/package/mongodbmongoose1,046,2081.48MB1474.0.2https://www.npmjs.com/package/mongoosegithub指标工具库starforkcontributorsRelease地址

Intro场景： 网页解析需求如下：数据源：含有多个空格、换行符的多段文本文本处理过程：识别出这些空格、换行符(替换为统一的单个换行符，或HTML的<br />标签)数据持久化 --> 数据库中间的识别可以利用正则表达式来做：[\ \r
]+以下为JavaScript范例：var htmlCode = `臣本布衣， 躬耕于南阳先帝不以臣卑鄙， 咨臣以当世之事。后来 ……今当远离，临表涕零，不知所言。`;var result = htmlCod

文章目录写数据到文件 - 方法封装原理解析Demo写数据到文件 - 方法封装/** * 保存数据到指定的文件 * 利用 Blob 对象把要下载的数据转换为二进制 * 然后利用<a>的href属性和download属性，click事件，实现数据下载。 * @param {string} filename 要保存的文件名 * @param {string} str 要保存的文本内容 */function saveStringToFile(filename, str) {

mongodb是用C++实现的一种非关系型数据库NoSQL，可用作JSON格式文档的读写。服务器 https://fastdl.mongodb.org/windows/mongodb-windows-x86_64-4.4.0-signed.msiGUI客户端 https://downloads.mongodb.com/compass/mongodb-compass-1.21.2-win32-x64.zip本地下载可能比较慢。如果有云服务器可以在云服务器试试 wget -c 下载链接。...

文章目录报错信息ES6 模块导出及引入CommonJS 模块导出及引入报错信息React运行报错：信息如下：Warning: React.createElement: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: undefined. You likely forgot to export your com

文章目录需求火狐浏览器-编辑重发(Edit and Resent)fetch API需求上网用F12分析一个请求，调用的事服务端的一个数据接口。想修改请求参数(请求头、请求体，请求URL和方法)，来获取我想要的数据。两种方式。火狐浏览器 F12自带的编辑重发功能。任意支持 fetch API的浏览器，会使用F12 console写JS代码即可。火狐浏览器-编辑重发(Edit and Resent)可以编辑地内容：请求方法，请求URL，请求头(包含cookie等信息)，请求体f

比方说错误提交了一个文件 a.txtgit rm a.txt 删除本地仓库(暂存区)中的文件git commit -m "删除xxx" 将暂存区的修改(删除操作)同步到远程仓库(相当于删除远程仓库中的文件)如果有必要，可以删除本地工作空间的对应文件 rm a.txt(防止再次错误提交)注意比较不同命令导致的、四个位置之间的数据流向：本地工作空间(Workspace)暂存区(Index|Stage)本地仓库(Repository)远程仓库(Remote Repository)...

BugError: Objects are not valid as a React child (found: object with keys {list}). If you meant to render a collection of children, use an array instead.Object不能直接作为React的内容(指{}中的变量)。如果想渲染一个集合的话，可以使用数组(但是别用Object类型的变量)。如图：原因写React的render()时，想直.

结论1. 挂载顺序： constructor -> 将会挂载 -> render -> 挂载完成。2. 更新顺序：(组件将会收到props -> ) 组件是否可被更新 -> 组件将会被更新 -> render -> 组件更新完成。3. 卸载顺序： 组件将会被卸载测试结果如图：如果有componentWillReceiveProps()，会在组件每次更新前，第一个执行。测试环境搭建create-react-app test-react-life-cyc

已知componentWillUnmount()会在组件将被卸载前，被执行。那么如何手动卸载某个组件，以(触发该方法的执行来)验证该规则？调用以下API即可：ReactDOM.unmountComponentAtNode(container)。// 将组件element渲染到container中ReactDOM.render(element, container);// 卸载container中的组件，定时 5s 后执行setTimeout(function() { ReactDOM.un

文章目录方法声明demo官网链接方法声明map() 方法会创建一个新数组，其结果是该数组中的每个元素是调用一次提供的函数后的返回值。var new_array = arr.map(callback[, thisArg])其中的callback：function callback(currentValue[, index[, array]]) { // Return element for new_array }forEach() 方法对数组的每个元素执行一次给定的函数。arr.forEa

解决很简单，修改packcage.json中scripts中的start选项值即可。默认："start": " react-scripts start",修改后(修改为8080)："start": "set PORT=8080 && react-scripts start",也就是说，在用react-scripts执行start命令之前，设置了PORT环境变量。再次npm run start即会启动应用，并使用刚才设置的端口值。原理使用create-react-app创建.

Introemmet是前端 标签代码块 形式代码书写的利器。而在VSCode中，默认有emmet的扩展。JSX是React语法中，用于快速组装标签代码块的一种写法。但是一般情况下需要配置才可以使用(不属于HTML原生的标签)。主要配置就是两项："emmet.triggerExpansionOnTab": true,"emmet.includeLanguages": { "javascript": "javascriptreact"},配置在默认的配置文件中查找到了两项

文章目录场景用法帮助信息场景最常用的，用ls列出某个路径下的文件列表(ls是list的简写)。我一般附带几个参数：ls -alh，可以列出所有all长列表格式(long listing format)、且文件大小为人类可读human-readable的格式。每次使用都要敲完整的ls -alh，慢且有可能出错。如果我可以给这条比较长+高频使用的命令，起一个别名|编号，比如ll，执行ll就相当于执行ls -alh，那就好了。alias就是这样的设置工具。用法alias 不加参数，可查看当前已

文章目录环境初始化访问测试访问部署在腾讯云的应用，响应内容：总结url路由相关请求发送参数的 4 种方式(请求参数对、路由参数、请求体、Cookie请求头)环境初始化###. 利用express-generator生成简易的express框架环境。npm install -g express-generatorexpress demo-expresscd demo-expressnpm install###. 编写./routes/user.js文件|模块中的的路由方法。var expre

设置请求的Cookie请求头即可。cookie的数据格式是键值对，类似于properties文件中的键值对用分号隔开，合并到一行。常用的cookie键值对：Cookie_3=value; 存储应用的sessionidPath=/; URL路径Domain=mysessionid; 域 Expires=Wed, 09 Jun 2021 13:36:58 GMT; session失效的时间点另如果你没有装postman。试试curl的--cookie选项curl "httpL.

Ctrl+J 调出Terminal面板code -a 目录名 这一步相当于File–>Add Folder to Workspace...。查看VSCode的选项。其中-a相当于--addE:\web\test-express>code --helpVisual Studio Code 1.45.1Usage: code.exe [options][paths...]To read output from another program, append '-' (e.g. 'ec

文章目录场景核心命令命令场景高频场景：github新建repo从github克隆该仓库git clone xxx之后的commit/push/pull等操作都很简单。但我的场景是这样：本地先init一个git代码仓库。新增一些代码文件并提交到本地仓库。github新增repo。想“关联”本地仓库和远程仓库。以后本地仓库可以push到指定的远程仓库。涉及到分支合并。核心命令git pull git@github.com:wuyujin1997/test-babel.gi

人活着的意义就是去体验。人存在于世界的终途就是工作。不为钱财生活，只为自己想做，这样的工作。

F12 控制台 执行以下任意一条语句即可(颜色可自选)：document.querySelector("body").style.background = "rgb(199, 237, 206)";document.getElementsByTagName('body')[0].style.background = "rgb(199, 237, 206)";rgb值表示：rgb(199, 237, 206)十六进制值表示：#cce8cf颜色单词表示：pink缺点：每个有需求的页面都需要操作，挺

MIMEMIME(Multipurpose Internet Mail Extensions)多用途互联网邮件扩展类型。是设定某种扩展名的文件用一种应用程序来打开的方式类型，当该扩展名文件被访问的时候，浏览器会自动使用指定应用程序来打开。多用于指定一些客户端自定义的文件名，以及一些媒体文件打开方式。HTTP协议也使用了这个标准。当响应数据被发回到客户端浏览器的时候，响应头Content-Type应该告诉客户端：我发给你的数据是什么类型(以便客户浏览器对拿到的数据做解析)。常用的MIME类型将..

基本概念JavaScript对象最基本也最常用，字符串"hello"或数值123都是JS对象。DOM对象DOM(Document Object Model)文档对象模型，他是HTML和XML文档的编程接口。JS操作HTML文档，就是靠中间的介质：文档对象模型。DOM对象就属于JavaScript对象的，只不过这些类型不常见到，如"HtmlCollection"这种类型就代表多个DOM对象的容器类型。测试见：https://blog.csdn.net/wuyujin1997/articl

文章目录场景Code场景有时候上网查阅资料，需要网页中表格内、指定行列的数据。如果表格小(操作的 数据量小)，可以手动复制粘贴。但如果要操作的表格很大，那么可以使用程序自动执行遍历表格的操作，并提取数据。看懂以下教程需要会：JavaScript简单语法；浏览器DevTools(即F12快捷键呼出的界面)；Code选中表格元素F12调出DevTools，切换到控制台ConsoleCtrl+Shift+C，鼠标点击网页中的表格。之后在控制台输入$0，可以打印出最近一次在页面中选中

这里记录里我自己对React从完全不懂到入门过程中的一些想法。会持续更新，并附时间点。如果觉得理解幼稚|夸大，请Ctrl+W关闭浏览器tab页。2020-5-28 23:06:35都是重用代码搞的事。重用的前提是把公共的部分提取。这是个设计问题。大佬程序员，不想写大量重复的标签代码块(HTML标签)。于是在前端做封装，想重用标签代码块。就像后端持久层操作中，从一开始的在一个方法中：定义数据库配置、连接数据库、执行数据库CRUD操作、处理返回的结果、关闭连接。而后：提取出公共的操作(co

之前在学校的时候，已经学了HTML(HTML5), CSS(CSS3), JavaScript, jQuery, EasyUI, BootStrap.这些部分的链接，如果有读者有需要的话，我再补充。想转前端，整理了一些地址，如下：React (官网文档 + 中译)React 教程 https://react.docschina.org/tutorial/tutorial.htmlReact 文档|API https://react.docschina.org/docs/getting-star

场景在不同语言中，都有一个字符串格式化输出/替换相关的方法：C/C++printf("%d %s", 123, &str);JavaString.format("%d %s", 123, "你好");System.out.printf("%d, %s", 123, "你好");Pythonprintf("%d %s" % (123, "你好"));其中，如果有一个数值101，想补充长度为8，左补0，只需要把格式控制符%d修改为%08d即可。%d decimal，以数值格式输

文章目录括号和空格对数值的改变括号和空格对数值的改变场景：我想得到十进制数字12的二进制格式、十六进制格式，有以下：12.toString(2) // VM600:1 Uncaught SyntaxError: Invalid or unexpected token(12).toString(2)12 .toString(2)(12).toString(8)(12).toString(16)也不知道这个(数值).方法名和数值 .方法名有何深意。。。...

文章目录场景Demo代码分析自定义字符串方法场景拼接多个变量，不想用字符串拼接符+，也不想用console.log(...args)依次打印多个参数。那么有两种解决方法：ES6新特性中的模板字符串String实例的format()方法。Demo模板字符串var name = "张三";var age = "22";var result = `${name} 今年 ${age} 岁了`;console.log(result);张三 今年 22 岁了模板字符串用反引号包围，其

下载插件 Beautify https://github.com/HookyQR/VSCodeBeautifyCtrl+Shift+P 搜索beautify，执行即可。

新装的VSCode写一个Java文件竟然没有代码自动补全，下载了以下插件Java Extension Pack：插件链接：https://marketplace.visualstudio.com/items?itemName=vscjava.vscode-java-pack安装后即可自动补全代码。

https://redis.io/topics/data-types-introhttps://stackoverflow.com/questions/6965451/redis-key-naming-conventionshttps://answer-id.com/51740587Very short keys are often not a good idea. There is little point in writing “u1000flw” as a key if you can inst

使用git commit -m "test 测试注释"之后，在cmd中git log，发现注释内容中的中文乱码。解决方法：使用git-bash查看git log，中文正常输出。这其实是避开了Windows环境下cmd窗口默认GBK字符集的问题。修改环境变量set LESSCHARSET=utf-8，这样设置的环境变量只对本次打开的cmd窗口有效。如果要一直有效，就要在我的电脑…新增环境变量项：再次git log，可以发现注释内容中文正常显示。...

解决方法见：https://blog.csdn.net/jingtingfengguo/article/details/51892864需要配置的点：本地的git配置本地的SSH公钥/密钥对生成<www.github.com>官网–>右上角用户头像–>settings–>SSH and GPG Keys–>SSH keys–>New SSH Keys将自己生成的公钥粘贴金Key文本框中即可 (title随意)。Others我配置完成之后，执行以下

文章目录Intro如何查看自己的MySQL服务名？设置MySQL服务的启动类型命令行启动/停止MySSQL服务Intro我安装的是 mysql 8.0.20，服务名是mysql20如何查看自己的MySQL服务名？我的电脑–>右键选择管理–>服务和应用程序–>服务找到MySQL开头的服务，我的是mysql80。(这个服务默认是开机自启的)如果想停止|启动对应的服务，可以在这里点击即可。如果你的机器性能不是很好，且并不是每次开机都需要使用MySQL服务，可以设置该服务的启动类

Intro我在使用 DBeaver 7.0.4 连接 MySQL 8.0.20的时候出现了这个错误。经查，是由MySQL服务器端的密码验证策略的问题导致(具体是什么策略，和MySQL服务器的版本高低也有关)。解决方法：解决MySQL服务器的密码验证策略的一些参数。解决root用户登录MySQL，执行以下三条命令(其中12345是你的root账号密码)。alter user 'root'@'localhost' identified by '12345' password expire nev

Node中两个变量__dirname 目录名__filename 文件名(全路径)测试新建test.jsconsole.log("目录路径\t", __dirname);console.log("文件全路径\t", __filename);console.log("仅文件名\t", __filename.replace(__dirname, "").substr(1));运行：...

场景启动Node服务器之后，GET一个文件资源，多次刷新发现除了第一次，之后的相应码皆为304。响应分为五类：信息响应(100–199)，成功响应(200–299)，重定向(300–399)，客户端错误(400–499)和服务器错误 (500–599)首先看响应码大类：请求码格式含义1XX信息响应2XX成功响应3XX重定向4XX客户端错误5XX服务端错误再看200和304的区别：200 OK请求成功。成功的含义取决于HTTP方法：

目录标题Intro在cmd中打开指定路径的文件管理器在文件管理器中打开对应路径的cmdIntro开发人员有时会有这样的需求。文件管理器的程序名称为C:\Windows\explorer.exe.表示当前目录，..表示上一层目录。在cmd中打开指定路径的文件管理器explorer 要打开的目录如：explorer . 打开当前目录explorer .. 打开上一层目录explorer d:\ 打开D盘在文件管理器中打开对应路径的cmd在文件管理器的地址栏中输入cmd即可启动cmd，且启

关于本机如何使用SSH远程连接服务器的配置、命令等等内容本文略过。需要保证本机可以远程访问目标机器假设，我有一台机器，IP为1.1.1.1，用于登录的用户名：lisi，密码lisi12345。(这个我随口乱说的IP你可以换成你要连接的服务器的公网IP，或域名)那么我远程登录的命令为：ssh lisi@1.1.1.1，然后Enter输入密码lisi12345即可。(如果这一步有问题...

有时需要一个JSON编辑器，完成以下功能：格式化JSON文本(带换行，美化输出)；将多行JSON文本合并为一行。复制JSON文本到VSCode中。先Ctrl+Shift+P呼出命令面板，然后输入Prett，选择弹出的选项Prettify JSON即可美化JSON格式(这一步需要提前安装好插件Prettify JSON)那么编辑之后，如果需要将JSON合并/压缩为一行：先Ctrl+...

涵义如何通过命令查看本机IP？Windows：ipconfig /aLinux：ifconfig或iwconfig我会查看到3个项目：lowlp3s0enp2s0挨个解析：lo表示localwl表示wlan(Wireless Local Area Network)无线局域网en表示ethernet以太网PCI接口的物理位置的坐标(bus, slot)，其中bus表示总线，...

结论二进制前缀 0b八进制前缀 0十六进制前缀 0X进制基数(radix)前缀示例二进制 binary0b 0B0b11 = 2+1=3八进制 octal0o 0O 00o11 = 8+1=9十进制 decimal无前缀11 = 11十六进制 hex0x 0X0x11十进制，直接写数值即可。而八进制较为特殊，在不同语言中的表示...

我主要是记录一下Windows环境下在命令行中对文件的操作命令。–WindowsLinux创建文件夹mkdir xxxmkdir xxx打开文件夹cd xxxcd xxx新建文件fsutil file createnew test.txttouch test.txt查看文件type test.txtmore test.txt其实Lin...

Linux安装 sudo apt-get install mencodermencoder -oac mp3lame -ovc copy -of rawaudio xxx.mp4 -o xxx.mp3其中xxx.mp4要解析的视频，xxx.mp3是要生成的mp3文件名称，可以自定义名称。Windows自己去下载一些工具软件吧。类似于爱剪辑，格式工厂之类的。...

文章目录Intro环境命令记录模拟环境测试IntroElasticSearch在进行批量操作bulk的时候，如果指定了_index, _type，却不指定_id就会报错。直接向ElasticSearch执行QueryDSL，报错内容如下："type": "action_request_validation_exception","reason": "Validation Failed: ...

文章目录IntroNodeJS express-generator命令执行过程Linux node-express-generator命令执行过程RecommendIntro两种方式，node自己就有模块用于自动生成使用express框架的开发环境，叫expresss-generator，另外，Debian系的Linux发行版上也有一个node-express-generator工具，安装即...

显示行号仅本次编辑过程有效按ESC切换到命令模式command mode，然后输入以下：:set number 显示行号:set nonumber 取消行号以上方法只针对于本次的编辑过程有效。也就是说下次打开别的文件/本文件，行号依旧默认是不显示的。如果想每次使用vi编辑文件，都显示行号，那么就需要编辑vi的配置文件(中的默认设置)。一直有效分为两个级别：所有用户的配置...

Intro查看MySQL版本和当前的port端口号mysql> select version();+-----------+| version() |+-----------+| 8.0.19 |+-----------+1 row in set (0.00 sec)mysql> show variables like 'port';+---------...

查看磁盘空间使用量df -hwuyujin@ubuntu18:~/Desktop/text$ df -hFilesystem Size Used Avail Use% Mounted onudev 5.8G 0 5.8G 0% /devtmpfs 1.2G 2.1M 1.2G 1% /run/dev/sda2 ...