自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(104)
  • 收藏
  • 关注

原创 ReactNative使用bottom-tabs搭一个简单的框架

基于react-navigation/bottom-tabs 等组件搭建的一个ReactNative 框架

2022-07-11 17:57:42 274

原创 Android检测模拟器

Android 应用检测设备是否为模拟器。

2022-07-06 15:44:41 1399 1

原创 Vue视频播放组件

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 2761

原创 Java分段加载视频接口

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

2021-08-04 16:01:20 620

原创 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 3731 1

原创 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 1479

原创 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 2252 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 2513

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

参考微信小程序支付官网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 478 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 2283 1

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

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

2020-01-02 14:40:01 749 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 1056 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 1651 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 2558 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 710

原创 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 8879

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

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

2019-02-01 17:22:33 610 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 638

原创 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 2276

原创 Vue 标签页组件

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

2019-01-20 12:39:49 1468

原创 Vue 数字输入框组件

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

2019-01-13 22:45:18 1099

原创 Android WebView加载 Vue 项目

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

2019-01-11 11:26:35 10447

原创 Vue 使用 slot(插槽) 分发内容

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

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

原创 Vue 组件通信

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

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

原创 Vue 购物车案例

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

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

原创 javascript仿电商App选择地址

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

2018-12-16 15:46:02 3498 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 8851 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 186 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 23995 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 654 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 646

原创 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 383

原创 Vue中跨域以及sessionId不一致问题解决方法

在使用Vue和SpringBoot做前后端分离项目时,会出现以下问题:前端直接请求数据会出现跨域访问限制的问题。 如果登录时还需要图片验证码验证,首先需要请求获取验证码的接口,然后将验证码存入session中并返回给前端,登录时拿用户输入的验证码和session中保存的验证码比较,这时会发现session中获取不到之前存入的验证码,这是sessionId改变导致的。1.后台数据请求部分处理...

2018-10-23 16:05:49 14189 13

原创 css样式常见问题

1.placeholder设置颜色::-webkit-input-placeholder{/*Webkit browsers*/    color:#CCC;    font-size:14px;}:-moz-placeholder{/*Mozilla Firefox 4 to 8*/   color:#CCC;   font-size:14px;}::moz-placeho...

2018-10-17 16:41:05 331

原创 Vue中使用localStorage存储数据

 通过下面这个案例来了解localStorage的基本使用方法。输入评论人、评论内容,点击发表评论,评论数据将保存到localStorage中,并刷新评论列表。1.先组织出一个最新评论数据对象 var comment = {id:Date.now(), user:this.user, content:this.content}2. 把得到的评论对象,保存到localStora...

2018-10-08 13:30:17 28214 3

原创 Vue 使用beforeEach实现登录状态检查

使用VueRouter的beforeEach钩子函数,可以实现导航跳转前检查登录状态的需求。1.在登录请求接口时返回用户的信息,比如 userInfo:{userId:'123', userName:'小明'},登录成功之后将userInfo存入store中。2.使用beforeEach实现登录状态检查vueRouter.beforeEach((to, from, next) =&g...

2018-10-04 22:49:52 6846 5

原创 Vue使用watch监听路由的变化

watch除了可以监听data中数据的变化,还可以监听路由的变化。 监听 $route.path属性 watch:{ '$route.path':function(newVal,oldVal){ //console.log(newVal+"---"+oldVal); if(newVal === '/login'){ consol...

2018-09-29 18:03:07 34127 1

原创 Vue使用watch监听指定数据的变化

 在Vue中,可以使用watch属性来监听data中某个属性值的变化。&lt;html&gt; &lt;head&gt; &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&gt; &lt;/head&gt;&lt;body&gt; &lt;div id='app

2018-09-29 16:53:55 9270 1

原创 Vue路由的基本使用

&lt;html&gt; &lt;head&gt; &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&gt; &lt;link rel="stylesheet" type="text/css" href="../css/bootstrap.css&q

2018-09-26 20:07:55 215

原创 Android WebView加载网页项目

1. AndroidManifest.xml文件添加网络访问权限&lt;uses-permission android:name="android.permission.INTERNET"/&gt;设置 WebView全屏显示,隐藏顶部导航栏。本例中MainActivity继承的是AppCompatActivity,所以可以如下设置隐藏。android:theme="@st...

2018-09-22 21:03:27 788

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除