- 封装websocket，兼容uniapp及普通vue3应用
一个水货程序员
websocketuni-app网络协议
本文将实现websocket的封装,采用typescript+vue3实现，同时支持uniapp中使用。主要实现两个部分：websocket.core.ts，一个封装的websocket对象，用于处理websocket断线重连及生命周期钩子触发useWebsocket.ts，采用vuehook封装上述对象，将实例属性转换为响应式属性以供页面组件内使用websocket.core.tstypeTim
- uniapp 小程序 语音录制
你的眼睛會笑
uni-app小程序
uniapp小程序语音录制微信小程序管理平台添加同声编译微信公共平台登陆添加微信同声传译使用manifest.json"mp-weixin":{"appid":"xxxxxxxxxxxx","plugins":{"WechatSI":{"version":"0.3.6","provider":"xxxxxxxxxx"//插件的AppID，插件内有说明}},},直接使用上代码你说了-----{{ms
- uniapp 封装进度条组件
sunyin.liu
uniappiviewuni-app
一、素材准备（5张图片，第一张高亮图、第二张灰色、第二张高亮、第三张灰色、第四张高亮）免费给大家，本人自己设计的。链接：https://pan.baidu.com/s/18sz5ORSYuPbf_4fpureRMQ提取码：bpyj如果链接失效了，请在底下评论，看到会马上更新。二、写啥废话，直接代码上封装的组件代码1.先引入uview-ui,uniapp不懂引入uview-u组件的自行移步到官网。很
- uniapp uni-icons组件自定义图标
xcLeigh
uniapp技术点解析uni-app前端java
文章目录1️⃣uni-icons组件1.1引用位置1.2FontEditor简介1.2FontEditor使用结束语优质源码分享uni-app是一个使用Vue.js(opensnewwindow)开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序、快应用等多个平台。1️⃣uni-icons组件1.1引用位置1.2FontEditor简介Fo
- uniapp 可视化开发_dragUI 基于uni的可拖拽可视化编程web模板
weixin_39644021
uniapp可视化开发
更新记录1.0.1(2019-12-02)忘了搞colorUI的模板，会导致下载项目后找不到样式的问题。更新了README添加了演示视频1.0.0(2019-12-01)2019/12/1更新代码注释，说明查看更多dragUI文档目录hope用于UNI可拖拽可视化编程在线演示demo地址一个简单创建helloworld界面的视频,github不会放视频，放在bilibli了dragUI演示视频效果
- uniapp实现首行首列冻结效果
Ellen翔
uni-appjavascript前端
uniapp首行首列冻结时间{{colum}}{{time}}{{time}}--{{colum}}exportdefault{data(){constcolums=['A1','A2','A3','A4','A5','A6','A7','A8'];consttimes=['9:00','10:00','11:00','12:00','13:00','14:00','15:00','16:00',
- 微信小程序的请求函数封装（ts版本，uniapp开发）
星极天下第一
前端微信小程序小程序
主要封装函数代码：interfaceHttpOptions{url:string;method?:string;headers?:{[key:string]:string};data?:any;}classHttp{privatetimeout:number;privatebaseUrl:string;publicconstructor(){this.timeout=60*1000;this.ba
- 【最新】沃德协会管理系统源码+uniapp前端+环境教程
kaui52066
kaui52066精品源码uni-app小程序前端开源php生活
一.系统介绍一款基于FastAdmin+ThinkPHP+Uniapp开发的商协会系统，新一代数字化商协会运营管理系统，以“智慧化会员体系、智敏化内容运营、智能化活动构建”三大板块为基点，实施功能全场景覆盖，一站式解决商协会需求壁垒，有效快速建立自有数字化管理体系、提升组织管理效能、增强会员粘性、沟通连接市场，真正做到为构建有影响力的现代化智慧型组织赋能。二.测试环境系统环境：CentOS、运行环
- uniapp canvas生成海报 并保存到相册
weixin_54408935
记点自己挖的坑uni-app
用的插件这是地址https://ext.dcloud.net.cn/plugin?id=3276用的插件结果自己还踩了一堆坑哎首先引用组件的时候要让组件显示出来不能隐藏可以选择定位然后放置到底层，当然要记得给上面的层级加个背景颜色，免得插件显示出来了这是插件的调用和canvasImage是要渲染的数据//海报生成成功getImg(e)//生成失败fail(err)importlyzCanvasfr
- 保姆级教学 uniapp绘制二维码海报并保存至相册，真机正常展示图片二维码
前端（从入门到入土）
uni-app
一、获取二维码uni.request({url:`https://api.weixin.qq.com/wxa/getwxacode?access_token=${getStorage("token")}`,responseType:"arraybuffer",method:"POST",data:{path:"/pages/index/index"},success(res){//转换为Uint8
- h5 uniapp html2canvas生成海报,保存到本地功能实现；
js小白羊
uni-appjavascript前端
html2canvas生成海报,保存到本地功能实现1.在开发过程中我们将HTML2canvas封装成一个组件，通过prop传递ID参数2.组件的使用，伪代码不要直接复制uniapp语法3.h5保存生成后的图片到本地方法;1.在开发过程中我们将HTML2canvas封装成一个组件，通过prop传递ID参数在组件中，通过prop接收ID的，ID的变化来触发render.js里面的函数。html2can
- 沃德校园助手系统php+uniapp
狂团商城小师妹
博纳miui52086uni-app微信小程序微信公众平台
一款基于FastAdmin+ThinkPHP+Uniapp开发的为校园团队提供全套的技术系统及运营的方案（目前仅适配微信小程序），可以更好的帮助你打造自己的线上助手平台。成本低，见效快。各种场景都可以自主选择服务。更新日志V1.2.1小程序需要更新【新增】1.默认学校排序方式（距离和时间）2.自定义服务标题和排序3.超市外卖库存和限购功能4.订单分享功能【优化】1.下单时默认手机号可修改2.下单时
- uniapp跳转页面有几种方法？
豆豆（前端开发+ui设计）
uni-app前端
在UniApp中，页面跳转可以通过不同的方法实现：uni.navigateTo、uni.redirectTo、uni.reLaunch、uni.switchTab等。1.uni.navigateTo用途：保留当前页面，跳转到应用内的某个页面。但是不能跳到带有tabBar的页面。注意事项：使用uni.navigateTo跳转时，可以携带参数。但是需要注意，当使用uni.navigateBack返回时
- 【Uniapp】关于实现下拉刷新的三种方式
天下代码客
【Uniapp】笔记uni-app前端
在小程序、h5等地方中，常常会用到下拉刷新这个功能，今天来讲解实现这个功能的三种方式：全局下拉刷新，组件局部下拉刷新，嵌套组件下拉刷新。全局下拉刷新这个方式简单，性能佳，最推荐，以下为步骤：配置pages.json（在需要该功能的页面设置对应属性）{"pages":[{"path":"pages/index/index","style":{"enablePullDownRefresh":true,
- uniapp开发小程序实现-获取手机号码（二）
故里2130
包教会专栏uni-app小程序微信
一共3篇文章，共同描述，看序号进行寻找。真机效果图1.前提获取手机号码，一定要企业账号，不是企业账号会出现下面提示所以没有企业账号的，就可以不用看了，申请企业账号去官网申请就行了，申请成功了后，我们接着看。2.代码代码参考文章获取手机号|微信开放文档<
- 沃德代驾系统uniapp+php
博纳软云
博纳miui52086全行业源码sony52101uni-app微信小程序小程序微信
代驾软件的主要功能包括预约代驾、在线抢单、一键定位、在线支付、车主登记和代驾司机实名登记等。用户可以通过小程序预约代驾服务，系统会估算代驾价格并推送附近代驾司机供用户选择；司机接到订单后，会自动生成路线，方便快速找到车主；服务结束后，用户可以直接在线支付。用户端代驾端更新日志V1.0.0发布版本
- 微信小程序实现登录授权弹窗getUserProfile()
KristinKander
秋招准备前端微信小程序微信小程序
在uniapp和微信自带接口中，都有getUserProfile方法来实现，我们只需要在按钮上绑定一个自定义处理函数login，随后在login函数中调用getUserProfile()方法一键登录login(){uni.<
- uniapp H5 发布在哪里配置
用心去追梦
uni-app
UniappH5发布配置指南Uniapp是一个强大的跨平台开发框架，支持同时开发App、H5和小程序。发布H5版本是Uniapp开发中的一个重要环节。以下是详细的UniappH5发布配置步骤和注意事项：项目配置文件在Uniapp项目中，manifest.json文件是核心配置文件，包含了项目的元数据和基本设置。虽然H5发布的主要配置不在这里，但一些基础设置仍然会影响H5的表现。关键配置项name:
- uniapp 小程序 在js中进行rpx与px混合计算
公孙元二
rpx小程序uniapp
比如要计算10px+20rpx是多少pxjs中代码10+(windowWidth/750)*20+'px'
- uniapp-列表样式
耶啵奶膘
univueuni-appjavascript
{{index}}import{ref,reactive}from'vue'import{onLoad,onShow,onReachBottom}from'@dcloudio/uni-app'importifrom'@/libs/common/index.js'importapifrom'@/request/api.js'import{userStore}from'@/store/userStor
- uniapp中对于文件和文件夹的处理，内存的查询
today喝咖啡了吗
uni-app前端javascript
目录移动文件到指定文件夹新增本地文件夹设定本地文件过期时间，清除超时文件，释放内存操作本地文件之----删除uniapp获取设备剩余存储空间的方法读取本地文件夹下的文件移动文件到指定文件夹functionmoveTempFile(tempFilePath,targetFolderPath,targetFileName){plus.io.resolveLocalFileSystemURL(tempF
- 天地图（uniapp）搜索、定位自己、获取标记点的经纬度
mmmmmmmmzw
uni-app
目录参考文章需求最终效果预览（uniapp移动端）代码（uniapp移动端）参考文章https://blog.csdn.net/m0_67350312/article/details/138578174https://blog.csdn.net/weixin_36152801/article/details/145037991天地图接口文档需求1、获取某个位置经纬度2、这个位置，可以通过搜索获取。
- uniapp语音时的动态音波的实现
雾眠气泡水@
uni-app
一、实现效果该文做出来的效果：图片中的音波是动态的二、实现代码将它写为一个组件，方便之后用。命名为“audioWave.vue”.audio-wave{position:absolute;left:0;top:50%;transform:translateY(-50%);width:100%;height:40rpx;display:flex;align-items:center;justify-
- 基于uniapp vue3 的滑动抢单组件
printf_824
uni-appjavascript前端
通过在onMounted获取movable-area与movable-view实例，计算出可滑动的距离效果图：代码：»Slidetograborderimport{ref,onMounted}from"vue";constsliderX=ref(0);//滑块X轴位置constmaxX=ref(0);//最大可滑动距离onMounted(()=>{getMaxX();//组件加载后计算最大可滑动距
- uniapp-项目起步
Brilliant Nemo
uniappuni-app
小兔鲜儿-项目起步资料说明视频学习https://www.bilibili.com/video/BV1Bp4y1379L/接口文档https://www.apifox.cn/apidoc/shared-0e6ee326-d646-41bd-9214-29dbf47648fa/项目架构项目架构图拉取项目模板代码项目模板包含：目录结构，项目素材，代码风格。
- 关于uniapp使用pinia持久化配置兼容问题
别催小唐敲代码
uni-app前端
import{defineStore}from'pinia';import{ref}from'vue';//定义StoreexportconstuseMembersStore=defineStore('members',()=>{//状态constmemberInfo=ref({})//actionsconstsaveMemberInfo=(info:any)=>{memberInfo.value
- Android studio 打包 uni App
前端小小小学生
uni-app前端androiduni-appandroidstudio
Androidstudio打包uniAppHBuilderX本身有原生App云打包功能，本身没什么需求可以直接使用，如果需要多次打包，云打包每次链接只能提供5次下载机会，而且要时间排队打包，所以学习了一下Androidstudio工具打包，下面是使用方法，仅供参考：1.安装Androidstudio下载Androidstudio下载地址：http://www.android-studio.org/
- uniapp编辑的代码在开发者工具里面不能得到及时的更新
真的不想写实验
uni-app前端微信小程序
最近接手了一个超多坑的项目，uniapp编写的微信小程序没法直接在里面编译，因为这个文件是自动生成的，里面的内容非常之乱但是我如果在我外面的文件进行编译，发现根本编译不动，无论是改样式还是该数据，微信开发者工具里面的页面据没有任何变化经过本师傅一上午的忙碌，终于发现了好几个报错，这个报错我之前为什么没有发现呢，是因为之前的我是直接把项目放到开发者工具里面了，而这次，我是把项目放到了hbuilder
- uniapp各种常用的提示框
a濯
uni-app前端
1.uni.showModaluni.showModal({title:'提示',//标题content:`${res.data.msg}`,//提示内容showCancel:false//不显示取消按钮})2.uni.showToastuni.showToast({icon:'none',duration:3000,title:`${res.data.msg}`});3.u-toastthis.
- uniapp小程序禁止遮罩弹窗下的页面滚动的完美解决办法
星沉大海@T
uni-appVue小程序
问题最近用uniapp开发一款APP，页面是可以滚动的长列表，自定义组件弹窗遮罩出来后，滑动屏幕底部还在滚动，研究了网上的解决办法：在最外层的view中加入@touchmove.stop.prevent="moveHandle"在最外层的view中加入@catchtouchmove="moveHandle"我测试了一下这两个事件方法发现不太理想，会导致弹窗和底部页面都不能滚动了，或者处理不当就报一
- 继之前的线程循环加到窗口中运行
3213213333332132
javathreadJFrameJPanel
之前写了有关java线程的循环执行和结束，因为想制作成exe文件，想把执行的效果加到窗口上，所以就结合了JFrame和JPanel写了这个程序，这里直接贴出代码，在窗口上运行的效果下面有附图。
package thread;
import java.awt.Graphics;
import java.text.SimpleDateFormat;
import java.util
- linux 常用命令
BlueSkator
linux命令
1.grep
相信这个命令可以说是大家最常用的命令之一了。尤其是查询生产环境的日志，这个命令绝对是必不可少的。
但之前总是习惯于使用 （grep -n 关键字 文件名 ）查出关键字以及该关键字所在的行数，然后再用 （sed -n '100,200p' 文件名），去查出该关键字之后的日志内容。
但其实还有更简便的办法，就是用（grep -B n、-A n、-C n 关键
- php heredoc原文档和nowdoc语法
dcj3sjt126com
PHPheredocnowdoc
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Current To-Do List</title>
</head>
<body>
<?
- overflow的属性
周华华
JavaScript
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml&q
- 《我所了解的Java》——总体目录
g21121
java
准备用一年左右时间写一个系列的文章《我所了解的Java》，目录及内容会不断完善及调整。
在编写相关内容时难免出现笔误、代码无法执行、名词理解错误等，请大家及时指出，我会第一时间更正。
&n
- [简单]docx4j常用方法小结
53873039oycg
docx
本代码基于docx4j-3.2.0，在office word 2007上测试通过。代码如下:
import java.io.File;
import java.io.FileInputStream;
import ja
- Spring配置学习
云端月影
spring配置
首先来看一个标准的Spring配置文件 applicationContext.xml
<?xml version="1.0" encoding="UTF-8"?>
<beans xmlns="http://www.springframework.org/schema/beans"
xmlns:xsi=&q
- Java新手入门的30个基本概念三
aijuans
java新手java 入门
17.Java中的每一个类都是从Object类扩展而来的。 18.object类中的equal和toString方法。 equal用于测试一个对象是否同另一个对象相等。 toString返回一个代表该对象的字符串,几乎每一个类都会重载该方法,以便返回当前状态的正确表示.(toString 方法是一个很重要的方法) 19.通用编程:任何类类型的所有值都可以同object类性的变量来代替。
- 《2008 IBM Rational 软件开发高峰论坛会议》小记
antonyup_2006
软件测试敏捷开发项目管理IBM活动
我一直想写些总结,用于交流和备忘,然都没提笔,今以一篇参加活动的感受小记开个头,呵呵!
其实参加《2008 IBM Rational 软件开发高峰论坛会议》是9月4号,那天刚好调休.但接着项目颇为忙,所以今天在中秋佳节的假期里整理了下.
参加这次活动是一个朋友给的一个邀请书,才知道有这样的一个活动,虽然现在项目暂时没用到IBM的解决方案,但觉的参与这样一个活动可以拓宽下视野和相关知识.
- PL/SQL的过程编程,异常,声明变量,PL/SQL块
百合不是茶
PL/SQL的过程编程异常PL/SQL块声明变量
PL/SQL;
过程;
符号;
变量;
PL/SQL块;
输出;
异常;
PL/SQL 是过程语言(Procedural Language)与结构化查询语言(SQL)结合而成的编程语言PL/SQL 是对 SQL 的扩展,sql的执行时每次都要写操作
- Mockito(三)--完整功能介绍
bijian1013
持续集成mockito单元测试
mockito官网：http://code.google.com/p/mockito/，打开documentation可以看到官方最新的文档资料。
一.使用mockito验证行为
//首先要import Mockito
import static org.mockito.Mockito.*;
//mo
- 精通Oracle10编程SQL(8)使用复合数据类型
bijian1013
oracle数据库plsql
/*
*使用复合数据类型
*/
--PL/SQL记录
--定义PL/SQL记录
--自定义PL/SQL记录
DECLARE
TYPE emp_record_type IS RECORD(
name emp.ename%TYPE,
salary emp.sal%TYPE,
dno emp.deptno%TYPE
);
emp_
- 【Linux常用命令一】grep命令
bit1129
Linux常用命令
grep命令格式
grep [option] pattern [file-list]
grep命令用于在指定的文件(一个或者多个,file-list)中查找包含模式串(pattern)的行,[option]用于控制grep命令的查找方式。
pattern可以是普通字符串，也可以是正则表达式，当查找的字符串包含正则表达式字符或者特
- mybatis3入门学习笔记
白糖_
sqlibatisqqjdbc配置管理
MyBatis 的前身就是iBatis，是一个数据持久层(ORM)框架。 MyBatis 是支持普通 SQL 查询，存储过程和高级映射的优秀持久层框架。MyBatis对JDBC进行了一次很浅的封装。
以前也学过iBatis，因为MyBatis是iBatis的升级版本，最初以为改动应该不大，实际结果是MyBatis对配置文件进行了一些大的改动，使整个框架更加方便人性化。
- Linux 命令神器：lsof 入门
ronin47
lsof
lsof是系统管理/安全的尤伯工具。我大多数时候用它来从系统获得与网络连接相关的信息，但那只是这个强大而又鲜为人知的应用的第一步。将这个工具称之为lsof真实名副其实，因为它是指“列出打开文件（lists openfiles）”。而有一点要切记，在Unix中一切（包括网络套接口）都是文件。
有趣的是，lsof也是有着最多
- java实现两个大数相加，可能存在溢出。
bylijinnan
java实现
import java.math.BigInteger;
import java.util.regex.Matcher;
import java.util.regex.Pattern;
public class BigIntegerAddition {
/**
* 题目：java实现两个大数相加，可能存在溢出。
* 如123456789 + 987654321
- Kettle学习资料分享，附大神用Kettle的一套流程完成对整个数据库迁移方法
Kai_Ge
Kettle
Kettle学习资料分享
Kettle 3.2 使用说明书
目录
概述..........................................................................................................................................7
1.Kettle 资源库管
- [货币与金融]钢之炼金术士
comsci
金融
自古以来,都有一些人在从事炼金术的工作.........但是很少有成功的
那么随着人类在理论物理和工程物理上面取得的一些突破性进展......
炼金术这个古老
- Toast原来也可以多样化
dai_lm
androidtoast
Style 1： 默认
Toast def = Toast.makeText(this, "default", Toast.LENGTH_SHORT);
def.show();
Style 2： 顶部显示
Toast top = Toast.makeText(this, "top", Toast.LENGTH_SHORT);
t
- java数据计算的几种解决方法3
datamachine
javahadoopibatisr-languer
4、iBatis
简单敏捷因此强大的数据计算层。和Hibernate不同，它鼓励写SQL，所以学习成本最低。同时它用最小的代价实现了计算脚本和JAVA代码的解耦，只用20%的代价就实现了hibernate 80%的功能,没实现的20%是计算脚本和数据库的解耦。
复杂计算环境是它的弱项，比如：分布式计算、复杂计算、非数据
- 向网页中插入透明Flash的方法和技巧
dcj3sjt126com
htmlWebFlash
将
Flash 作品插入网页的时候，我们有时候会需要将它设为透明，有时候我们需要在Flash的背面插入一些漂亮的图片，搭配出漂亮的效果……下面我们介绍一些将Flash插入网页中的一些透明的设置技巧。
一、Swf透明、无坐标控制 首先教大家最简单的插入Flash的代码，透明，无坐标控制： 注意wmode="transparent"是控制Flash是否透明
- ios UICollectionView的使用
dcj3sjt126com
UICollectionView的使用有两种方法，一种是继承UICollectionViewController，这个Controller会自带一个UICollectionView；另外一种是作为一个视图放在普通的UIViewController里面。
个人更喜欢第二种。下面采用第二种方式简单介绍一下UICollectionView的使用。
1.UIViewController实现委托，代码如
- Eos平台java公共逻辑
蕃薯耀
Eos平台java公共逻辑Eos平台java公共逻辑
Eos平台java公共逻辑
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
蕃薯耀 2015年6月1日 17:20:4
- SpringMVC4零配置--Web上下文配置【MvcConfig】
hanqunfeng
springmvc4
与SpringSecurity的配置类似，spring同样为我们提供了一个实现类WebMvcConfigurationSupport和一个注解@EnableWebMvc以帮助我们减少bean的声明。
applicationContext-MvcConfig.xml
<!-- 启用注解，并定义组件查找规则 ，mvc层只负责扫描@Controller -->
<
- 解决ie和其他浏览器poi下载excel文件名乱码
jackyrong
Excel
使用poi,做传统的excel导出，然后想在浏览器中，让用户选择另存为，保存用户下载的xls文件，这个时候，可能的是在ie下出现乱码（ie,9,10,11),但在firefox,chrome下没乱码，
因此必须综合判断，编写一个工具类：
/**
*
* @Title: pro
- 挥洒泪水的青春
lampcy
编程生活程序员
2015年2月28日，我辞职了，离开了相处一年的触控，转过身--挥洒掉泪水，毅然来到了兄弟连，背负着许多的不解、质疑——”你一个零基础、脑子又不聪明的人，还敢跨行业，选择Unity3D？“，”真是不自量力••••••“，”真是初生牛犊不怕虎•••••“，••••••我只是淡淡一笑，拎着行李----坐上了通向挥洒泪水的青春之地——兄弟连！
这就是我青春的分割线，不后悔，只会去用泪水浇灌——已经来到
- 稳增长之中国股市两点意见-----严控做空，建立涨跌停版停牌重组机制
nannan408
对于股市，我们国家的监管还是有点拼的，但始终拼不过飞流直下的恐慌，为什么呢？
笔者首先支持股市的监管。对于股市越管越荡的现象，笔者认为首先是做空力量超过了股市自身的升力，并且对于跌停停牌重组的快速反应还没建立好，上市公司对于股价下跌没有很好的利好支撑。
我们来看美国和香港是怎么应对股灾的。美国是靠禁止重要股票做空，在
- 动态设置iframe高度(iframe高度自适应)
Rainbow702
JavaScriptiframecontentDocument高度自适应局部刷新
如果需要对画面中的部分区域作局部刷新，大家可能都会想到使用ajax。
但有些情况下，须使用在页面中嵌入一个iframe来作局部刷新。
对于使用iframe的情况，发现有一个问题，就是iframe中的页面的高度可能会很高，但是外面页面并不会被iframe内部页面给撑开，如下面的结构：
<div id="content">
<div id=&quo
- 用Rapael做图表
tntxia
rap
function drawReport(paper,attr,data){
var width = attr.width;
var height = attr.height;
var max = 0;
&nbs
- HTML5 bootstrap2网页兼容（支持IE10以下）
xiaoluode
html5bootstrap
<!DOCTYPE html>
<html>
<head lang="zh-CN">
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
