mixin
所有智力方面的工作都要依赖于兴趣。——皮亚杰 如果我们需要在各个vue页面使用相同的公共元素 我们就可以使用minxin 官方文档：https://cn.vuejs.org/v2/guide/mixins.html 我们新建一个mixin.js 1234567891011121314151617181920export default { data() { return { name: 'ruben' } }, created() { console.log('this.name', this.name); // 尝试访问调用方属性 console.log('this.prefix', this.prefix); }, mounted() { console.log("mixin mounted"); }, methods: { hello() { console.l...
箭头函数与this指向探究
我有明珠一颗，久被尘劳关锁，一朝尘净光生，照破山河万朵。——柴陵郁禅师 今天研究了下箭头函数与this，发现了一些挺好玩的特性 首先，我们在控制台输入上这段js 123456789101112131415161718192021var handler = { name :'handler', init: function() { let init1 = function(event) { console.log("init1: ", this); let init5 = function(){ console.log("init5: ", this); } init5(); // init5: Window {window: Window, self: Window, document: document, name: '', loca...
数组解构赋值
倘若A代表人生的成功，那么公式是：A =X+Y+Z。X是工作，Y是游戏，z是保持缄默。——（美）爱因斯坦 我们以前从一个数组中获取第一项，可能是如下写法： 12let list = [1,2,3]let i = list[0] 有了解构赋值，可以如下写法： 12let list = [1,2,3]let [i] = list 如果稍微复杂点，例如下面这样从对象中取出来数组： 12let ruben = {hobby:['anime']}let favorite = ruben.hobby[0] 就可以写成： 12let ruben = {hobby:['anime']}let {hobby:[favorite]} = ruben 如果再复杂点 123let ruben = {hobby:['anime']}let achao = {favorite:undefined}achao.favorite =...
netty-websocket
历经万般红尘劫，犹如凉风轻拂面。——林清玄 今天用了这个netty-websocket-spring-boot-starter 那是相当的香啊 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173package com....
css中的&
要在座的人都停止了说话的时候，有了机会，方才可以谦逊地把问题提出，向人学习。—— 约翰·洛克 今天看到一种css写法： 123456789/deep/ .message-list { flex: 1; .message-item { &-text { position: absolute; } } } /deep/我们之前博客提过了，嵌套写法很简单，今天聊聊&这个父选择器 sass中文文档提到了这个父选择器 上方的&-text其实就表示.message-item-text 12345.message-item { &-text { position: absolute; }} 编译后为： 12345.message-item { .message-item-text { position: absolute; }}
让link标签失效
此岸永远是残缺的，否则彼岸就要塌陷。——史铁生 一直有小伙伴吐槽我的博客太花哨了，想让我加个隐藏主题功能，于是我就加了一个 这里用到了jquery选择带对应属性的标签 我这里是让引入style.css的link标签失效了 关键代码如下： 隐藏 12<!-- 选中head节点，找到href属性为'/css/style.css'的link标签，添加属性disabled为disabled -->$("head").children("link[href='/css/style.css']").attr('disabled', 'disabled') 显示： 12<!-- 移除该属性 -->$("head").children("link[href='/css/style.css']").removeAttr('disabled')
yum安装部署boot应用
躬自厚而薄责于人，则远怨矣。——《论语》 安装java 1yum install java 安装nginx 123456# 安装yum install nginx# 查看位置whereis nginx# 编辑配置文件vim /etc/nginx/nginx.conf nginx.conf 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283# For more information on configuration, see:# * Official English Documentation: http://nginx.org/en/docs/# * Official Russian Documentation: http://nginx.org/ru/docs/user nginx;worker_pr...
逻辑删除与联合索引冲突处理（二）
一星陨落，黯淡不了星空灿烂；一花凋零，荒芜不了整个春天。——巴尔扎克 之前写过一篇，用时间实现，今天提供另一种思路 我们的逻辑删除字段，如果和联合唯一索引同时使用，还可以使用下面这一种方式： 如果未删除，使用魔法值 如果已删除，使用NULL 因为mybatisPlus官方文档也提到了： 字段类型支持说明: 支持所有数据类型(推荐使用 Integer,Boolean,LocalDateTime) 如果数据库字段使用datetime,逻辑未删除值和已删除值支持配置为字符串null,另一个值支持配置为函数来获取值如now() 之前看源码，发现它也是使用替换字符串的方式去做，所以是支持NULL的 并且我们的null并不受唯一索引约束 那我们这里就可以直接使用如下配置： 12@TableLogic(delval = StringPool.NULL, value = "existed") private String delFlag; 效果： 删除时效果：
flink马屎咖啡馆案例
度之住事,验之来事,参之平素，可则决之。一一《鬼谷子》 我们来一个Java程序玩玩，执行以下命令，会自动帮你构建一个包含Flink依赖的项目： 1mvn archetype:generate -DarchetypeGroupId=org.apache.flink -DarchetypeArtifactId=flink-walkthrough-datastream-java -DarchetypeVersion=1.14.0 -DgroupId=frauddetection -DartifactId=frauddetection -Dversion=0.1 -Dpackage=spendreport -DinteractiveMode=false 执行完毕后 打开项目 将这两处的<scope>provided</scope>注释掉或者删掉也行 简单运行一下，可以看到我们控制台一直输出执行日志 这就是官方提供的简单Demo，运行了一下，我试着依葫芦画瓢自己写了一个 按照我看过的这篇文章 实现了一个咖啡馆实时积分，送奖品的逻辑 假设，你把“世界这...
flink快速开始
仿佛前世的密约，注定我们要在今生抵掌，然后一起创世，或者再次站成一排，慷慨赴死。——野夫 官网：https://flink.apache.org/zh/ 安装jdk 1yum list java* 然后安装 1yum install java-1.8.0-openjdk* -y 查看版本 1java -version 前往官网下载最新版，放进Centos，然后进入目录 1cd /server/flink/ 解压 1tar -xzf flink-*.tgz 进入解压后的路径列出目录 12cd flink-1.14.0ls -l 这里bin目录包含了flink的二进制文件以及几个管理各种工作和任务的脚本 conf目录就是放配置文件的，包含了flink-conf.yaml examples目录包含了一个包含使用Flink的简单的Demo 我们启动: 1./bin/start-cluster.sh 顺便一提关闭命令为： 1./bin/stop-cluster.sh 简单看一下进程 1ps aux | grep flink 我们本地访问一下 1curl l...