随笔分类 -  uniapp框架搭建

uniapp搭建移动端开发框架
摘要:未自动导入Vue3(ref,reactive...)的API和uniapp生命周期,需要在每个页面把API和uniapp生命周期的代码都重复写一遍 <script setup> import { ref, reactive } from "vue" import { onLaunch, onShow 阅读全文
posted @ 2023-09-27 21:54 编程民工 阅读(1840) 评论(0) 推荐(0) 编辑
摘要:uniapp Vue2使用webpack打包配置 根目录下创建vue.config.js文件 const path = require('path') const CopyWebpackPlugin = require('copy-webpack-plugin') //最新版本copy-webpac 阅读全文
posted @ 2023-08-10 23:08 编程民工 阅读(1091) 评论(0) 推荐(0) 编辑
摘要:一、框架开发准备: 使用开发工具:HbuilderX、微信开发者工具(微信小程序、微信公众号)、支付宝小程序开发工具(支付宝小程序、钉钉小程序) 安装依赖:npm install 目前使用到的依赖有:微信JSSDK(npm install jweixin-module --save)、 md5加密( 阅读全文
posted @ 2022-05-04 14:57 编程民工 阅读(838) 评论(1) 推荐(0) 编辑
摘要:框架开源地址:https://gitee.com/yunhaotian/uniapp_mobileFrame 目前在常用方法类里封装了几个方法:检测小程序更新、px转upx、upx转px、字符掩码、获取链接参数、判断是否在微信内置浏览器、小程序的原生菜单中显示分享按钮。 在common文件夹下新建 阅读全文
posted @ 2022-02-21 09:10 编程民工 阅读(414) 评论(0) 推荐(0) 编辑
摘要:框架开源地址:https://gitee.com/yunhaotian/uniapp_mobileFrame uniapp H5打包发布后在部分手机字体无故变大,导致页面错乱,字体都是使用upx(rpx)单位的(这个不是问题原因),在电脑的浏览器和微信开发者工具上各种机型测试页面都是正常的。 最后使 阅读全文
posted @ 2022-02-21 08:59 编程民工 阅读(466) 评论(0) 推荐(0) 编辑
摘要:框架开源地址:https://gitee.com/yunhaotian/uniapp_mobileFrame manifest.json文件中,点击“源码视图”,在此h5的配置节点下修改一下代码 h5节点源码: "h5" : { "title" : "移动端开发框架",//页面标题 "templat 阅读全文
posted @ 2022-02-18 09:05 编程民工 阅读(354) 评论(0) 推荐(0) 编辑
摘要:框架开源地址:https://gitee.com/yunhaotian/uniapp_mobileFrame 实现微信公众号自定义分享和扫码功能需要引入微信JSSDK npm安装微信JS-SDK npm install jweixin-module --save 通过网址下载: https://un 阅读全文
posted @ 2022-02-17 09:08 编程民工 阅读(413) 评论(0) 推荐(0) 编辑
摘要:框架开源地址:https://gitee.com/yunhaotian/uniapp_mobileFrame 开发移动端(微信小程序、H5、App)电商平台需要用到微信支付,下面封装一个微信小程序和H5的支付封装类 在common文件夹下新建 sju.pay.js 文件 sju.pay.js源码: 阅读全文
posted @ 2022-02-16 09:05 编程民工 阅读(449) 评论(0) 推荐(0) 编辑
摘要:框架开源地址:https://gitee.com/yunhaotian/uniapp_mobileFrame 异步的方法,如果不传入 success、fail、complete 等 callback 参数,将以 Promise 返回数据 异步的方法,且有返回对象,如果希望获取返回对象,必须至少传入一 阅读全文
posted @ 2022-02-15 09:36 编程民工 阅读(413) 评论(0) 推荐(0) 编辑
摘要:框架开源地址:https://gitee.com/yunhaotian/uniapp_mobileFrame ajax网路请求封装了POST、GET、 PUT、DELETE四种接口请求方式 在 common 文件夹下新建 sju.ajax.js 文件 sju.ajax.js源码: /** * aja 阅读全文
posted @ 2022-02-15 09:25 编程民工 阅读(591) 评论(1) 推荐(0) 编辑
摘要:框架开源地址:https://gitee.com/yunhaotian/uniapp_mobileFrame 本框架使用了分包机制,具体内容在 【从零开始搭建uniapp开发框架】(三)—— uniapp设置分包机制 根据本框架使用了分包封装统一的页面跳转方法封装 在 common 文件夹下新建 s 阅读全文
posted @ 2022-02-14 09:44 编程民工 阅读(428) 评论(0) 推荐(0) 编辑
摘要:框架开源地址:https://gitee.com/yunhaotian/uniapp_mobileFrame 在开发移动端程序时,记录用户的不同状态或者判断用户是否登录 部分页面不需要用户登录即可访问,而部分的页面需要用户登录后才能访问 在common文件夹下新增一个 sju.login.js 文件 阅读全文
posted @ 2022-02-14 09:43 编程民工 阅读(683) 评论(0) 推荐(0) 编辑
摘要:框架开源地址:https://gitee.com/yunhaotian/uniapp_mobileFrame 正则表达式封装:在common文件夹下新增一个 sju.regex.js 文件 sju.regex源码: /** * 正则表达式的封装 */ import base from '@/comm 阅读全文
posted @ 2022-02-14 09:42 编程民工 阅读(423) 评论(0) 推荐(0) 编辑
摘要:框架开源地址:https://gitee.com/yunhaotian/uniapp_mobileFrame 在common文件夹下新建 sju.alert.js 文件 这里是把uniapp官方提供的消息提示框、模态弹窗封装成自己需要而且统一的消息框,错误框,确认框,等待框等 /** * 消息框,错 阅读全文
posted @ 2022-02-14 09:40 编程民工 阅读(535) 评论(0) 推荐(0) 编辑
摘要:框架开源地址:https://gitee.com/yunhaotian/uniapp_mobileFrame 在搭建开发框架时要有封装意识,把常用方法和基础方法分别封装,方便使用 接下来先封装基础方法 在 common 文件夹下新建 sju.base.js 文件 sju.base.js源码: /** 阅读全文
posted @ 2022-02-14 09:38 编程民工 阅读(672) 评论(0) 推荐(0) 编辑
摘要:框架开源地址:https://gitee.com/yunhaotian/uniapp_mobileFrame 分包加载配置,此配置为小程序的分包加载机制。 因小程序有体积和资源加载限制,各家小程序平台提供了分包方式,优化小程序的下载和启动速度。 各个小程序分包大小及其限制 小程序 分包大小限制 总体 阅读全文
posted @ 2022-02-14 09:04 编程民工 阅读(1760) 评论(0) 推荐(1) 编辑
摘要:框架开源地址:https://gitee.com/yunhaotian/uniapp_mobileFrame 在项目文件下新建 components 文件 项目中引入 官方自定义导航栏 和 官方图标 使用自定义标题栏需要把pages.json的globalStyle的导航栏样式取消默认的原生导航栏 阅读全文
posted @ 2022-02-11 08:54 编程民工 阅读(1159) 评论(0) 推荐(0) 编辑
摘要:框架开源地址:https://gitee.com/yunhaotian/uniapp_mobileFrame 安装HbuilderX开发工具 HBuilderX下载地址: 下载地址 解压安装包 HBuilderX,Windows为zip包,解压后才能使用。 首先,选中下载的zip包,点击右键菜单,点 阅读全文
posted @ 2022-02-10 10:48 编程民工 阅读(836) 评论(0) 推荐(0) 编辑