景宇-CSDN博客

原创 uniapp 开发微信小程序中使用 custom-tab-bar创建自定义tabbar

按照微信官方文档，以及代码片段，需要在tabbar 页面中onshow生命周期内设置 tabbar 的选中状态，但是在 uniapp 创建的页面中是 this 是不包含 getTabBar 方法的，只有通过 this.$mp.page可以获取到。通过设置当前页面下的 tabbar 选中状态，自定义tabbar才能正常使用。1. 目录结构必须按照如图所示，在src 目录下。

2023-06-08 15:10:57 1544 2

原创 vue3 定义公共类全局引入

创建 utils.js// 设置缓存const set = (key, value) => { localStorage.setItem(key, value);};// 获取缓存const get = (key) => { return localStorage.getItem(key);};// 清楚缓存const remove = (key) => { localStorage.removeItem(key);};// 清空缓存const clear

2021-12-23 15:30:33 2031

原创 vue3 全局引入 mixins方法并使用

创建 mixin文件 mixins.jsconst baseMixin = { data() {}, methods: { btnClick() { console.log('点击事件触发'); }, },};export default baseMixin;在入口文件 main.js 中引入import mixin from "./mixins/index.js";app.mixin(mixin) 页面中使用<template>..

2021-12-23 15:22:55 5016

原创 uniApp 开发支付宝小程序引入订阅消息组件

