2024-02-12 14:02:48
658
543
处理uni-app编译APP-PLUS 无法使用监听事件问题window.addEventListener('message'）_window.addeventlistener('message
2024-02-24 15:02:19
648
393
随着技术的发展，前端开发的复杂度越来越高，传统开发方式将一个系统做成了整块应用，经常出现的情况就是一个小小的改动或者一个小功能的增加可能会引起整体逻辑的修改，造成牵一发而动全身。通过组件化开发，我们可以将复杂的系统分解为一系列简单的组件，这不仅提高了开发效率，降低了维护成本，而且使得我们的应用更加灵活，能够更好地适应不断变化的需求。在实现原理中，我们的自定义表格组件Excel采用了自适应布局设计，可以根据不同的屏幕尺寸自动调整表格的列宽，以达到最佳的显示效果。此外，我们的Excel组件还具有很好的扩充性。_vue excel表格组件
2024-03-09 09:03:06
729
490
h5使用wx-open-launch-weapp标签跳转微信小程序_uniapp h5跳转小程序
2024-03-27 10:03:53
619
168
这个问题网上搜了一堆，有的让你降版本，有的让你改源码。都不太符合预期，目前我的方法可以用最新的echarts。这个方法就是由npm安装转为CDN，当然你可能会质疑用CDN这样会不稳定，那如果CDN的地址是本地呢？
2024-03-27 10:03:53
889
725
课题主要目标是设计并能够实现一个基于Vue.js预约订座系统，前台用户使用H5移动端页面，后台管理使用PHP开发的网站后台管理系统，使用Mysql8存储数据；通过后台录入和管理资讯，录入座位类型，录入座位信息，管理座位预约信息等；前台用户通过H5移动网页登录，了解资讯，查看座位，填写和提交座位预约信息等。_uniapp 自习室座位网上预约 源码
2024-03-26 08:03:38
658
897
自己尝试测试之后发现一般的图表都解决tootip不显示的问题了 不过这种方式不要和npm i echarts 同时存在 因为npm安装的自己带有echarts.min.js 自己尝试改动过这个文件但是npm包里面有好多charts的js文件所以尝试之后发现没有任何作用。如果还想增加bmap地图上面那种就不够看了 因为bmap.js需要单独引入 项目才支持地图我说的地图是百度地图api的地图不是echarts那种块级地图。特别注意的是 cdn直接引入不需要在echarts.min,js中配置。_uniappechharts在h5移动端无法点击
2024-03-24 23:03:53
1026
309
最近在使用unocss时，我感觉原子化CSS把这些类名堆在一个标签里，实在谈不上精致美观，那我们有没有办法将这些样式类名搬到style里呢？有的，unocss、tailwindCSS都给出了一种语法#apply。_unocss @apply
2024-03-24 22:03:44
1013
832
扫描二维码_uniapp,vue2,h5端使用zxing扫描二维码
前端知识
uniapp项目安装pinia2.1版本后，编译项目报错“hasInjectionContext“ is not exported by “node_modules/vue-demi/lib/inde
2024-03-17 00:03:20
361
141
uniapp项目安装pinia2.1版本后，编译项目报错"hasInjectionContext" is not exported by "node_modules/vue-demi/lib/index.mjs", imported by "node_modules/pinia/dist/pinia.mjs".将pinia的版本改成2.0.36，重新编译，就不报错了。_hasinjectioncontext" is not exported by "node_modules/vue-demi/lib/index.mj
2024-03-15 10:03:48
920
356
uniapp开发安卓App注意事项（HTML5 规范 plus调用安卓原生能力：广播，扫描，相机等）_uniapp html5plus开发
2024-03-15 10:03:34
935
184
前置： 脚手架创建的uniapp项目，vscode执行，vue3版本。_uniapp tailwindcss
2024-03-12 01:03:39
1055
891
【代码】 基于html5QrCode实现的H5扫码功能（uni-app v2版本）_基于uniapp的h5扫码插件
2024-03-12 01:03:51
722
571
H5内嵌H5,App内嵌H5通讯问题_uniapp web-view使用本地文件
2024-03-12 00:03:11
422
785
本文详细讲述了驾校管理系统的界面设计及使用，主要包括界面的实现、控件的使用、界面的布局和异常的处理等内容，将准确的驾校管理系统呈现给学员。（1）功能实现首页、个人中心、学员管理、教练管理、教练信息管理、考场信息管理、驾照类型管理、驾校信息管理、报名信息管理、缴费凭证管理、驾校车辆管理、考试科目管理、使用车辆管理、归还车辆管理、预约考试管理、取消预约管理、系统管理等功能模块。（2）即时可见：对驾校管理系统信息的处理将立马在对应地点可以查询到，从而实现“即时发布、即时见效”的系统功能。
2024-03-10 11:03:35
152
633
创建ECharts实例，并设置图表选项。最后，可以通过监听事件来响应用户的交互行为。创建画布实例，然后使用。_uniapp使用echarts
2024-03-06 09:03:40
195
594
在实际应用开发中我们经常要使用到路由跳转，在uniapp官网中，提供了navigator内置组件，供我们使用。navigator页面跳转。页面跳转。该组件类似HTML中的组件，但只能跳转本地页面。目标页面必须在pages.json中注册。该组件的功能有API方式，另见：https://uniapp.dcloud.io/api/router?属性说明属性名类型默认值说明平台差异说明urlString。_navigator传参
2024-03-04 10:03:31
610
864
手动实现图片预览，类似 uni.previewImage() _uni.previewimage
2024-03-03 11:03:15
993
313
导入到自己的项目会多出以下文件夹，真正有用的是红框内的三个文件，可以将其移入到components下，具体哪个页面/组件使用了就引入。需要注意的是，直接下载那个插件，里面内置的echarts.js源文件2mb太大了，但是一个项目就用折线图、饼图，就可以去官网定制下载。这里我是把uni-ec-canvas移入到components文件夹下了。因为本次小程序开发使用到了echarts 发现接入有点麻烦，记录一下。使用了uniapp插件市场的。不然插件会报错 有的方法不支持。那个版本需要选5.0以下的。_echarts折线图加入微信开发者工具
2024-03-03 11:03:08
763
286
我们在开发的过程中经常会遇到现有插件无法满足需求的情况，毕竟不是组件库不能满足项目所有需求，这时就需要我们自己去构建组件。_uniapp自定义picker
2024-02-28 11:02:25
154
81
记录基于renderjs在uniapp真机上运行echarts的实现，不涉及原理_uniapp 真机echarts地图显示不出来
2024-02-28 10:02:15
757
927
基于vue的uni-app生态——学习笔记001_uniapp app.vue 文件的结构
2024-02-24 15:02:42
350
990
随着鸿蒙系统的兴起,越来越多的app会采用鸿蒙开发。而鸿蒙开发必不可少的就是调用各种接口服务。为了简化接口的调用流程,我们通常会做一层封装。今天就来讲解一下,如何用uni-app封装鸿蒙的接口请求库。_uniapp 鸿蒙系统
2024-02-22 11:02:18
511
889
UniApp 运行到浏览器的时候，接口会跨域报错，这里通过两种方式解决，第一：修改Uniapp自带的manifest.json 源码视图并进行配置h5设置。第二：在项目根目录新建vue.config.js并配置代理。二选一即可。修改或调整配置文件后，推荐重新运行，以防不生效。配置完成后，请求接口显示的话，可以试试重启编辑器（尤其是 HBuilderX），再重新运行项目，如果还是不行就另外查查解决方案吧，网上有很多。_uniapp 代理
2024-02-22 11:02:13
109
106
uniapp H5端获取用户地区位置，兼容微信内置浏览器，第三方为高德地图_uniapp h5获取定位
2024-02-16 14:02:17
792
981
uniapp实现微信小程序中富文本展示，微信小程序中图片自适应调整，微信小程序集成mp-html富文本_mp-html
2024-02-16 14:02:59
412
915
uniapp中使用render.js进行openers、arcgis等地图操作。_renderjs
2024-02-14 09:02:43
398
964
1.比较麻烦的就是逻辑层和视图层之间的通信，其他的稍微理解一下就行2.模板中调用视图层的方法需要加上script标签上的module属性值；要不然调不通3.特别注意；这东西如果要做app需要在真机或者模拟器上面调试；如果用H5根本发现不了问题4.关于逻辑层和视图层之间的通信，我试过很多方法（订阅发布、父组件转发、vuex），都没有用。只能用这种比较烂的方法；头皮发麻。5.视图层中 props接受不到数据，写也没有用。_echarts app
2024-02-14 09:02:16
840
845
【uniapp基础篇】上传图片，实现uniapp手机端上传图片,以及图片上传进度的监听_uniapp上传图片
2024-02-14 09:02:36
533
756
uniapp小程序实现红包动画效果（vue3 ts）使用uni.createAnimation()具体查看官方文档。首先安装CSS动画库animate.css依赖。红包整体主要分三部分 红包头部 中部 底部。除了红包底部 头部和中部需要定位。打开main.ts文件引入。_vue nui-app 红包功能
2024-02-12 14:02:03
108
92
view class="exportPdfBtn" @click="downKcReport()">导出PDF//如果将水印列数设置为0，或水印列数设置过大，超过页面最大宽度，则重新计算水印列数和水印x轴间隔。watermark_fontsize: '14px', //水印字体大小。watermark_y_space: 102, //水印y轴间隔。watermark_x_space: 80, //水印x轴间隔。watermark_font: '微软雅黑', //水印字体。_前端导出加水印
2024-02-11 10:02:57
707
797
通过移动互联网这几年的发展，单独的开发某些APP已经到了日暮西山的地步，原因不在于单个的APP功能丰富与否，而是因为用户生态体系的问题。使用智能手机的用户经过多年的使用习惯，已经越来越不喜欢安装各种的APP，除了正常生活和工作所必须的APP，不喜欢因为喜欢某些内容而被强制安装APP软件了。最近几年，随着微信生态的布局，通过开发微信小程序接口，让广大用户可以通过微信直接访问小程序，不需要去专门安装那些APP，这一点让很多用户喜爱，基本上只要能转向微信生态的业务，许多企业都已经开始拥抱微信小程序。
2024-02-11 10:02:35
1017
597
uniapp vue3 html2canvas canvas2image也可以实现，主要是实现的过程中以为需要这个插件，但最后发现不用也不影响。（2）vue3写法，callMethod定义的方法，无法在主script中触发，不能使用setup语法糖的写法。安卓系统 uniapp实现app端根据dom元素，生成图片，通过uni的系统分享，分享到微信，qq，朋友圈等。（1）uniapp不能直接操作dom元素，需要使用renderjs，在视图层操作dom元素。_vue3 html2canvas
2024-02-09 20:02:38
292
383
注意，在设置背景图片之前，要确保在你的项目静态资源文件夹中有这个图片。另外，如果你想让某个页面的背景图片全屏，也可以在。要让uniapp中的背景图片全屏，可以在。属性设置背景图片的位置。属性设置背景图片的URL，属性设置是否重复背景图片，，让背景图片充满整个屏幕。属性设置背景图片的尺寸，中设置该页面的样式。_uniapp背景图片占不满屏幕
前端知识
真机调试 app 的时候，进入分包页访问空白，且报错 [JS Framework] Failed to execute the callback function: TypeError:...
2024-02-09 20:02:24
569
778
项目是运行在小程序和app端的，小程序端没问题，app端跳转的时候会在控制台报错。_[js framework] failed to execute the callback function: typeerror: cannot re
2024-02-05 11:02:12
657
818
validateFunction 方法返回四个参数 validateFunction:function(rule,value,data,callback){} ，当然返回参数名开发者可以自定义：rule : 当前校验字段在 rules 中所对应的校验规则value : 当前校验字段的值data : 所有校验字段的字段和值的对象。_uniapp 表单校验
2024-02-04 21:02:56
61
604
uniapp使用md5加密项目中使用md5加密md5加密的使用方法_uniapp md5
2024-02-04 11:02:06
973
741
echarts 柱状图 鼠标悬浮自定义 tooltips 自定义_uniapp echarts tooltip formatter不生效
2024-02-03 12:02:35
980
93
script的module的名称可以随便取，module=(值任意，相当于命名空间，之后会根据这个名字调用其中的方法),但是change:参数名称必须和module保持一致，虽然不会阻断renderjs的运行，但是会报错，也会导致无法捕获数据的变化。对于UNI APP端的开发而言，由于上并没有document，不能进行相关的DOM操作，同时有关DOM渲染的第三方库(echart、openlayer、canvas等)也无法有效的使用，因此官方推出了renderjs方案，来解决上述问题。_uniapp html2canvas
2024-02-02 09:02:27
819
436
基于vue.js驾校考试系统设计与实现(uni-app框架 PHP后台) 研究背景和意义、国内外现状。然而，由于考试流程繁琐、时间长，并且存在着一定的不公平现象，传统的驾校考试方式已经难以满足人们的需求。因此，设计一个基于vue.js的驾校考试系统，将极大地提高考试效率和公平性，对于提升驾校教学质量和服务水平具有重要意义。国内外现状： 目前，国内外的驾校考试系统多数仍然采用传统的纸面考试方式，存在着考试流程繁琐、时间长、不公平等问题。项目的界面和功能都可以定制，包安装运行！
2024-02-02 09:02:50
677
912
uniapp图片上传，uniapp视频上传，uniapp附件上传，uniapp上传文件、uniapp文件上传组件，uniapp组件开发_uniapp上传文件组件
2024-02-02 09:02:54
376
585
近日心血来潮想做一个开源项目，目标是做一款可以适配多端、功能完备的模板工程，包含后台管理系统和前台系统，开发者基于此项目进行裁剪和扩展来完成自己的功能开发。但前台系统花样繁多，可能是PC端浏览器，可能是微信网页，微信小程序，安卓，鸿蒙……因此笔者只能从个人的开发需求出发，搭建了原生vue3版、原生微信小程序版、原生React版和uniapp版的前台系统模板。创建uniapp项目可以使用官方提供的IDE工具HBuilderX可视化的创建，但项目结构与普通的vue项目有所不同；_uniapp vue3 pinia tailwindcss gulp
2024-02-02 09:02:46
1032
337
使用uniapp开发微信小程序时主包太大和vendor.js过大无法打包的问题在uniapp开发小程序这一块，相信很多开发者都遇到过代码体积太大无法打包的问题，这时候就要优化小程序包大小。下面分享一下我的解决思路。希望能给大家一些帮助吧。_小程序vendor.js过大
2024-02-01 12:02:41
59
427
提示：由于使用的是uniapp，所以没有用使用Android的SDK进行开发，但用到这个的key来进行做定位等uni方面的操作。提示：以下是本篇文章正文内容，下面案例可供参考在这里，uniapp里面使用高德地图就差不多了，剩下的就看官网api就好了。本文仅仅简单介绍了renderjs的传参使用，你们把这个当作js使用就可以了，只是uni.的一些内置方法在里面不管用，得在传统的 里面去使用，然后把参数获取方法传到renderjs里面就行了。_uniapp amap.driving
2024-01-30 10:01:08
876
445
对于那些不依赖 UI 交互的原生功能，nvue将其封装成模块，这是一种通过 javascript 调用原生能力的方法。_uniapp dom操作
2024-01-27 01:01:57
226
484
注意：如果你想换echarts的js包（我们项目出现的问题是 我直接下在插件库的echarts.js 3000kb 但是微信小程序分包这个文件都比较大）可以选择echarts的官网去定制下载。代码直接copy 就是echarts的dome（注意这里面的echarts.min(4)是我自己定制的包 如果直接copy 需要换成你们对应的js文件）但是注意的是要下载版本为 5.2.2（别问为什么 我下载了最新版本报错了）我使用的是 插件库中的 echarts-for-wx。实测dome直接copy可以使用。_uni-ec-canvas
2024-01-27 00:01:19
208
104
这些页面默认都会在主包里，因为uni_modules是主包，所以该目录下的uni-id-pages和uni-im页面也会打包到主包里（主包里面的vendor.js会打包所有主包里面的页面与插件的js文件），所以导致了主包里面的vendor.js在分包打包后依旧过大。但是如果你的微信小程序在uni_modles下引入了非常多的uni插件，比如说：uni-id-pages,uni-im,uSearch,uni-pay等uni全家桶。通过vue语法，将所有的组件导入到所有的页面（为了方便）_uniapp vendor.js 包过大
2024-01-26 10:01:07
891
494
在 uniapp 中，可以使用 JavaScript 内置的 setTimeout 函数来延时执行任务。具体用法如下：setTimeout(function() { // 这里写要延时执行的代码}, 1000); // 这里的 1000 表示延时的时间，单位是毫秒上面的代码中，setTimeout 函数的第一个参数是一个匿名函数，表示要延时执行的代码。第二个参数是延时的时间，单位是毫..._uniapp延迟执行
2024-01-26 10:01:02
523
151
先去微信公众平台填写js接口安全域名本来想用微信开发js-sdk的，但是做了半天好像没啥效果概述 | 微信开放文档 (qq.com)引入js文件：http://res.wx.qq.com/open/js/jweixin-1.6.0.js 代码部分：单独的h5是唤不起微信的，需要原生app去集成微信的sdk，app去调微信的方法，h5再去调app的方法，才可以实现接下来使用插件：m-sharem-share: h5页面分享组件、支持分享到微信、朋友圈、新浪微博、QQ空间、QQ好友。 (gitee.com)注意_h5分享到微信
2024-01-25 11:01:05
508
368
【代码】uni-app的h5页面的onHide/onUnload方法不触发的问题解决。_手机浏览器 onhide方法无效
2024-01-25 10:01:29
898
401
如需更改默认的转换规则，可通过进行修改})presets: [}),],// options 见https://github.com/MellowCo/unocss-preset-weapp/tree/main/src/transformer/transformerAttributify}),// options 见https://github.com/MellowCo/unocss-preset-weapp/tree/main/src/transformer/transformerClass。_unocss-preset-weapp
前端知识
[Vue warn]: Invalid prop: type check failed for prop “value“. Expected String, Number, got Array
2024-01-24 15:01:24
190
822
3、也就是说，uni-data-select下拉组件获取绑定的数据类型是字符串类型或者 数字类型。如果初始化成数组、对象、Boolean等之外的类型，就会报类似的错误。1、意思时检查到"value"相关的值有误，希望它时字符串类型或者数字类型，而不是数组类型。1、在uni-app小程序中应用到uni-data-select组件时，出现的报错。_[vue warn]: invalid prop: type check failed for prop "value". expected strin