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...
系统环境变量与用户环境变量的配置区别
作用域:/etc/profile的作用域是全局的,涉及系统级的环境变量和启动程序而~/.bashrc往往是在用户目录下,只对登录的用户有效。 profile只在登录时执行一遍,之后添加内容的话,需要source刷新才能访问到添加的内容。而.bashrc更新完后,执行一次脚本就会更新。#linux