- 博客(66)
- 收藏
- 关注
RSS订阅转载 详解 nginx location ~ .*\.(js|css)?$ 什么意思？
语法规则： location [=|~|~*|^~] /uri/ { … }= 开头表示精确匹配^~ 开头表示uri以某个常规字符串开头，理解为匹配 url路径即可。nginx不对url做编码，因此请求为/static/20%/aa，可以被规则^~ /static/ /aa匹配到（注意是空格）。~ 开头表示区分大小写的正则匹配~* 开头表示不区分大小写的正则匹配!~和!~*分别为区分大小写不匹配及不区分大小写不匹配 的正则/ 通用匹配，任何请求都会匹配到。多个location配置
2022-01-06 15:45:18
4407
原创 js 将json字符串转换为json对象的方法解析
将json字符串转换为json对象的方法。在数据传输过程中，json是以文本，即字符串的形式传递的，而JS操作的是JSON对象，所以，JSON对象和JSON字符串之间的相互转换是关键例如：JSON字符串:var str1 = '{ "name": "cxh", "sex": "man" }';JSON对象:var str2 = { "name": "cxh", "sex": "man" };一、JSON字符串转换为JSON对象要使用上面的str1，必须使用下面的方法先转化为JSON
2022-01-04 09:04:06
5113
原创 swagger注释API详细说明
常用注解：-@Api()用于类；表示标识这个类是swagger的资源-@ApiOperation()用于方法；表示一个http请求的操作-@ApiParam()用于方法，参数，字段说明；表示对参数的添加元数据（说明或是否必填等）-@ApiModel()用于类表示对类进行说明，用于参数用实体类接收-@ApiModelProperty()用于方法，字段表示对model属性的说明或者数据操作更改-@ApiIgnore()用于类，方法，方法参数表示这个方法或者类被忽略-@Ap...
2021-12-28 15:05:27
2092
原创 IDEA-Services运行窗口
1、启动idea开发工具，并打开java工程2、双击.idea文件夹，找到workspace.xml文件3、编辑workspace.xml文件，在结尾添加如下配置代码<component name="RunDashboard"> <option name="configurationTypes"> <set> <option value="SpringBootApplicationConfigurationType" .
2021-12-23 15:50:42
8595
转载 MD5加密解密
1、maven 引入jar包 <dependency> <groupId>org.apache.commons</groupId> <artifactId>commons-lang3</artifactId> <version>3.3.2</version> </dependency>2、代码.
2021-12-20 14:02:23
6852
3
转载 Serializable的作用
前两天接触到VO，DTO，entity这些概念，发现别人的代码中会有 implements serializable这个东西，之前并没有见过这种写法，就去了解了一下原因import java.io.Serializable; public class Admin implements Serializable {} Serializable主要作用将类的实例持久化保存，序列化就是保存，反序列化就是读取。保存也不一定保存在本地，也可以保存到远方。类一定要实现Serializable才可以
2021-12-16 10:43:45
724
原创 SpringBoot应用的热部署配置
File---settingsCtrl+Shift+Alt+/ ----- RegistrySpringBoot项目配置在需要进行热部署的SpringBoot应用中添加依赖<dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-devtools</artifactId></de..
2021-12-14 16:16:46
92
转载 thymeleaf常用标签
判断是不是为空:null:<span th:if="${name} != null">不为空</span><span th:if="${name1} == null">为空</span>判断是不是为空字符串: “”<span th:if="${#strings.isEmpty(name1)}">空的</span>判断是否相同：<span th:if="${name} eq 'jack'">相同于jack,...
2021-12-14 15:51:18
2281
原创 elementui el-input数字--整数的验证
手动校验数字为整数data() { var checkNum = (rule,value,callback) => { if(!value) { return new Error('必填信息') }else { // if(!Number.isInteger(value)) { if(!Number.isInteger(Number(value))) {
2021-12-10 17:04:31
715
原创 maven中的＜scope＞使用
scope的其他参数如下：compile默认的scope，表示 dependency 都可以在生命周期中使用。而且，这些dependencies 会传递到依赖的项目中。适用于所有阶段，会随着项目一起发布provided跟compile相似，但是表明了dependency 由JDK或者容器提供，例如Servlet AP和一些Java EE APIs。这个scope 只能作用在编译和测试时，同时没有传递性。????????runtime表示dependency不作用在编译时，但会作用在运行和测试时
2021-11-28 16:47:12
273
1
原创 Maven常用命令
a、install本地安装， 包含编译，打包，安装到本地仓库编译 - javac打包 - jar， 将java代码打包为jar文件安装到本地仓库 - 将打包的jar文件，保存到本地仓库目录中。b、clean清除已编译信息。删除工程中的target目录。c、compile只编译。 javac命令d、deploy部署。 常见于结合私服使用的命令。相当于是install+上传jar到私服。包含编译，打包，安装到本地仓库，上传到私服仓库。e、package打包。 包含编译，打包两个功能。
2021-11-28 16:04:54
164
原创 JPA 注解
1. @Entity ：表明是一个实体类 2. @Table ：对应的数据表名 3. @Id ：主键 4. @GeneratedValue：主键生成策略 5. @Column : 映射表对应的字段名 6. @Basic ： 表示该属性是表字段的映射。 如果实体的字段上没有任何注解默认就是@Basic 7. @Transient : 表示该属性不是表字段的映射 8. @Lob : 将属性映射成支持的大对象类型 ，如C...
2021-11-24 16:05:46
421
原创 forEach()、Object.keys()的介绍
//arr为数组 arr.forEach(function(item, index) { //item 就是当前按循环到的对象 //index是循环的索引，从0开始})
2021-11-15 10:36:21
1189
转载 Vue开发-vue.config.js 配置跨域
需求：前端访问后台的数据,但因为后台的端口号不一致所以需要实现跨域// 请求接口 后台接口5001 本地接口8080,// 所以我们需要去到vue.config.js配置跨域 http://localhost:5001/api/this.$axios.post('http://localhost:5001/api/users/register',this.user) .then(res =>{ alert('注册成功!') // 注册成功 this.
2021-11-08 17:06:14
2571
转载 IntelliJ Idea 复制粘贴卡死问题
分析尝试从外部复制内容向Idea工作空间内粘贴文件时，有一定的几率会发生复制粘贴失败的问题：复制了新的内容，粘贴的却还是早些时候复制的旧的内容。我使用的IDEA是最新版（2016.1.3），操作系统是Win7/Win10。这个问题是因为Idea的历史粘贴板已经满了，无法向历史粘贴板中写入新的内容导致的。这应该是Idea的一个BUG。解决思路有两个：增加历史粘贴板的深度；将历史粘贴板中的部分内容删除，腾出空间来。增加历史粘贴板的深度要做这个调整需要修改设置了。选择File >
2021-11-08 10:50:09
4632
2
转载 Vue+nodejs+npm完美结合入门==vue入门
因为我的是win7系统 64位 只能下载低版本的nodjs:传送门:https://nodejs.org/dist/v9.7.1/一、使用之前，我们先来掌握3个东西是用来干什么的。npm: Nodejs下的包管理器。webpack: 它主要的用途是通过CommonJS的语法把所有浏览器端需要发布的静态资源做相应的准备，比如资源的合并和打包。vue-cli: 用户生成Vue工程模板。（帮你快速开始一个vue的项目，也就是给你一套vue的结构，包含基础的依赖库，只需要 npm insta..
2021-11-05 11:07:30
874
原创 npm安装依赖报错
npm安装依赖报错今天在学习webpack的时候，在使用npm install来安装一个局部的webpack时候，报出一下错误:npm ERR! code ENOTFOUNDnpm ERR! syscall getaddrinfonpm ERR! errno ENOTFOUNDnpm ERR! network request to https://registry.npmmirror.com/follow-redirects/download/follow-redirects-1.14.5.t
2021-11-05 10:52:03
3665
原创 Vue.use和Vue.prototype的区别
今天打开Vue项目中main.js文件中，发现引入文件使用了两种方式。import Vue from 'vue'import App from './App.vue'import router from './router'// 引入echartsimport echarts from 'echarts'import 'echarts/map/js/china.js';Vue.prototype.$echarts = echarts// 将自动注册所有组件为全局组件import d
2021-11-04 11:14:37
341
原创 npm run build时，报内存溢出的解决
具体步骤：1.找到node_modules\.bin\webpack-dev-server.cmd这个文件2.添加下面红圈部分的代码该文件里的内容有两种形式形式一：形式二：（备注：9000这里代表内存大小，可以根据自己的实际情况去修改）报错示例：------------------------------------------ 分割线 --------------------------------------------------...
2021-11-02 11:56:57
3222
原创 git 使用 tortoisegit 解冲突
解冲突解冲突推荐使用 GUI 工具，因为直观。这里介绍 tortoisegit 解冲突的操作。（图1）操作入口：图2）冲突列表：（图3）文件的解冲突页面对于比较简单的冲突，直接应用某一边的修改，或者做一下简单的编辑（图3中，下面的区域是可以编辑的。）对于复杂冲突，需要了解两边对同一段代码的修改意图，即对方（Remote）为什么要这样改，要达到什么目的？本方（Local）为什么要这么改，要达到什么目的？修改比较复杂是，在图3的界面中，可能看不清具体的修改内容，可以在 .
2021-11-02 10:56:08
599
转载 TortoiseGit实现Git本地代码的恢复/还原/回滚
TortoiseGit-->Show logShow log选择要回滚的版本右击-->选择①或②选择①的情况，直接在源代码上回滚，会删除源代码:直接回滚到之前版本.jpg4 . 选择②的情况，导出代码的压缩包，解压后即可使用；导出压缩包.jpg...
2021-11-02 09:24:17
1870
转载 解决 Vue和Vue-template-compiler 版本不一致的问题
解决方案也挺简单：先卸载vue-template-compiler npm uninstallvue-template-compiler 安装终端报错的版本 npm installvue-template-compiler @报错中提示的版本但是我操作时只是先卸载，重新安装时没填写版本照样有用，有用就行。。...
2021-11-01 09:38:59
2465
原创 123: The filename, directory name, or volume label syntax is incorrect
今天在win下玩nginx的时候 提示500错误看了下nginx的logs 提示123: The filename, directory name, or volume label syntax is incorrect然后 发现别的网站都没问题 今天加的网站就出问题了原来别的网站目录没有那么深 也就是3层今天用tp5配置的多了一层public 查了查 是反斜杠的问题把所有win下的改成linux下的斜杠即可 root "G:/phpStudy/PHPTutoria...
2021-10-31 19:39:40
2381
转载 axios请求配置与响应结构
请求配置这些是创建请求时可以用的配置选项。只有url是必需的。如果没有指定method，请求将默认使用get方法。{ // `url` 是用于请求的服务器 URL url: '/user', // `method` 是创建请求时使用的方法 method: 'get', // default // `baseURL` 将自动加在 `url` 前面，除非 `url` 是一个绝对 URL。 // 它可以通过设置一个 `baseURL` 便于为 axios 实例...
2021-10-29 11:56:46
1099
转载 解决Error: ENOENT: no such file or directory, scandir
解决Error: ENOENT: no such file or directory, scandir 'xxx\node-sass\vendor'前端项目持续部署打包中出现一个奇怪的问题，记录一下。cnpm install 安装依赖成功npm run build构建时失败了，错误表示没有 'D:\andex\stofrontend\node_modules\node-sass\vendor 文件夹，确实也是没有。一般情况下载依赖是出现问题重新下载，网上很多资料是执行下面这个命令。.
2021-10-29 09:17:44
7826
转载 vue script结构
<script>export default { name: "Home", data() { return {}; }, methods: { // 组件的方法 }, watch: { // watch擅长处理的场景：一个数据影响多个数据 }, computed: { // computed擅长处理的场景：一个数据受多个数据影响 }, beforeCreate: function() { // 在实例初始化之后.
2021-10-28 09:47:36
804
原创 Flex布局
目录1.内容水平排列-左对齐2.内容横排列-反转右对齐3.垂直排列4.左对齐5.右对齐6.居中对齐7.平均分配8.左右对齐9.垂直均分10.换行设置11.内容水平垂直居中12.多行对齐方式13.复合属性14.flex子元素属性15.子元素order和align-self1.内容水平排列-左对齐需要在父节点上添加：display:flex;表示使用Flex布局。flex-direction:row; /* 表示内容直接横排列 */
2021-10-27 09:35:05
67
原创 VUE常用导出-导入---＞export、export default、export default {}
export1.export export test1 = ()=>{}import {test1} from "/"通过 export 导出的方法、函数 import导入时要加{ }；使用时直接用test1export default2.export default export defult test2import 任意变量 from "/"默认导出 能且只能导出这一项，使用时直接用test2export default { }3.export
2021-10-26 15:16:43
846
转载 npm WARN npm npm does not support Node.js v14.16.0 npm WARN npm You should probably upgrade to a new
npm WARN npm npm does not support Node.js v14.16.0npm WARN npm You should probably upgrade to a newer version of node as wenpm WARN npm can’t make any promises that npm will work with this version.npm WARN npm Supported releases of Node.js are the late.
2021-10-25 22:46:50
1433
原创 什么是回调函数
回调函数的概念 什么是回调函数？ 一个被当做参数的函数，即为回调函数。 首先我们要清楚一个概念，在JS中万物皆为对象。函数本身也是一个对象，既然是对象，所以函数当然可以当做函数的参数。 上述代码中，fun2做为fun1的参数,fun2即为回调函数。在这里肯定会有小伙伴有疑问，为什么在fun1中不去直接调用fun2，而是通过回调函数进行传参？下一小节，我们将详细讨论这个问题。 回调函数的作用 几乎所有的第三方函数我们都...
2021-10-25 16:42:13
89
转载 npm 版本更新指令
如果我们的npm安装版本较旧，现在需要更新应该怎么操作呢？首先查看当前版本，在win下输入$ npm -v之后输入$ npm install npm@latest -g 进行npm版本自动更新
2021-10-24 13:22:04
2315
转载 export default function 和 export function 的区别
// 第一种export default function crc32() { // 输出 // ...}import crc32 from 'crc32'; // 输入// 第二组export function crc32() { // 输出 // ...};import {crc32} from 'crc32'; // 输入上面代码的两组写法，第一组是使用export default时，对应的import语句不需要使用大括号；第二组是不使用export default时，.
2021-10-22 17:28:04
111
原创 VUE解决开发环境的跨域问题
vue-cli的配置文件即vue.config.jsmodule.exports = { devServer: { // 代理配置 proxy: { // 这里的api 表示如果我们的请求地址有/api的时候,就出触发代理机制 // localhost:8888/api/abc => 代理给另一个服务器 // 本地的前端 =》 本地的后端 =》 代理我们向另一个服务器发请求 （行得通） // 本地的前端 =
2021-10-22 16:44:27
89
转载 npm install 使用出现git@github.com: Permission denied (publickey)
进入git bash界面然后：第一步，git config --global --list 验证邮箱与GitHub注册时输入的是否一致第二步，通过git config --global user.name “yourname”，git config --global user.email “email@email.com ”（这里得名字和邮箱都是注册github时用的）设置全局用户名和邮箱。第三步，ssh-keygen -t rsa -C “这里换上你的邮箱”，一路回车，在出现选择时输入Y，再
2021-10-21 14:49:45
6807
1
转载 idea报错ESLint:expected
目录一、问题如下图：二、解决方式1(修改 .eslintrc.js 配置文件),建议使用此方式解决三、解决方式2(去掉eslint验证)一、问题如下图：二、解决方式1(修改 .eslintrc.js 配置文件),建议使用此方式解决1、 修改配置文件 .eslintrc.js ，在 .eslintrc.js文件的rules:{}中加入如下代码： //缩进 "indent": ["off", 2],2、官方文档rule说明：Rule inden...
2021-10-20 11:41:55
2260
转载 Vue的data,components,mounted,computed,activated,deactivated,beforeCreate,created的基本意思
data：Vue 将会递归将 data 的属性转换为 getter/setter，从而让 data 的属性能够响应数据变化。对象必须是纯粹的对象 (含有零个或多个的 key/value 对)可以写成：data () { return { dataForm: { xxx: ‘’, xxx: 数字 //这里的数字会固定XXX的选项 }, xxx: [], xxx: false,
2021-10-19 17:06:46
938
转载 Vue - 生命周期
Vue实例有一个完整的生命周期，也就是说从开始创建、初始化数据、编译模板、挂在DOM、渲染-更新-渲染、卸载等一系列过程，我们成为Vue 实例的生命周期，钩子就是在某个阶段给你一个做某些处理的机会。生命周期图.jpg生命周期文字解析.jpgbeforeCreate( 创建前 )在实例初始化之后，数据观测和事件配置之前被调用，此时组件的选项对象还未创建，el 和 data 并未初始化，因此无法访问methods， data， computed等上的方法和数据。created ( 创建...
2021-10-19 16:02:42
50
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人