Q10Viking's Blog

原创 SQL查询字段，并统计该字段在另外一张表出现的次数

查询一个字段，并且这个字段在另外一张表的出现的总次数 SELECT b2c_user_card.card_no, COUNT( b2c_charge_money.card_no) as alls FROM b2c_user_card LEFT JOIN b2c_charge_money ON b2c_user_card.card_no = b2c_charge_money.card_no WHERE b2c_user_card.card_no = 2455475608826567 stacko

原创 css使用table布局

用css来布局 <div class="table"> <div class="table-row"> <div class="table-cellone">标题</div> <div class="table-cell">选项1</div> </div> <div class="table-row"> <div class="table-cell"></d

原创 springboot restful 上传文件

bezkoder： spring-boot-file-upload spring document: MultipartFile 通过restful api的方式，通过postman来上传文件，如： 图片，视频等多媒体文件 核心 MultipartFile 多媒体文件的抽象表示 @RequestParam(“name”) 在controller层不封装成对象时直接使用 @ModelAttribute 在controller层封装成对象时使用 @RequestParam | MultipartFile @

原创 css justify-content

justify-content 能够帮助我们快速实现布局 w3school justify-content justify-content演示 css-tricks justify-content

原创 vue slot

组件html的placeholder 在注入的自组件中，通过slot能够访问父组件的数据 <base-icon name="users">{{ event.attendees.length }} attending</base-icon> default slot multi slot 需要使用name MediaBox.vue <template&gt...

原创 vue router

github real world vue router server-side rendering vue router 解决的是client-side 问题 Often the view we need to show has already been loaded into the browser, so we don’t need to reach out to the server f...

原创 vue组件-props 2

通过数组传递值 <template> <div> <el-checkbox-group v-model="tmpact" @change="appendActivity"> <el-checkbox label="COUPON">优惠券</el-checkbox> &...

原创 create vue cli project

vue cli create a vue project from the commind line 苹果电脑安装nodejs环境,Node js download install vue cli npm i -g @vue/cli 创建项目 vue create project-name 启动vue cli projectnpm run serve vue u...

原创 javascript Object 属性

属性合并 let a = {name: 'hello'} let b = {...a,age: 23} // {name: "hello", age: 23} 深拷贝 anathorObj = JSON.parse(JSON.stringfy(obj))

原创 css 内容溢出2 scroll

w3school overflow scroll height: 300px; overflow: scroll;

原创 vscode vue开发

快速生成 输入<vue> tab快速生成vue模板文件

原创 css display inline-flex

jsfiddle实验 .clearfix{ width: 40%; display: inline-flex; flex-direction: row; flex-wrap: wrap; margin-right: 20px; } li{ margin-right: 20px; }

原创 遍历Object属性

for loops let obj = {name: "Q10",email: "jj@gmail.com"} const content = [] for(let key in obj){ content.push(obj[key]) } console.log(content) // ["Q10", "jj@gmail.com"]

原创 Java Runtime类

谈谈Runtime类中的freeMemory,totalMemory,maxMemory几个方法

原创 2020-04-04哀悼色彩

