05 uniapp/微信小程式 項目day05

  • 2022 年 11 月 9 日
  • 筆記

​ 一.登录与支付 1.1 登录 1.1.1 条件判断 当我们点击结算应当进行条件判断 第一个如果没有勾选商品 第二个是没选择地址 第三个是未登录 1.1.2 页面布局 应该有两个页面,一个点击登录,一个登陆成功后的页面,所以应该创建两个组件 他们应该按需展示,并且条件为是否有token 然后未登录 …

Continue Reading

02 uniapp/微信小程式 項目day02

  • 2022 年 9 月 21 日
  • 筆記

一.分类 1.1 页面布局 首先创建cate的分支 定义基本结构,因为是两个需要滚动的区域,所以这里要用到组件 scroll 这个组件如果是y scroll那就要固定高度,x scroll那就要固定宽度 这里有个问题就是,我们应该把高度限定在整个屏幕高度 这里用到uniapp一个api uni.ge …

Continue Reading

01 uniapp/微信小程式 項目day01

  • 2022 年 9 月 20 日
  • 筆記

一.起步 1.1 配置uni-app开发环境 什么是uni-app,就是基于vue的一个开发框架,可以将我们写的一套代码,同时发布到ios、安卓、小程序等多个平台 官方推荐使用Hbuilderx来写uni-app项目 下载之后可以将预设改为vscode 进入hbuilder插件市场下载scss插件 …

Continue Reading

uniapp中用canvas實現小球碰撞的小動畫

uniapp 我就不想喷了,踩了很多坑,把代码贡献出来让大家少踩些坑。 实现的功能: 生成n个球在canvas中运动,相互碰撞后会反弹,反弹后的速度计算我研究过了,可以参考代码直接用 防止球出边框 防止小球之间碰撞过度,或者说“穿模”。采用的方法是碰撞后让两个小球都多走一帧。其实这样并不能完全防止“ …

Continue Reading

一分鐘學會如何自定義小程式輪播圖(蜜雪冰城Demo)

最近开发小程序项目用到了轮播图,默认的有点单调,作为后端程序员,研究一番最终实现了。本文会从思路,代码详细介绍,相信读过此文后,不管以后在开发中碰到轮播图还是需要自定义修改其他的样式都可以按这个思路解决。 框架 编辑器 uni-app Hbuilder X 先上原代码和默认样式 <template> &hellip;

Continue Reading

UNIAPP實現PDA掃碼

  • 2022 年 5 月 12 日
  • 筆記

目前我接触到了两种方法,以扫码pda安卓采集器(可以直接理解为手机上有个激光扫码)的设置划分。 1.扫描设置 --> 键盘方式输出 (键盘类型:物理键盘),注意设置要看具体的型号; 2.扫码设置 --> 广播输出 。 第一种 “ 键盘方式输出 ” 直接在input里接收扫到的内容; 第二种 “ 广播 &hellip;

Continue Reading

uniapp vue3 $on/$once/$off 的替代方案

仅作参考 仅作参考 仅作参考 并且只支持页面生命周期使用 不支持组件 不支持页面函数方法 下面说了思路需要的话自己添加 今天用到 $once 时发现报错了,原理是vue3移除了该api。我一开始想的是 自己注册全局方法 如下 app.config.globalProperties.$once = f &hellip;

Continue Reading

多端開發之uniapp開發app

  • 2022 年 2 月 20 日
  • 筆記

最近在给f做一些工具app,学习了不少关于uniapp编写android应用的知识。 首先,App应用的创建的时候要选择项目类型为uniapp类型。最开始我选择的是h5+项目,这种项目就比较容易写成纯js的项目,利用一些html5plus能力,或者使用mui来编写手机app。 我调研了一下,unia &hellip;

Continue Reading

【2021/12/31】uniapp之Android原生插件開發教程

  • 2021 年 12 月 31 日
  • 筆記

uniapp之安卓原生插件开发教程 准备 hbuilderX, 下载 app离线SDK, 下载 Andorid Studio, 安卓官方 或 中文社区 证书(可以自己准备,也可以使用android Studio生成) 插件功能简介 加法功能,我们把插件名称起名为 leruge-add ,方法是 ad &hellip;

Continue Reading

一個不常遇到的HbuilderX自動化測試運行問題

  • 2021 年 12 月 30 日
  • 筆記

晚上10点左右,刚好说想研究一下uniapp项目中怎么进行自动测试,于是跟着插件的官方教程开始配置测试环境,写好了一个简单的测试脚本,然后图形化操作IDE运行测试,却报错了一大片错误信息,如下所示: Module build failed (from ./node_modules/mini-css- &hellip;

Continue Reading