- 博客(22)
- 资源 (2)
- 收藏
- 关注
原创 Vue3使用echart实现病虫害视图效果,包含图文标记点,双y轴刻度线, dataZoom,自定义tooltip,areaStyle,markArea,markLine等效果。
echarts图文标记点,双y轴刻度线, dataZoom,自定义tooltip,areaStyle,markArea,markLine等效果
2022-08-23 10:30:45 720
原创 Vue 封装el-upload通用组件, 实现pdf、img混排,支持预览
使用vue-pdf加载pdf文件 npm install --save vue-pdf el-upload设置上传文件格式,自定义排版,通过过slot实现 <el-upload ref="elUpload" :action="baseUrl" list-type="picture-card" :limit="limit" :class="{ hide: disabled }" .
2022-02-17 10:25:54 4362 11
原创 Flutter 单例封装web_socket_channel长连接,结合 event_bus 实现页面交互。
app 需要实现长连接功能,方便实时接单和接受一些通知之类的消息。 dependencies: web_socket_channel: ^2.1.0 通过eventbus 发送通知与页面交互。 dependencies: event_bus: ^2.0.0 socket 单例封装 import 'dart:async';import 'package:pinmancheapp/network/url_path.dart';import 'package:pinmanch
2022-02-15 10:53:11 6450 2
原创 Vue 解析apk 实现版本升级功能
之前app配置更新很繁琐,需要先把apk文件上传到云端,然后在数据库里面修改各种信息。为了解决这一点,做了一个版本升级管理。使用app-info-parser 解析apk文件信息。 npm install app-info-parser# or yarnyarn add app-info-parser el-upload 拖拽 选择文件,获取文件信息 <el-upload style="align-self: center" ...
2021-12-08 15:50:19 1679
原创 Flutter 高德定位 permission_handler + amap_flutter_location 单例封装
最近Flutter开发需要用到定位,使用高德定位(amap_flutter_location)。 在pubspec.yaml文件配置 dependencies: amap_flutter_location: ^2.0.0 Android、Ios 申请高德地图key(这里不做多说,按照高德官方配置就行)集成高德定位Flutter插件-定位Flutter插件-开发指南-Flutter插件 | 高德地图API 注意点,Android 还需要在 build.gradl...
2021-10-16 10:15:00 1076 5
原创 Flutter 相机、相册、压缩、上传(image_picker + flutter_image_compress + dio)
Flutter开发需要做一个图片上传功能(image_picker)。 showPicker() { FocusScope.of(context).requestFocus(FocusNode()); //底部弹出 showModalBottomSheet( context: context, builder: (BuildContext con) => Container( height: 160, ..
2021-10-15 16:22:44 2820
原创 Flutter 使用permission_handler 申请权限
最近Flutter项目中需要使用到高德定位,需要申请定位权限,在这里使用到了permission_handler 。遇到了一些问题记录一下(以定位权限为例)。获取插件 在 pubspec.yaml文件配置 dependencies: permission_handler: ^8.2.5 permission_handler | Flutter Package 配置权限信息 在Info.plist 文件配置 <key>NSLocationAlwaysAndWhenInU..
2021-10-15 14:30:06 4535
原创 Flutter 实现 仿Android原生启动模式SingleTask
最近做Flutter开发,想实现类似于Android原生SingTask (栈内存在该activity的实例,会将该实例上边的activity全部出栈,将该实例置于栈顶)功能。 需要设置SingTask的页面 ///这里是将OldTellPage 设置为SingTaskNavigator.push(context, MaterialPageRoute( settings: RouteSettings(name: OldTellPage.TAG), bu
2021-09-09 10:20:22 975
原创 Flutter 自定义steps(横向步骤条,纵向步骤条)
近期做flutter开发,实现一个自定义进度条功能 直接上代码 import 'package:flutter/material.dart';import 'package:flutter_screenutil/flutter_screenutil.dart';import 'package:pinmancheapp/utils/colors.dart';import 'package:pinmancheapp/utils/constant_utils.dart';/// @Author:
2021-08-31 15:07:31 2094 1
原创 微信小程序 requestSubscribeMessage requestSubscribeMessage is not a function
最近小程序开发需要实现订阅消息功能。一切按照小程序官方api操作。一切都很顺利,测试的时候发现其中一个同事的手机出现requestSubscribeMessage is not a function 异常。而且只有这一个手机有问题。找了很久问题。最后发下是同事的微信版本没有升级(微信版本7.0.3,最新版本7.0.8)导致。但是微信版本过低也不能报错。下面是适配微信版本的方法; ...
2019-11-19 17:39:42 4085
原创 Vue table表单滑动固定头部和左列
之前一直想实现一种table表单滑动固定头部和左列的效果,这两天改bug抽时间就做了一个,先看效果。顶部固定左侧固定这里主要用到左右两个table标签,每一个table都由thead和tbody组成;固定thead,设置tbody滑动。 <div class="container"> <div class="left-div" @mouse...
2019-09-30 10:04:38 2610 2
原创 css 实现带文字,阴影效果的棱形
今天开发VUE项目,要实现一个UI效果。感觉效果挺好,记录一下。先看效果图先说下实现思路刚看到这个布局的时候,感觉用个p 标签旋转45deg应该就能实现,但是旋转之后文字也跟着旋转了。这个问题不能够接受;然后就改为div嵌套一个span和p标签,p标签是棱形,span标签是里面的输入,设置绝对定位,然后居中完美实现。然后是设置阴影部分,本来想阴阳部分也用一个标签实现的,后来发现css3中的...
2019-09-09 18:55:26 964
原创 VUE 开发一套自己的时间轴
最近做VUE开发,要实现时间轴功能,先看效果图这个空间的主要功能点是蓝色竖线的距离和竖线要随着文字的增多而自动变长,实现思路是竖线为右侧的border-left 第一个原点为实心,这里循环的时候判断下即可。 下面附上布局 <div v-for="(item,index) in items" :key="item.id"> <span :cla...
2019-06-13 17:57:58 7565 4
原创 微信小程序 input 只能输入小数,小数点以及加减号
最近做小程序开发,需求是input输入框只能输入小数,小数点以及加减号小程序官方文档 input 软件盘有四种模式。但都不能满足需求。最后只能在 type =‘text’的基础上通过正则判断并删除不合法的输入内容。直接上代码 var replaceArray = []; for (let i = 0; i < value.length; ++i) {//正则判断是...
2019-01-24 19:55:40 7764
原创 微信小程序 微信支付
近期开发微信小程序,有支付功能。这里主要讲下微信支付的流程微信登录获取code (code 5分钟内有效) wx.login({ success(res) { if (res.code) { // 发起网络请求 wx.request({ url: 'https://test.com/onLogin', data: ...
2018-12-29 11:27:52 231
原创 微信小程序 自定义组件 数据传递 交互
微信小程序 数据交互关于怎么定义组件这里就不说了,这里主要介绍数据见交互,以及方法互调。 自定义属性 properties: { nbaName: String, }, 自定义方法 methods: { onLoad() { } } 引入自定义组件 <!-- 引用组件的页面模版 --&g...
2018-12-28 19:19:34 1991
原创 通过建造者模式简单封装BaseDialog
最近开发项目,遇到的自定义弹框挺多的。简单封装下,直接调用即可。代码非常简单,可自己拓展。 /** * author: tzh * date: 2018/12/5 * describe:封装baseDialog 直接调用即可 */public class MyBaseDialog extends Dialog { private BaseDialogBuilder ...
2018-12-06 15:19:05 413
原创 android studio 上传代码到git
android studio 上传代码到git1. 需要先创建本地git仓库,这一步字体颜色会变红。 2.添加到仓库,这一步字体颜色会变绿色 3.提交代码 4.上传5.这里需要填写你项目的远程地址6.提交成功,在oschina 上已显示 7.注意。在开源中国上创建项目的时候,这个选项默认是勾选的。不要勾选。要不然上传代码会被拒绝
2017-04-25 16:12:56 265
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人