2021年06月_richest_qi

12月 11月 10月 09月 08月 07月 06月 05月 04月 03月 02月 01月

原创使用微信小程序的map组件

简单示例拾取目标地点的经纬度到腾讯位置服务网站上获取北京石景山区万达广场云海肴的经纬度。目标地址的纬度(latitude)为39.905791，经度(longitude)为116.225669。使用map组件<map latitude="39.905791" longitude="116.225669" ></map>调用微信内置地图和定位首先，获得用户授权，只有用户同意授权，后面才可

2021-06-30 22:12:09 966

原创微信小程序的wxs模块

<wxs module="formatTime"> module.exports = function(timestamp){ var date = getDate(timestamp); var y = date.getFullYear(); var m = date.getMonth()+1; var d = date.getDate(); var h = date.getHours(); var m = date.getMinutes()

2021-06-30 21:00:00 480

原创再识Ioc

新建Java Project新建lib目录，并放入如下jar包spring不同版本的核心包下载，可以到这里去。spring-aop-4.1.6.RELEASE.jarspring-aspects-4.1.6.RELEASE.jarspring-beans-4.1.6.RELEASE.jarspring-context-4.1.6.RELEASE.jarspring-context-support-4.1.6.RELEASE.jarspring-core-4.1.6.RELEASE.jar.

2021-06-30 14:47:17 120

转载 Spring核心包下载地址

Spring核心包下载地址：https://repo.spring.io/libs-release-local/org/

2021-06-29 16:41:56 159

原创解决 cannot redeclare block-scoped variable 问题

cannot redeclare block-scoped variable依照5分钟上手TypeScript，全局安装typescript，新建.ts文件main.ts，编译main.ts，得到main.js。//main.tstype IdDisplay = { id:string, display:string}const list:IdDisplay[] = [ { id:"foo", display:"共和国勋章" },

2021-06-29 14:30:41 23354

原创使用微信小程序的video组件

先来个简单的，<video src="https://ugcbsy.qq.com/uwMROfz2r5xiIaQXGdGlQmdfJ7yHzHEsPXDor1Y5RH80k33k/v1413ivib4x.p712.1.mp4?sdtfrom=v1010&guid=9d9aa4fafb2dc32699076eb845f8fad8&vkey=7DFEE07A98C927034264801C10141717266BE5A521E3DC3491

2021-06-28 22:31:06 11292 1

原创使用Vue CLI快速创建vue-router应用

全局安装Vue CLInpm install -g @vue/cli快速创建基于vue-router的应用得到如下目录，改造项目main.js，不做修改import { createApp } from 'vue'import App from './App.vue'import router from './router'createApp(App).use(router).mount('#app')app.vue，添加针对Test页面的路由<template

2021-06-28 10:29:29 312

原创了解SQL

文章目录了解数据库和表show databasesuse databasenameshow tablesshow columns from tablenamedescribe tablename创建表和操纵表create tableauto_incrementdefault指定默认值引擎类型drop table了解数据库和表show databases如果不知道数据库名时怎么办？show databases;会返回可用数据库的一个列表。use databasename最初连接MySQL时，没有任

2021-06-24 21:25:51 223

原创 swiper实现图片轮播

<swiper autoplay vertical circular indicator-dots indicator-color="#fff" indicator-active-color="#888" interval="3500" duration="1000"> <swiper-item wx:for="{{imgUrls}}" wx:k="*this"> <image src="{{item

2021-06-22 21:36:42 506

原创电子书管理功能优化

添加查询功能第一种方式<template> <a-layout> <a-layout-content :style="{ background: '#fff', padding: '24px', margin: 0, minHeight: '280px' }" > <p> <a-space> <a-input v-model:value="searchSt

2021-06-22 15:14:25 133

原创使用ant-design-vue的Form表单

文章目录使用脚手架新建项目安装并导入ant-design-vue，使用Form组件修改main.ts修改App.vue修改Hello.vue启动应用，测试验证使用脚手架新建项目vue create antd-demo所以，我们得到了这么一个项目，如下，安装并导入ant-design-vue，使用Form组件npm install --save ant-design-vue@next修改main.tsimport { createApp } from 'vue';import App

2021-06-22 14:55:38 2288 1

原创解决小程序中本地资源图片无法通过wxss获取的问题

小程序之本地资源图片无法通过wxss获取

2021-06-21 23:08:29 187529 5

原创集成validation做参数校验

文章目录集成spring-boot-starter-validation对保存接口和查询接口增加参数校验校验不通过时，前端弹出错误提示集成spring-boot-starter-validation在pom.xml中添加依赖，如下<dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-validation</artifact

2021-06-18 15:26:55 257

原创实现新增和删除电子书功能

实现新增电子书功能新增电子书时，需要生成全局唯一id，所以这里用到了雪花算法，关于雪花算法，更多可以访问这里。package com.jepcc.test.service;import com.github.pagehelper.PageHelper;import com.github.pagehelper.PageInfo;import com.jepcc.test.mapper.EbookMapper;import com.jepcc.test.model.Ebook;import co

2021-06-17 17:17:49 198

原创 BackgroundAudioManager实现背景音乐

文章目录搭建音频服务器小试一下参考文章本例中的背景音乐，在小程序切至后台时，如果音频处于播放状态，可以继续播放。在小程序全局配置app.json中，有一项属性：requiredBackgroundModes，用于声明需要后台运行的能力，比如requiredBackgroundModes:["audio","location"]，即需要后台播放音乐、需要后台定位。要实现背景音频，小程序提供了BackgroundAudioManager实例，该实例可以通过wx.getBackgroundAudioMan

2021-06-16 21:48:06 2129

原创使用ant-design-vue的button组件实现计数器

新建项目本例使用的是vue3。vue create demoCounter组件// Counter.vue<template> <div>{{count}}</div> <a-button type="primary" @click="add" class="btn">加</a-button> <a-button type="primary" @click="sub" class="btn">.

2021-06-16 16:47:32 1050

原创 ant-design-vue入门

文章目录Vue和Vue CLI创建项目项目结构集成ant-design-vue安装ant-design-vue使用ant-design-vueVue和Vue CLIVue CLI = Vue.js + 一堆插件创建项目全局安装Vue CLI：npm install -g @vue/cli查看Vue CLI版本：vue --version或vue -V安装Vue CLI时，最好添加版本号，如npm install -g @vue/cli@4.5.13创建一个项目：vue create

2021-06-16 14:55:20 2344

原创微信小程序实现一个小型计算器

app.js// app.jsApp({ onLaunch() { }, REGEXP:/^[\+\-×÷]$/})app.wxss/**app.wxss**/.container { height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: space-between; padding: 200rpx 0; box-siz.

2021-06-16 12:21:29 928

原创 InnerAudioContext实现音乐播放器

音乐播放器的功能是通过调用微信小程序的wx.createInnerAudioContext()接口获取对象ctx，然后利用ctx对象的属性和方法来实现音乐控制。本例会涉及到ctx对象的如下属性、方法，更多可以访问这里。src，音频资源的地址。值得注意的是，src目前仅支持根路径，不支持相对路径。如果使用相对路径，会导致音频无法播放，同类问题可参见这里。这也是为什么本例会基于express搭建一个小型服务器。volume，音量，范围0~1，默认是1。duration，当前音频的长度，单位是秒。c

2021-06-16 11:31:44 2021

原创 animation实现播放器效果

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Doc

2021-06-15 21:01:05 149

原创雪花算法生成全局唯一id

文章目录uuiduuid的组成基于时间的uuid编码规则uuiduuid（universally unique identifier，通用唯一标识符），其目的是让分布式系统中的所有元素，都有唯一标识。uuid的组成public class TestApplication { public static void main(String[] args){ UUID uuid = UUID.randomUUID(); String str = uuid.toStr

2021-06-15 17:18:00 869

原创 SimpleDateFormat的使用

使用SimpleDateFormat格式化日期public class TestApplication { public static void main(String[] args){ Date date = new Date(); SimpleDateFormat sdf = new SimpleDateFormat("yyyy-MM-dd HH:mm:ss"); System.out.println(sdf.format(date));

2021-06-11 13:19:14 234

原创关于animation-fill-mode的两个例子

下面是关于animation-fill-mode 的两个例子。第一个例子<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initi

2021-06-10 22:23:50 159

原创计算数学表达式的结果

function getLeftAndRight(express,i){ const REGEXP = /\d+(\.\d+)?/; const REGEXP2 = /[\+\-×÷]/; let front = express.slice(0,i); let back = express.slice(i+1); let temp = front.split(REGEXP2); let left = Number(temp[temp.length-1]); let r

2021-06-03 22:17:12 367

原创 pt | vw | vh

文章目录pt相对长度单位视口vwvh参考文章ptpoint，磅，是一个物理长度单位。1pt=172\frac{1}{72}721英寸；1px=1dpi\frac{1}{dpi}dpi1英寸，其中dpi，dot per inch，即每英寸的点数（每英寸的像素）。所以，1pt=72dpi\frac{72}{dpi}dpi72px。以Windows下的96dpi来换算的话，1pt=7296\frac{72}{96}9672px=34\frac{3}{4}43px，所以16pt=12px。相

2021-06-01 16:17:51 551