Nginx:高性能Web服务器及代理
Nginx 基本概念: 一个高性能的http和反向代理web服务器,能支持高负载,效率高 正向代理通过代理服务器访问服务器,例如搭建梯子才访问www.google.com。(可以隐藏客户端的信息)这个内容就叫正向代理 反向代理一般情况下是就是客户端对代理无感知,只是通过代理服务器去隐藏目标服务器的具体信息,只暴露代理服务器的地址,隐藏真实服务器的地址。反向代理后,客户端无法知道服务器的具体位置。 负载均衡 默认情况下,是一个服务器,前后连锁相关。将原先集中到单个服务器上的情况改为请求分发到多个服务器上。 - 动静分离实际上就是前后端分离,nginx可以直接放前端的静态资源,而后端单独部署。2. 安装,配置 先安装依赖项(以centos7.8为例)123456789yum updateyum -y install make zlib zlib-devel gcc-c++ libtool openssl openssl-devel pcre pcre-devel#下载稳定版安装包wget...
Vue数据通信:props和computed属性
props用法 父组件==>子组件 通信 子组件==>父组件 必须父组件给子组件一个方法 props的参数是不能修改的。 computed计算属性正常写法(例) 12345computed:{ isAll:{ get(){ return null}, set(){ ...}} 简写方式(只有get方法) 123computed:{ isAll(){ return null},}
ES6 Reduce:数组归并方法
ES6中的reduce方法,是一种数组的归并方法。他的每一次遍历后的值会留给下一次继续遍历。 1234567891011121314let arr5 = ['name','age','long','short','long','name','name'] //pre第一次的值,cur当前值 {}标识pre的预设值let arrResult1 = arr.reduce((pre,cur) =>{ console.log(pre,cur) if(cur in pre){ pre[cur]++ }else{ pre[cur] = 1 } return pre},{})console.log(arrResult1)//结果:{name: 3, age: 1, long: 2,...
Vue检测修改:直接修改和指定数组方法
vue可以检测到的修改:直接对基础变量的修改,直接修改某个对象中的属性,但是如果修改数组的话,必须使用vue指定的方法进行修改,否则vue将无法检测到修改。甚至可以跳过props的检测。
配置跨域请求过滤器
配置一个CROS的模板类,暂且不考虑其中的原理,我也不会咯。1234567891011121314151617181920212223242526package com.zfxt.sjv.config;import org.springframework.context.annotation.Configuration;import org.springframework.web.servlet.config.annotation.CorsRegistry;import org.springframework.web.servlet.config.annotation.WebMvcConfigurer;/** * @author:zfx-t * @version:1.0 */@Configurationpublic class CrosConfiguration implements WebMvcConfigurer { /** * 允许跨域调用的过滤器 */ @Override public void...
闭包:函数访问外部变量
该笔记引用自掘金闭包 闭包定义: (官方定义)闭包是函数和声明该函数的词法环境的组合。 闭包就是能够读取其他函数内部变量的函数。在本质上,闭包就是将函数内部和函数外部连接起来的一座桥梁。产生条件: 一个函数,里面有一些变量和另一个函数 外部函数里面的函数使用了外部函数的变量 外部函数最后把它里面的那个函数用return抛出去作用: 在函数外部可以读取函数内部的变量 让这些变量的值始终保持在内存中
JS中通过valueOf()让条件相等
如何使a==1&&a==2&&a==3结果为true在js中,所有程序都是单线程运行的,即便写在一行,也是从左到右运行。因此为了使该条件成立,可以在读取a的值的同时,让a自增1。在该问题中使用valueOf()方法,这是js的内置方法,当js调用某个值时,会使用该方法。因此重写该方法时,既可以实现该问题。 1234567let a = { value: 1, valueOf: function(){ return this.value++; }}console.log(a==1&&a==2&&a==3)
JSON Web Token:安全的信息传输工具
JSON Web Token 基于JSON对象为载体,安全的传输信息,用于完成授权认证。JWT分为三部分 Header 1234{ 'typ': 'JWT', 'alg': 'HS256'} Payload(载荷,有效信息) Signature(签名) 此处展示一个模板导入jtw 123456789101112131415161718192021<!--jwt依赖 --> <dependency> <groupId>io.jsonwebtoken</groupId> <artifactId>jjwt</artifactId> <version>0.9.1</version> </dependency> <dependency> ...
Lombok注解简化Java代码开发
如何导入123456<dependency> <groupId>org.projectlombok</groupId> <artifactId>lombok</artifactId> <version>1.18.4</version> <scope>provided</scope></dependency> @Setter 注解在类或字段,注解在类时为所有字段生成setter方法,注解在字段上时只为该字段生成setter方法。@Getter 使用方法同上,区别在于生成的是getter方法。@ToString 注解在类,添加toString方法。@EqualsAndHashCode 注解在类,生成hashCode和equals方法。@NoArgsConstructor 注解在类,生成无参的构造方法。@RequiredArgsConstructor...
Linux 部署 Clash 代理服务
linux部署代理服务 这次演示使用clash+dashboard作为代理服务并配合机场使用安装 先在用户目录下安装一个clash文件夹,并进入到其中1mkdir clash && cd clash 然后再目录下,把机场给的config.yaml下载下来,可以使用wget1wget "机场给你的订阅链接" -O config.yaml然后从github上获取clash和dashboard的二进制文件。12wget https://github.com/Dreamacro/clash/releases/download/v1.11.12/clash-linux-amd64-v1.11.12.gzwget...