2020年05月_gunsmoke

原创不同维度的数据统计

需求建表语句CREATE TABLE CourseMaster(course_id INTEGER PRIMARY KEY, course_name VARCHAR(32) NOT NULL);INSERT INTO CourseMaster VALUES(1, '会计入门');INSERT INTO CourseMaster VALUES(2, '财务知识');INSERT INTO CourseMaster VALUES(3, '簿记考试');INSERT INTO Course

2020-05-28 22:23:41 1842

原创 js中统计数组中元素出现的个数

// 返回数组中每个元素出现的次数// 参数是任意数组,reduce的第2个参数要传一个空对象,这个空对象就是返回的个数的对象var getNumCount = function(array) { return array.reduce((total,currentVal) => { if(currentVal in total) { total[currentVal]++; } else

2020-05-26 11:59:54 3687

原创用CountDownLatch模拟学生入校操作

想象场景学校开门了学生才能入校，当全部10名学生都入校后打印入校完毕，程序退出package study;import java.util.concurrent.CountDownLatch;import java.util.concurrent.TimeUnit;public class Test { public static class myThread extends Thread { int sleepSeconds; CountDownLatch doorOpen; //

2020-05-26 10:29:03 145

原创 CountDownLatch的简单使用

个人理解就是当指定数量的线程全部执行完毕后再进行下一步动作package study;import java.util.concurrent.CountDownLatch;import java.util.concurrent.TimeUnit;public class Test { public static class myThread extends Thread { int sleepSeconds; CountDownLatch countDownLatch; publi

2020-05-26 09:51:43 106

原创统计多线程程序的耗时

package study;import java.util.concurrent.TimeUnit;public class Test { public static class myThread extends Thread { int sleepSeconds; public myThread(String name,int seconds) { this.setName(name); this.sleepSeconds = seconds; } @Overrid

2020-05-26 09:24:22 1530

原创在update语句中使用条件语句

需求解法update salaries set salary = CASE WHEN salary >= 300000 THEN salary * 0.9 WHEN salary >250000 and salary < 280000 then salary * 1.2 ELSE salary END

2020-05-25 22:03:02 1718

原创一些项目中用到的正则表达式(持续更新)

//护照校验正则var reg = /(^[EeKkGgDdSsPpHh]\d{8}$)|(^(([Ee][a-fA-F])|([DdSsPp][Ee])|([Kk][Jj])|([Mm][Aa])|(1[45]))\d{7}$)/;//营业执照校验正则var reg = /(^(?:(?![IOZSV])[\dA-Z]){2}\d{6}(?:(?![IOZSV])[\dA-Z]){10}$)|(^\d{15}$)/;//手机号校验正则var reg = /^1[35789]\d{9}$/;

2020-05-25 16:55:14 295

原创校验身份证号的js方法

const checkUtil = { //身份证校验 creditNoCheck: function(code){ //身份证号合法性验证 //支持15位和18位身份证号 //支持地址编码、出生日期、校验位验证 var city={11:"北京",12:"天津",13:"河北",14:"山西",15:"内蒙古",21:"辽宁",22:"吉林",23:"黑龙江 ",31:"上海",32:"江苏",33:"浙江",34:"安徽",35:"福建",36:"江西",37:"山东",

2020-05-25 16:53:44 411

原创随机生成指定位数的数值或字符串

java版本import java.util.Random;//产生随机四位数字验证码public class GenerateValidCode { public static String getValidCode() { String str="0123456789"; StringBuilder sb=new StringBuilder(4); for(int i=0;i<4;i++) { char ch=str.charAt(new Random(

2020-05-25 16:46:38 576

原创 vue中watch的简单使用

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> <div id="a

2020-05-25 14:29:28 84

原创 Semaphore的简单使用

package study;import java.util.concurrent.Semaphore;public class Test2 { static Semaphore semaphore = new Semaphore(2,true); public static void main(String[] args) throws InterruptedException { for(int index = 0; index < 10; index++) { new Th

2020-05-25 11:26:50 136

原创让线程等待和唤醒的3种方式

使用Objectpackage study;public class Test { public static void main(String[] args) throws InterruptedException { Object lock = new Object(); Thread t1 = new Thread(() -> { System.out.println("进入线程t1"); synchronized (lock) { System.out.pr

2020-05-25 10:27:06 1272

原创用一条SQL语句进行不同条件的查询

需求建表语句CREATE TABLE PopTbl2(pref_name VARCHAR(32), sex CHAR(1) NOT NULL, population INTEGER NOT NULL, PRIMARY KEY(pref_name, sex));INSERT INTO PopTbl2 VALUES('德岛', '1', 60 );INSERT INTO PopTbl2 VALUES('德岛', '2', 40 );INSERT INTO PopTbl2 VALUES

2020-05-24 22:11:16 1871

原创将已有编号方式转化为新的方式并统计

需求建表语句/* 将已有编号方式转换为新的方式并统计 */CREATE TABLE PopTbl(pref_name VARCHAR(32) PRIMARY KEY, population INTEGER NOT NULL);INSERT INTO PopTbl VALUES('德岛', 100);INSERT INTO PopTbl VALUES('香川', 200);INSERT INTO PopTbl VALUES('爱媛', 150);INSERT INTO PopTbl VA

2020-05-24 21:05:39 177

原创 vue路由守卫的写法

router.js(全局守卫)import Vue from 'vue'import VueRouter from 'vue-router'import Home from '../views/Home.vue'import child from '../components/child.vue'import child1 from '../components/child1.vue'Vue.use(VueRouter) const routes = [ // { // pa

2020-05-23 20:53:06 1990 1

原创 vue动态路由的写法

main.vue<template> <div> <ul> <li @click="toChild('gunsmoke')">click me to go to child</li> </ul> <router-view></router-view> </div></template><s

2020-05-23 13:48:57 574

原创路由声明式导航

main.vue<template> <div> <router-link to="/child" tag="li" activeClass="act">child</router-link> <router-link to="/child1" tag="li" activeClass="act">child1</router-link> <router-view>&

2020-05-21 20:35:11 168

原创多组件互相引用

main.vue<template> <div> <child> <button @click="hello()">click me</button> </child> </div></template><script> import child from './components/child' expo

2020-05-20 10:10:36 255

原创 vue单文件模板

<template> <div> <input type="text" v-model="text"> <button @click="addList()">add</button> <ul> <li v-for="data in dataList">{{data}}</li> </ul> <

2020-05-20 09:14:53 171

原创 vue中自定义过滤器

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>vue</title> <script src="../vue.js"></script></head><body> <div id="main"> {{msg | upper}}

2020-05-19 12:54:00 121

原创 vue中自定义指令

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>vue</title> <script src="../vue.js"></script> <style> </style></head><body> <div id

2020-05-19 08:28:59 131

原创 vue中的slot初体验

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>vue</title> <script src="../vue.js"></script> <style> </style></head><body> <div id

2020-05-18 20:39:00 90

原创利用消息总线实现非父子组件的通信

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>vue</title> <script src="../vue.js"></script></head><body><div id="main"> <send></send>

2020-05-18 11:23:57 91

原创父组件利用ref控制子组件

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>vue</title> <script src="../vue.js"></script></head><body><div id="main"> <child ref="childref"&gt

2020-05-18 10:35:00 394

原创组件传值之子传父

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>vue</title> <script src="../vue.js"></script></head><body><div id="main"> <!--这里要么写成parent,要么写成par

2020-05-18 09:49:18 105

原创组件传值之父传子

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>vue</title> <script src="../vue.js"></script></head><body><div id="main"> <mycomponent msg="gunsmo

2020-05-17 22:02:36 75

原创第一个vue组件

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>vue</title> <script src="../vue.js"></script></head><body><div id="main"> <mybar></mybar&gt

2020-05-16 21:29:31 71

原创利用计算属性改写todolist示例程序

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>vue</title> <script src="../vue.js"></script></head><body><div id="main"> <input type="text" v-mod

2020-05-16 20:42:14 124

原创计算属性

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>vue</title> <script src="../vue.js"></script></head><body> <div id="main"> <!--下面把逻辑写在模板中看上

2020-05-16 16:00:42 97

原创用fetch模拟请求

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>vue</title> <script src="../vue.js"></script></head><body> <div id="main"> <button @click="

2020-05-13 22:07:01 254

原创表单修饰符

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>vue</title> <script src="../vue.js"></script></head><body> <div id="main"> <!--懒加载,这样就不是实时的

2020-05-13 21:23:28 139

原创双向数据绑定实现简单列表计算

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>vue</title> <script src="../vue.js"></script></head><body> <div id="main"> <ul>

2020-05-13 20:56:35 116

原创表单中单选与多选按钮的双向数据绑定

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>vue</title> <script src="../vue.js"></script></head><body> <div id="main"> <div>

2020-05-12 22:12:23 543

原创按键修饰符

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>vue</title> <script src="../vue.js"></script></head><body> <div id="main"> <!--这里的enter可以替换

2020-05-12 21:49:45 181

原创事件修饰符

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>vue</title> <script src="../vue.js"></script></head><body> <div id="main"> <!--这里用<ul @c

2020-05-12 18:34:48 115

原创 todolist示例程序实现模糊查询功能

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>vue</title> <script src="../vue.js"></script></head><body> <div id="main"> <input type="tex

2020-05-11 21:06:59 190

原创动态改变列表元素

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>vue</title> <script src="../vue.js"></script></head><body> <div id="main"> <ul>

2020-05-11 18:56:30 94

原创列表渲染

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>vue</title> <script src="../vue.js"></script></head><body> <div id="main"> <ul>

2020-05-11 17:09:12 81

原创条件渲染

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>vue</title> <script src="../vue.js"></script></head><body> <div id="main">

2020-05-11 16:58:13 150

原创动态修改class

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>vue</title> <script src="../vue.js"></script></head><body> <div id="main"> <div :class="myC

2020-05-10 21:55:32 415

springboot-web.rar

空空如也