- 博客(107)
- 收藏
- 关注
RSS订阅原创 ReactNative使用bottom-tabs搭一个简单的框架
基于react-navigation/bottom-tabs 等组件搭建的一个ReactNative 框架
2022-07-11 17:57:42
875
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
4755
原创 Java分段加载视频接口
android端，需要后台提供一个接口，播放服务器端 MP4格式的视频文件，文件小的话，直接用文件流一次性返回给客户端就行，但是视频文件太大就需要分段返回了，并且还需要客户端能够拖动进度条从任意时长位置播放。经过尝试，下面这种分段传输视频的方式可行。@RequestMapping(value = "/videoPlayer", method = RequestMethod.GET) public void player(HttpServletRequest request, HttpServle
2021-08-04 16:01:20
1394
原创 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
7436
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
2173
原创 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
3422
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
2742
原创 微信小程序之微信支付
参考微信小程序支付官网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
645
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
2918
1
原创 微信小程序常见样式问题
1.修改button默认样式微信小程序的 button 组件默认样式是可以用样式覆盖的方式修改。首先用元素查看器查看button 默认样式，发现 button默认样式类如下：首先在 button 的外层加个view组件<view class="row-u7"> <button open-type="share"> <i...
2020-01-02 14:40:01
1014
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
1185
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
2404
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
2807
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
811
原创 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
14098
原创 《ReactNative》之 react-navigation 重复跳转问题解决
在使用 react-navigation 跳转界面时，如果快速点击某个按钮跳转界面，会出现 界面连续跳转 2 次的情况。这里提供一种简单的解决方法：新建 common.js 文件，在其中编写一个公共的导航跳转的函数，控制让界面在 一定时间范围（这里是1秒）内只跳转一次，比如在1秒内点击多次时，跳转事件只执行一次。common.js代码var lastNavTime = "";e...
2019-02-01 17:22:33
848
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
704
原创 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
2361
原创 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
1632
原创 Vue 数字输入框组件
输入框只能输入数字，并且有两个快捷按钮，可以直接加1或减1。除此之外，还可以额设置初始值、最大值、最小值、步长，在数值改变时，触发一个自定义事件来通知父组件。 在父组件中使用<template> <div> <number-box v-model="value" :max="50" :min="0" :step="2">
2019-01-13 22:45:18
1360
原创 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
11011
原创 Vue 使用 slot（插槽） 分发内容
当需要让组件组合使用，混合父组件的内容与子组件的模板时，就会用到 slot，这个过程叫做内容分发（transclusion）。它有两个特点：组件不知道它的挂载点会有什么内容。挂载点的内容是由它的的父组件决定的。 组件很可能有它自己的模板。props传递数据、events触发事件和 slot 内容分发就构成了 Vue 组件的3个 API 来源，再复杂的组件也是由这3部分构成的。1.单个s...
2019-01-07 22:42:58
1599
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
314
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
437
1
原创 javascript仿电商App选择地址
最近开发中遇到让用户选择所在区域的功能，参考了下京东、小米商城等App，发现里面选择收货地址的功能实现的效果不错，并且与需求相符，于是尝试用js参照app实现了。效果图如下：注意：浏览器查看时选择手机模式。 源码如下：<!doctype html><html><head><meta charset="UTF-8">&l...
2018-12-16 15:46:02
5037
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
9459
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
247
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
24585
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
702
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
712
原创 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
482
原创 Vue中跨域以及sessionId不一致问题解决方法
在使用Vue和SpringBoot做前后端分离项目时，会出现以下问题：前端直接请求数据会出现跨域访问限制的问题。 如果登录时还需要图片验证码验证，首先需要请求获取验证码的接口，然后将验证码存入session中并返回给前端，登录时拿用户输入的验证码和session中保存的验证码比较，这时会发现session中获取不到之前存入的验证码，这是sessionId改变导致的。1.后台数据请求部分处理...
2018-10-23 16:05:49
14723
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
390
原创 Vue中使用localStorage存储数据
通过下面这个案例来了解localStorage的基本使用方法。输入评论人、评论内容，点击发表评论，评论数据将保存到localStorage中，并刷新评论列表。1.先组织出一个最新评论数据对象 var comment = {id:Date.now(), user:this.user, content:this.content}2. 把得到的评论对象，保存到localStora...
2018-10-08 13:30:17
29146
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
7155
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
35752
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人