小程序开发
小程序日常开发总结
追逐梦想之路_随笔
这个作者很懒,什么都没留下…
展开
-
微信小程序跳转h5链接(web-view)
web-view是承载网页的容器,自动铺满整个小程序页面,个人类型与海外类型的小程序暂不支持使用。(2)bindmessage:网页向小程序 postMessage 时,会在特定时机(小程序后退、组件销毁、分享)触发并收到消息。e.detail = { data },data是多次 postMessage 的参数组成的数组。(4)binderror: 网页加载失败的时候触发此事件。可打开关联的公众号的文章,其它网页需登录小程序管理后台配置业务域名。会自动铺满整个小程序页面,个人类型的小程序暂不支持使用。原创 2023-04-25 22:07:50 · 4930 阅读 · 0 评论 -
taro报错运行报错chunk common [mini-css-extract-plugin] Conflicting order between: ......
具体错误如下:chunk common [mini-css-extract-plugin]Conflicting order between:css ./node_modules/css-loader/dist/cjs.js??ref–2-oneOf-0-1!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/@tarojs/mini-runner/node_modules/postcss-loader/di原创 2021-10-28 11:48:37 · 2033 阅读 · 0 评论 -
taro实现小程序和H5地图
小程序的给定经纬度地图打开并能导航(微信小程序、京东小程序亲测可使用)import Taro from '@tarojs/taro';模拟数据const params = { title:'清华大学紫荆学生公寓5号楼', address:'北京海淀区清华大学紫荆学生公寓5号楼', latitude :'40.010907', longitude:'116.327148'} const name = params.title; const address = params.address;原创 2021-10-29 22:18:03 · 1453 阅读 · 0 评论 -
uniapp从企业微信、微信公众号获取地址栏的参数
以下两种方式经本人测试有效:方式一、使用原生的获取地址栏方式地址栏路径比如:http://localhost:8080/#/?code=dZODtWsSc_-It1i8Ci-W1IP0S3fVpySTBhv1BQ11tuMconst weixin_code = this.getParam(location.href, "code"); //code 获取获取哪一个参数的键console.log(weixin_code, "地址栏获取参数");getLocationHref(path, name)原创 2021-06-07 10:00:41 · 1244 阅读 · 0 评论 -
uni.navigateTo返回携带参数的两种方式
第一种方式 主要是小程序使用-使用setData设置数据这个在之前的分享【小程序uni.navigateTo频繁使用存在问题及解决方案】中也详细介绍过 这块之前截取一小部分总结1.返回页面之前的携带数据设置 //设置携带的数据 currentPages[prePagesRoute].setData({ myNewAddressData: JSON.stringify(infoData), }); //返回指定的单层级或者多层级页面原创 2021-05-21 19:25:05 · 5318 阅读 · 1 评论 -
uniapp复制功能的两种实现方式-开发总结(小程序和h5适用)
在uinapp项目应用如下:第一种形式,适用h5移动端的复制方式安装vue-clipboardnpm install --save vue-clipboard2或者 yarn add vue-clipboard2 --save全局注册使用:main.js入口文件import VueClipboard from "vue-clipboard2";Vue.use(VueClipboard);如果是已经在使用中的项目请卸载node_modules重新安装一下依赖,免得出现文件路径找不到的问题安原创 2021-05-21 19:00:56 · 4020 阅读 · 5 评论 -
uniapp小程序优化和减小代码体积的方式
接触过小程序的人都知道小程序的的压缩包不能超过2MB,否则无法将之上传到微信小程序,在开发中很容易忽略这个压缩体积大小,没有对自己的写的代码进行一个优化。以下只是个人的简单优化的方式,如有更好的方式可以给出意见。(1)检查一下静态资源,图片和各个图标将近1MB。为了解决体积大的问题,将静态资源的图片放在cdn服务器进行路径请求,压缩体积将近释放1MB。(2)将通过webpack下载的包和插件进行dev和生产分类,原先是默认都是下载到dependencies,这就导致了压缩之后面积也很大。因此为了减少体原创 2021-07-08 23:54:44 · 4456 阅读 · 4 评论 -
uniapp兼容多端平台代码兼容方式
处理多端平台需要学习一下平台标识判断多端标识符#ifdef 指的是仅在某个平台上使用#ifndef 在除了这个平台的其他平台上使用(非此平台使用)#endif 结束条件编译以上标识符可适用 html css js代码,以下提供简单使用案例,可根据自己项目使用场景调整标识对应的平台 APP-PLUS 代表是5+App平台MP 代表微信小程序/支付宝小程序/百度小程序/头条小程序/QQ小程序平台MP-WEIXIN 代表微信小程序平台MP-ALIPAY原创 2021-05-28 00:48:36 · 2390 阅读 · 0 评论