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