北海之灵-优快云博客

Vue视频播放组件，目前用过的感觉最好用的是vue-video-player组件，用起来也非常方便。页面效果如下安装npminstallvue-video-player--save导入import'video.js/dist/video-js.css'import{videoPlayer}from'vue-video-player'使用<template> <div class="box"> <video...

2021-09-24 16:09:24 4874

原创 Java分段加载视频接口

android端，需要后台提供一个接口，播放服务器端 MP4格式的视频文件，文件小的话，直接用文件流一次性返回给客户端就行，但是视频文件太大就需要分段返回了，并且还需要客户端能够拖动进度条从任意时长位置播放。经过尝试，下面这种分段传输视频的方式可行。@RequestMapping(value = "/videoPlayer", method = RequestMethod.GET) public void player(HttpServletRequest request, HttpServle

2021-08-04 16:01:20 1693

原创 PC端微信扫码关注公众号并登录

碰到这样一个需求，PC端生成公众号二维码，用户用手机微信扫描，如果用户未关注公众号，则关注公众号后自动登录，如果用户已经关注过公众号，则直接登录。前端Vue，后端Java实现分3步来完成：1.生成带参数的临时二维码https://developers.weixin.qq.com/doc/offiaccount/Account_Management/Generating_a_Parametric_QR_Code.html2. 公众号后台服务监听扫码事件并获取用户信息https...

2021-04-20 18:16:41 8651 2

原创 Vue拖拽调整元素顺序

Vue中通过拖拽来调整元素的顺序，开发中碰到这个需求，网上找了找资料，写个例子记录下。<!DOCTYPE HTML><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <style> [v-cloak]{ display: none; } .box1{

2021-03-11 10:34:17 2358

原创 json字符串数组转 ArrayList

将json字符串数组如[{name: '张三',age: 19}, {name: '李四',age: 28}]转成 java ArrayList[{name=张三, age=19}, {name=李四, age=28}]import java.util.ArrayList;import java.util.HashMap;import java.util.Iterator;import java.util.List;import java.util.Map;impor...

2020-07-29 16:28:32 3659 1

原创《ReactNative》app调用小程序的分享

用ReactNative开发的应用，如果在应用内部，想调用小程序的分享功能，也是可以的。首先你得有一个正式发布的微信小程序。1.app和小程序关联app调用小程序的分享功能，需要在微信开放平台（https://open.weixin.qq.com/），将 App 和小程序关联起来2. 使用 react-native-wechat-lib 库react-native-wech...

2020-02-20 18:32:13 2886

原创微信小程序之微信支付

参考微信小程序支付官网https://pay.weixin.qq.com/wiki/doc/api/wxa/wxa_api.php?chapter=7_3&index=1后台用 Java 来实现我用的是wxpay-sdk这个库，这个库封装了微信统一下单接口、签名等方法，使用起来非常方便。1. 在 mavne配置文件中添加以下依赖。 <dependency&...

2020-01-19 11:37:23 723 1

原创《ReactNatve》使用react-native-fs下载文件

1.安装react-native-fs注意版本，npm上是这样描述的。For RN < 0.57 and/or Gradle < 3 you MUST install react-native-fs at version @2.11.17!For RN >= 0.57 and/or Gradle >= 3 you MUST install react-nati...

2020-01-02 15:05:43 3321 1

原创微信小程序常见样式问题

1.修改button默认样式微信小程序的 button 组件默认样式是可以用样式覆盖的方式修改。首先用元素查看器查看button 默认样式，发现 button默认样式类如下：首先在 button 的外层加个view组件<view class="row-u7"> <button open-type="share"> <i...

2020-01-02 14:40:01 1108 3

原创 Vue项目配置 rem适配

1.编写rem 适配文件 remConfig.jsexport default function() { // var devicePixelRatio = 1; // var scale = 1 / devicePixelRatio; // document.querySelector('meta[name="viewport"]').setAttribute('content...

2019-10-23 09:51:29 1239 1

原创《ReactNative》扫描二维码以及识别相册二维码

用react-native-camera 库可以实现用相机扫描二维码的功能用react-native-image-crop-picker库选取相册二维码图片用react-native-local-barcode-recognizer解析二维码图片如果只需要扫描二维码，不需要识别相册中的二维码图片，只安装react-native-camera库就好installnpm inst...

2019-10-12 16:16:13 2670 1

原创《ReactNative》相对路径别名插件

ReactNative中引入自定义组件通常采用 '../../../xxx'的形式，使用babel-plugin-root-import 插件，可以达到如下效果使用前import List from '../../../components/list使用后import '~/components/list或者import '@/components/listnpm ...

2019-07-29 11:27:58 2913 4

原创 Android 9.0 http请求问题

Android 9.0默认不支持 http请求解决办法1.App使用 https2.targetSdkVersion 降到27以下3.配置允许 http 请求在 res 下新增一个 xml 目录，然后创建一个名为：network_security_config.xml 文件（名字自定），内容如下<?xml version="1.0" encoding="utf-8...

2019-07-14 11:10:55 862

原创 Can not read response from server. Expected to read 4 bytes, read 0

JavaWeb项目 Mysql报错如下：Caused by: java.io.EOFException: Can not read response from server. Expected to read 4 bytes, read 0 bytes before connection was unexpectedly lost.连接池参数配置的问题。项目中增加连接池参数后重启项目...

2019-04-02 09:05:46 14533

原创《ReactNative》之 react-navigation 重复跳转问题解决

在使用 react-navigation 跳转界面时，如果快速点击某个按钮跳转界面，会出现界面连续跳转 2 次的情况。这里提供一种简单的解决方法：新建 common.js 文件，在其中编写一个公共的导航跳转的函数，控制让界面在一定时间范围（这里是1秒）内只跳转一次，比如在1秒内点击多次时，跳转事件只执行一次。common.js代码var lastNavTime = "";e...

2019-02-01 17:22:33 991 1

原创 Oracle 常见操作

1.查数据库版本select * from v$version;2.查看外键约束select * from user_constraints where constraint_type='R'3.序列（1）创建序列create sequence emp_seq start with 100 //起始为100 increment by...

2019-01-24 15:40:15 733

原创 Vue项目使用webpack打包发布到服务器

vue开发的项目，使用webpack打包命令 npm run build 打包之后，部署到Tomcat启动之后出现部分图片不显示或其它问题，需要做如下修改。1.修改config/index.js build 节点的 assetsPublicPath属性由 '/' 改为 './' 修改 build/utils.js 文件generateLoaders函数中添加 publ...

2019-01-24 15:09:35 2411

原创 Vue 标签页组件

效果： index.html<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>标签页组件</title> <style> [v-cloa

2019-01-20 12:39:49 1700

原创 Vue 数字输入框组件

输入框只能输入数字，并且有两个快捷按钮，可以直接加1或减1。除此之外，还可以额设置初始值、最大值、最小值、步长，在数值改变时，触发一个自定义事件来通知父组件。在父组件中使用<template> <div> <number-box v-model="value" :max="50" :min="0" :step="2">

2019-01-13 22:45:18 1548

原创 Android WebView加载 Vue 项目

1.允许 vue端使用 localStorage存储需要在 android webview 中作如下设置 myWebView.loadUrl("http://10.18.31.12:8081/?areaCode=620000&areaName=甘肃省"); //localStorage 允许存储 myWebView....

2019-01-11 11:26:35 11167

原创 Vue 使用 slot（插槽）分发内容

当需要让组件组合使用，混合父组件的内容与子组件的模板时，就会用到 slot，这个过程叫做内容分发（transclusion）。它有两个特点：组件不知道它的挂载点会有什么内容。挂载点的内容是由它的的父组件决定的。组件很可能有它自己的模板。props传递数据、events触发事件和 slot 内容分发就构成了 Vue 组件的3个 API 来源，再复杂的组件也是由这3部分构成的。1.单个s...

2019-01-07 22:42:58 1783 1

原创 Vue 组件通信

1.自定义事件-$emit子组件用 $emit() 来触发事件，父组件用 $on() 来监听子组件的事件。<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> </head> <body>

2019-01-06 21:02:28 438 1

原创 Vue 购物车案例

效果如下：代码：<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>购物车示例</title> <style type="text/css"> table{ border:1px

2019-01-01 19:37:38 496 1

原创 javascript仿电商App选择地址

最近开发中遇到让用户选择所在区域的功能，参考了下京东、小米商城等App，发现里面选择收货地址的功能实现的效果不错，并且与需求相符，于是尝试用js参照app实现了。效果图如下：注意：浏览器查看时选择手机模式。源码如下：<!doctype html><html><head><meta charset="UTF-8">&l...

2018-12-16 15:46:02 5753 3

原创《ReactNative》之使用react-native-picker组件选择日期

最近在开发中需要做个选择日期的功能，发现react-native-picker这个组件不错，选择的内容可自定义，可选择日期、时间、城市等，功能强大，因此写了个Demo记录一下。github地址为：https://github.com/beefe/react-native-pickerstep 1：installnpm install react-native-picker --sav...

2018-12-15 21:54:03 9646 5

原创 mysql常见问题

1.包含空值的排序问题按照表中某一字段排序，若该字段可能存在空值，升序排列时空值排在最前面，降序排列是空值排在最后面。升序排列时如果想让空值排在最后面，可以 order by field1 is null,field1 asc 这么写。例如有个user表，按照 seq字段排序。select * from user order by seq is null,seq asc;这样就...

2018-11-16 15:59:36 296 1

原创 Linux下nginx的安装与配置

1.安装gcc安装redis需要先将官方下载的源码进行编译，编译依赖gcc环境，如果没有gcc环境，则需要安装。查看gcc版本gcc -v如果未安装gcc，提示gcc 命令未找到，则需安装gcc。执行以下命令来完成gcc安装。yum -y install gcc2.pcre、pcre-devel安装pcre（Perl Compatible Regular Express...

2018-11-07 15:49:15 24783 2

原创 Linux下Redis的安装与配置

搭建Web集群环境，通常使用nginx+redis的方式。nginx实现请求的分发，也就是所谓的负载均衡；redis实现session共享，请求在多台服务器之间切换时，保证session的一致性。1.获取redisredis各版本的下载地址为 http://download.redis.io/releases/，根据需求下载对应版本即可。这里以4.0.2版本为例。2.安装gcc...

2018-11-06 17:25:05 747 1

原创 Linux卸载自带的openJdk

先查看openJdk，输入以下命令rpm -qa | grep java显示如下信息：java-1.4.2-gcj-compat-1.4.2.0-40jpp.115java-1.6.0-openjdk-1.6.0.0-1.7.b09.el5卸载：rpm -e --nodeps java-1.4.2-gcj-compat-1.4.2.0-40jpp.115rpm -e -...

2018-10-27 22:04:20 764

原创 Vue devtools的安装

1.下载devtools源码首先在github下载devtools源码，地址为https://github.com/vuejs/vue-devtools2.下载安装依赖下载完成后解压，命令行进入vue-devtools-master目录执行npm install, 下载依赖，然后执行npm run build，编译源程序编译完成后，目录结构如下...

2018-10-24 17:45:04 528

空空如也

空空如也