-
小程序全局mixin方法
2021/1/4 11:58:42
需求 最近接到一个需求，希望我这边可以后台配置微信小程序的导航栏颜色，但是目前小程序还不支持全局修改导航栏的颜色，只支持修改单个页面的导航栏颜色，所以我就想着能不能在所有的页面的onload函数中手动设置一下导航栏的颜色，但是这样一来就需要改每个页面，效率太低。我查了微信小程序的文档也没有提供全局混入onload的方法，所以想着能否实现一下小程序的混入功能。问... -
Taro 3 发布 3.0.19 和 3.0.20 支持使用 CustomWrapper 组件显式
2021/1/4 11:58:39
Taro 3 发布 3.0.19 和 3.0.20 3.0.19 为 View、Text、Image 组件做优化，当没有绑定任何事件时能使用简化模板，不去绑定冗余属性。 组件 View 增加 catchMove 属性，提供直接阻止滚动穿透的能。 3.0.20 VirtualList 组件支持 item 不定高。 支持使用 CustomWrapper 组件显式创建小程序的自定义组件，解决低端机层级过深卡顿问题。但需要注意： H5 未兼容此组件。querySe... -
小程序如何封装路由？这五个方法及使用场景要了解
2021/1/4 11:58:37
封装路由方法 路由方法有五个，常用的有三个switchTab、navigateTo、navigateBack 简单介绍一下这五个方法及使用场景 switchTab,跳转tabBar页面专用，其他页面出栈，新页面入栈 navigateTo最常用的路由跳转，会加入到页面栈，允许返回，也就是新页面不断入栈 navigateBack返回，只能返回到页面栈中存在的页面，页面不断出栈，直到到达目标页 redirectTo关闭当前... -
你或许不知道的小程序更新机制
2021/1/4 11:58:35
起因 后端监控发现有些用户请求的是旧版本中即将废弃的接口。 经过一番查找，推测有些用户使用的小程序可能不是最新版本，而是旧版本。为了避免这种情况，所以要在有新版本发布时强制用户更新小程序。 小程序的运行机制 developers.weixin.qq.com/miniprogram… 文档描述的很详细，这里只介绍主要的概念即可。前台和后台 小程序启动后，界面被展示给用户，此时小程序处于... -
小程序实战(十五)-自定义弹框组件
2021/1/4 11:58:33
一、需求说明 目前项目中的弹框用的都是 wx.showModal()，有以下几点改造需求： 调用弹框的方式尽量与 showModal 保持一致，避免过大改动目前项目中弹框分为两类，二次确认框和成功提示框，希望能简单地调用这两种弹框二、需求实现2.1 实现思路 确定组件入参，为了减少改动，参数名与 showModal 的参数名保持一致打开弹框方式：为弹框组件定义一个 showDialog 函数，函数接... -
小程序实战（十六）带你从零到一 在小程序引入echarts
2021/1/4 11:58:30
本文主要介绍从原生小程序如何引入echarts，文章末尾会给出原生小程序引入echarts的仓库地址和uniapp引入echarts的仓库地址。第一步：引入echarts 正常情况下，例如在web端，直接做法是npm install echarts --save 。 不过在小程序中直接安装的话，会导致编译后代码包过大的问题，因此，我们可以使用echart的压缩版本， echart.min.js。将这个文件放在ec-canvas文件夹下。或... -
小程序实战(十七)-版本自动更新
2021/1/4 11:58:28
一、需求说明 目前出现情况：每次发布新版本，如果用户正在使用小程序，都需要让用户将小程序销毁再重新启动，才能使用最新版本的代码希望当小程序版本更新后，用户打开小程序时自动检查是否有新版本，若有，则提示用户是否更新二、需求实现2.1 冷启动和热启动 用户打开小程序时有两种启动方式： 冷启动：若用户首次打开，或小程序销毁后被再次打开，此时需要重新加载，会检... -
微信小程序基础开发(五)----button以及选框
2021/1/4 11:58:26
1、button外观样式button的基本样式没什么特殊的，直接查看文档即可2、button的开放能力(open-type)contact ：直接打开客服对话功能，需要在微信小程序的后台配置<button open-type="contact">contact</button>contact的实现流程将小程序的appid由测试号改成自己的id登录微信小程序官网，找到"客服"，添加客服微信3.然后就能实现客服对话功能和意见反馈功能 share... -
微信小程序基础开发(六)----自定义组件
2021/1/4 11:58:23
(一)简单使用组件的三个步骤1.创建自定义组件类似于页面，一个自定义组件由json wxml wxss js4个文件组成2.声明自定义的组件在所需要用到组件的页面的json文件中进行声明{ "usingComponents": { "Tabs":"../../components/Tabs/Tabs" } }3.使用组件在页面中当作普通标签使用即可(二)组件的样式优化与标题激活选中//tabs.wxml <view class="tabs"> <... -
手把手带你用 Vue 3.0 写个小程序框架
2021/1/4 11:58:20
由于小程序的开发起来比较原始复杂且繁琐，跟我们主流的开发方式差距很大，所以为了提高我们开发小程序的效率，市面上出现过很多的小程序的框架：mpvue，Taro，uni-app 等等，这些框架或多或少地将我们带到现代化的开发方式中来，他们可以让你使用 React 或者 Vue 来开发小程序。今天就分享一个如何利用 Vue 3.0 来构建一个小程序的框架。1、Vue3 部分新特性Vue3 的新特性主要... -
微信小程序入门5--通信与缓存
2021/1/4 11:58:09
页面间通信 小程序自定义变量与发送参数 为了实现组件间的通信，首先需要自定义变量，操作流程如下 在页面A.wxml文件的组件中定义自定义变量，语法为data-'key',并且绑定点击事件onGoToDetail <view data-post-id="0" bind:tap="onGoToDetail"> </view> 复制代码 在A.js文件中定义点击事件onGoToDeatil onGoToDetail(event){ const pid = event.curre... -
小程序自定义导航栏中使用粘性布局无效的解决办法
2021/1/4 11:58:04
一、引言 最近公司在做一个类似购物商城的小程序项目，那就不免要自定义导航栏，但是我发现了一个问题，就是在使用自定义导航栏的页面中再次使用粘性布局是混乱的，它会粘在屏幕的最上面，这样就会覆盖导航栏的内容。二、自定义导航栏如果需要自定义导航栏并且适配所有手机型号就得知道导航栏的高度，而导航栏的高度是由手机设备状态栏的高度、胶囊的高度、胶囊距离状态栏的上... -
小程序获取 Camera 实时帧数据，转base64
2021/1/4 11:58:01
1、业务场景 在小程序中，需要每隔0.5s获取获取一次Camera实时帧数据，转为base642、开始 (1)获取Camera 实时帧数据 // wxml <camera device-position="{{device?'front':'back'}}" flash="off" binderror="error" style="width: 100%; height: 560rpx;" class="camera"></camera> 复制代码 // js let listener page({ data: { device: true, ... -
微信小程序 API promisify 及后端接口统一管理
2021/1/4 11:57:58
API promisify 微信小程序几乎所有的 API 都是采用回调的形式，很容易陷入“回调地狱”，完全享受不到“现代化”的异步编程 Promise、async/await 所带来的优势。 我们可以对微信小程序的 API Promise 化。 // 封装 export const getImageInfo = (src) => { return new Promise((success, fail) => wx.getImageInfo({ src, success, fail })) } // 使用 const... -
微信小程序的生命周期
2021/1/4 11:57:55
起源 需求: 每次进入首页需判断该用户身份、若满足条件则弹窗、若不满足啥也不干. 现状: 封装了用户身份组件, 具备身份判定、弹窗显示等逻辑, 调用方需在onShow时获取组件实例&调用实例方法; 弊端: 调用方需在onShow时获取组件实例&调用实例方法、假设我有100个页面都需要引入该组件, 那么100个页面都需这么写?? 秉承"懒人"原则、寻找优化方案 改进: Componen... -
鸿蒙 “JS 小程序” 数据绑定原理详解
2021/1/4 11:57:52
在几天前开源的华为 HarmonyOS （鸿蒙）中，提供了一种“微信小程序”式的跨平台开发框架，通过 Toolkit 将应用代码编译打包成 JS Bundle，解析并生成原生 UI 组件。 按照入门文档，很容易就能跑通 demo，唯一需要注意的是弹出网页登录时用 chrome 浏览器可能无法成功： JS 应用框架部分的代码主要在 ace_lite_jsfwk 仓库 中，其模块组成如下图所示： 其中为了实现声明式 ... -
微信小程序入门4--事件
2021/1/4 11:57:49
事件入门 小程序官方文档对事件的解释如下 事件是视图层到逻辑层的通讯方式。事件可以将用户的行为反馈到逻辑层进行处理。事件可以绑定在组件上，当达到触发事件，就会执行逻辑层中对应的事件处理函数。事件对象可以携带额外信息，如 id, dataset, touches。截取官方文档中的部分交互事件 事件实现流程 首先在页面.wxml中使用bind定义事件捕获,并绑定回调函数 <view ... -
微信小程序发布体验版
2021/1/4 11:57:46
我司的技术栈目前使用uni-app进行多端开发。故而先讲uni-app如何与微信小程序配合联调uni-app的发布方式 uni-app在代码中书写完毕之后 点击发行--》打开发布微信小程序的窗口。填写微信小程序的 AppId。并进行发布，编译之后的代码会出现在 unpackage/dist/build/mp-weixin文件夹中。如果没有使用uni-app直接是微信小程序原生开发，则可以忽略这一步。登陆微信公众平... -
微信小程序工程化之持续集成方案(学到了！)
2021/1/4 11:57:43
本文将简单介绍一下持续集成的概念，并手把手带你在你的微信小程序项目中完成属于你的持续集成方案。什么是前端工程化 所有能降低成本，并且能提高效率的事情总称为工程化。在前端项目中能够减少重复工作、扩展 javascript\html\css 本身的语言能力、解决功能复用和变更问题、解决开发和产品环境差异问题、任何时间任何地点生成可部署的软件、解决发布流程问题，都属于前... -
微信小程序使用wxParse，解决图片显示路径问题
2021/1/4 11:57:41
我们经常用到发布文章，用的是UEditor百度富文本编辑器,方便排版，存储的也是html代码，这样小程序解析出来的也是排版的样式，但是使用wxParse解析html的时候，因为存储的是图片的相对路径，所有在小程序解析的时候图片不显示，网上搜了好多，说当时图片的时候在解析出来的图片相对路径前面加上域名，这样也挺麻烦的，没到图片的地方都要判断一下，所有我找了个简单粗暴的方法...
推荐文章
- 2022国庆假期安排
- 云南网站制作流程
- 如何制作一个小程序
- 人人商城超级海边活动海报不显示bug修复 回复图片功能错误修复
- Flex简明教程，一看就会
- 小程序登陆设计-耐心看，讲的很明白
- C# 生成缩略图方法
- 网络营销的推广方式都有哪些？如何快速获客！
- 微信小程序助力人口普查
- .net Nancy自宿主的使用
- 对话微信小程序产品经理：小商店不意味着腾讯要做电商
- 现在您还需要建网站吗？
- “交管12123”小程序入驻支付宝 首次实现跨省查询
- 电商平台到底要怎么做？
- 直播带货开始降温，淘宝、抖音、快手决战新周期
- 云计算：多云策略的定义和三大优势
- 域名怎么通过实名认证？
- “啤酒”域名Bier.de以114万元登顶Sedo榜！
- 商标是买现成的还是去自己申请？
- 普通企业为何要做分销系统？