向为对抗击新冠肺炎疫情斗争牺牲的烈士和逝世同胞表示深切的悼念。 京东 <html class="root61 o2_wide csstransitions cssanimations o2_webkit o2_chrome o2_latest o2_gray"> html.o2_gray { -webkit-filter: grayscale(100%); filte...

原创 小程序消息推送理论理解

消息推送 前端-》CSDN: 借助云开发实现小程序订阅消息和模板消息的推送功能 后台-》掘金：小程序订阅消息推送（含源码）java实现小程序推送，springboot实现微信消息推送 ...

原创 sql连接新生代

left join stackoverflow: what is the difference between inner join and outer join 极客学院-sql 连接

原创 Java时间-当你老了

根据Timestamp选择最新的时间 List<Timestamp> times = Arrays.<Timestamp>asList(orderTime,cardOrderTime,storeStoreTime,serviceTime); LocalDateTime res = null; for(Timestamp t: times) { if(t != nul...

原创 SQL查询更上一层楼

count distinct SQL 语句 SELECT count( DISTINCT `b2c_return_order`.`order_sn` ) FROM `b2c_return_order` WHERE ( `b2c_return_order`.`user_id` = 198 AND `b2c_return_order`.`refund_status` = 5 ) 对...

原创 css 内容溢出情况

text-overflow: ellipsis; overflow: hidden;

原创 java效率工具集合

工具集 org.apache.commons.lang3

原创 Mysql Lock wait timeout exceeded

问题 场景复原调试 在java代码中debug操作，进入到事务中，操作user表中关于userId=197的一行中任意一个字段然后循环或者时间Thread.sleep等待，此时这行就被锁住了。如果当前期间对这行的某个字段进行更新，则这个操作将会由于在事务中userId=197这行已经被锁定而进入阻塞等待状态，如果等待的时间超过数据库中设置的某个值则会报错。如果在阻塞是将内处于事务中的这行，已经将...

原创 sql语句拦截检查

拦截器 对不含 where 的 update 语句进行拦截 /** * SQL 监听器 * <p> * 对不含 where 的 update 语句进行拦截，防止批量误操作 */ public class QueryFilter extends SqlExcuteListener { private static final long serialVersionUID =...

原创 Java List

Initialization of an ArrayList in one line stackoverflow: Initialization of an ArrayList in one line 初始化一个带有默认值的list List<Integer> res = Collections.<Integer>singletonList(3); ...

原创 myVisio-firstwork

原创 Software Visio

软件visio visio正版

原创 css顶部固定

<div class="footer"> <div> <el-button type="primary" size="small" @click="handleToFooter(0)" >{{$t('pageSetUp.saveAndPublish')}}&...

原创 left join 重复

left join查询重复问题 user_score表 user_id score 3 100 4 20 user_tag表 user_id tag_id 3 1 3 2 正常的左连接查询,查询某个用户，比如id=3的积分，但是该用户必须有tag表数据。也就是说此时的左连接user_tag并不是为了取数据，而是做条件判断，从而从user_score中...

原创 elementui date picker

选择日期范围 在选择日期范围时，我们希望时分秒为指定自己想要的数值。 <el-date-picker v-model="datePickerVal" type="daterange" :range-separator="$t('membershipIntroduction.to')" :start-placeholder="$t('member...

原创 elementui-tooltip

tip多行换行 <el-table-column prop="totalScore" align="center" > <template slot="header"> 本次签到累计获得积分数 <el-tooltip effect="light" placement="top"> <div slot...

原创 elementui- table

宽度 单元格显示宽度用百分比

原创 java LocalDateTime

时间戳 当前时间戳： 2020-03-22 23:03:38 变成最这天最开始的时间戳2020-03-21 00:00:00 和最后的时间戳2020-03-21 23:59:59 public static void main(String[] args) { LocalDateTime now = LocalDateTime.now(); // 2020-03-2...

原创 vue 相关工具

vuescroll

原创 javascript property access

Array又不是Array array是一个object,property access访问后，typeof不再是array,而是object,但是仍然具有array的属性和方法。 var y = [] y[0]=true; y.name="can you see me"; y[10]=true; y['11'] = true y['twelve'] = true y.push(true) /...

原创 Java BigDecimal

null错误 在处理卡余额时，从数据库中查询出来的值需要转换为BigDecimal，但是发现查询的时候有会查询出Null的情况，导致错误 public static void main(String[] args) { // Integer money = 3; Integer money = null; BigDecimal mm = Bi...

原创 vue nextTick

公众号 CSDN

原创 javascript this key world understand

这个例子能更好的理解this代表的是运行时，动态代理的对象。 function ask(question) { console.log(this.teacher,question); } function otherClass() { let myContext = { teacher: "Suzy3" } ask.call(myContext,"why...

原创 时间选择器

yyyy-MM-dd hh:mm:ss 时间选择器，默认的默认时刻是00:00:00,同一天的查询情况就会出现2020-03-12 00:00:00至2020-03-12 00:00:00，而正确需求是： 2020-03-12 00:00:00至2020-03-12 23:59:59; codeopen: time-picker // 注意 HH表示的是24格式，具体看文档 value-forma...

原创 Condition

查询 查询手机号不能为空，不仅要处理null的情况还要处理，空字符串的情况，如果该字段，如mobile，只是处理null的情况，并不能达到效果，而是还需要检测空字符串的情况，在这里我们用长度来表示 Condition condition = DSL.noCondition(); if(hasMobile) { condition = condition.and(USER.MOBILE.isNot...

原创 Array's Method

filter // Array's filter const nums = [1,2,3,4,5,6,7]; let res = nums.filter(n => n>5); console.log(res); 参考Medium: Map, Filter and Reduce – Animated 过滤会员卡的选项的校验 let card = [ {score: 60...