1.manifest.json 配置2. page.json 配置3. 页面引入组件<subscribe-msg/>4. 拉起订阅<button type="default" @click="subscribeMessage">拉起订阅</button>const { requestSubscribeMessage } = requirePlugin('subscribeMsg'); methods: { ...

2021-07-12 15:33:02 1308 1

原创 webpack 配置dev 运行域名为当前ip

项目运行环境 webpack 版本"webpack":"^3.6.0", vue-cli 版本 2.9.6在config 目录的index.js 顶部引入以下代码//引入os 直接引入const os = require('os');const getIp = () => { let host = ''; try { let netWorkList = os.networkInterfaces(); for (let i in netWo...

2020-05-28 11:54:38 786

原创数组保存csv 文件

2019-09-18 15:11:10 944

原创中文转base64编码以及解码

// base64.jsvar Base64 = { // 转码表 table: [ 'A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', 'K', 'L', 'M', 'N', 'O', 'P', 'Q', 'R', 'S', 'T', 'U', 'V', 'W', 'X', 'Y', 'Z', 'a'...

2019-03-07 13:40:29 5176 2

原创微信小程序常用公共方法

//获取当前时间的时间戳const getNowTime = function () { return new Date().getTime();}// 设置同步缓存const set = function (name, value) { return wx.setStorageSync(name, value);}//获取缓存const get = func...

2018-11-29 10:08:03 2290

原创 Wepy根据环境变量来改变项目运行参数

在wepy项目目录中有wepy.config.js这个文件,在这个js 文件中有appConfig字段，appConfig: { baseUrl: process.env.NODE_ENV === 'production' ? 'https://a.com/' : 'https://a.test.com/} 运行 npm run dev命令时，域名为https://a.test....

2018-10-26 13:16:28 2468

原创微信小程序关于map地图

微信小程序的map地图一直存在很多的问题，截止到目前为止我遇到的问题，当前基础库版本:2.3.0，1.ios和安卓在marker大小不一致；设置同样大小，ios上要小2.getScale在ios返回的是小数，在安卓则是整数；也就是说你如果要针对scale做文章，需要根据系统去适配，同一部手机，安卓上面同一个scale对应的是一个放大缩小的视野范围，ios上是固定的范围，因为它通过get...

2018-10-23 15:44:43 797

原创微信小程序分包加载，以及分包预加载

微信小程序的项目随着不断地迭代，功能越来越多，代码包相应越来越大，主包体积过大，就会影响用户进入小程序时候的体验，所以要尽可能的减少主包的大小，对代码包进行分包处理，需要的时候再去加载，也可以在进入某些页面之后再去预加载分包数据export default class extends wepy.app { config = { pages: [ 'pages/load...

2018-10-23 15:26:19 8166 2

原创原生小程序使用 flyio,以及拦截器

原生小程序的request请求都是异步请求，在实际项目中使用起来很麻烦，自己封装的方法又不够用，所以想到了flyio,不仅可以实现Promise，而且还可以对所有的页面请求进行拦截，使用起来非常的方便。第一件事首先也是先引用flyio.js了。下载地址：flyio.js在utils目录新建http.jsvar Fly = require("flyio.js")//引入路径根据自...

2018-08-21 16:15:37 7989 16

原创 mpvue使用微信小程序默认tabBar

在mpvue项目main.js 文件中进行如下配置export default { // 这个字段走 app.json config: { pages: [], window: { "navigationBarTitleText": "标题", "navigationBarTextStyle": "white", "navigati...

2018-08-15 18:09:27 7875

原创 mpvue中，fly请求拦截

在小程序项目中，通常需要在请求header中带上token,以识别用户身份，每一个请求都去做判断处理十分的麻烦，因此想到了用flyio,fly和axios十分相似，但是axios并不能在小程序中使用，因此还是选择了fly。fly里面的拦截机制还是很强大的，并且在错误返回信息做了优化处理，在fly拦截器中支持执行异步任务，就是说在请求数据的时候如果拦截到token不存在那么我们就可以在拦截器中重...

2018-08-13 14:46:38 4132 2

原创微信小程序 promise.all 方法，解决小程序不通过页面异步加载嵌套问题

通常在用户进入小程序的时候，需要拿到用户的身份证明（token）,以及用户授权状态（auth）以及小程序配置信息（config），未授权就是游客，已授权就是注册用户，注册用户有自己的用户信息(userinfo);比如在某一篇文章中，进行评论，收藏需要先判断用户的授权状态，已经授权才可以进行操作，未授权则提示授权；这样的话，我们在进入这个页面之前就必须获取到用户的token，cinfig,以及aut...

2018-07-27 13:47:55 5976 2

原创微信小程序异步请求解决方法

小程序一般需要用token，去识别用户身份，每次获取到token之后，再进行下一步操作。再获取到token之后，将token同步缓存，app.js:login: function () { var that = this; return new Promise(function (resolve, reject) { if (wx....

2018-07-27 13:26:47 16096 3

原创时间戳转换

时间戳转换成标准时间： function timestamp(timestamp) { var date = new Date(timestamp), //时间戳为10位需*1000，时间戳为13位不用乘1000 Y = date.getFullYear() + '-', M = (date.getMonth() + ...

2018-07-20 09:17:46 328

原创微信小程序利用promise封装request请求,添加finally事件

utils.jsconst app = getApp();const baseUrl = getApp().baseUrl;//添加事件结束Promise.prototype.finally = function (callback) { var Promise = this.constructor; return this.then( functio...

2018-07-19 17:51:32 4957

原创微信小程序自定义弹窗，Loading

var app = getApp();var baseUrl = getApp().baseUrl;//开启toast// flag（1表示成功，2表示失败，msg表示自定义提示信息,time提示显示时长);var Toast = (flag, msg, that, time) => { that.data.toast.flag = flag; that.data.toast.msg = msg; that.data.toast.show = false; th

2018-07-06 15:19:33 5277

原创微信小程序解析Xml

因为项目需要，需要在小程序中解析Xml标签，去除需要的内容；// pages/text/text.jsvar WxParse = require('../../wxParse/wxParse.js');import api from '../../utils/util.js';Page({ /** * 页面的初始数据 */ data: { ...

2018-06-29 14:15:16 3290

原创微信小程序获取页面小程序码

项目需要文章分享到朋友圈，需要获取每一篇文章对应的小程序码，和文章标题，以及缩略图生成canvas,保存成图片，用户长按识别小程序码后就可直接查看有对应的文章，因为项目小程序需要每一篇文章对应的小程序码，所以就采取了官方提供的B方法去获取小程序码（通过该接口生成的小程序码，永久有效，数量暂无限制。用户扫描该码进入小程序后，开发者需在对应页面获取的码中 scene 字段的值，再做处理逻辑。）；前台：...

2018-05-30 18:07:40 4127

原创微信小程序 canvas 回调方法

ctx.draw(reserve,callback);reserve为 Boolean 值；非必填。本次绘制是否接着上一次绘制，即reserve参数为false，则在本次调用drawCanvas绘制之前native层应先清空画布再继续绘制；若reserver参数为true，则保留当前画布上的内容，本次调用drawCanvas绘制的内容覆盖在上面，默认 false实例：ctx.draw(false...

2018-05-25 14:49:18 4111

云未然的博客