-
uni-app开发支付宝小程序踩坑
2021/1/5 14:58:07
自己踩的： 1.<canvas>要用id，而不是canvas-id，用的时候都写上 <canvas style="position:absolute;left:-99999upx;background:#f1f1f1;" :style="{width:width+'px',height:height+'px'}" canvas-id="qrcodeCanvas" id="qrcodeCanvas"></canvas> 复制代码2.保存图片用my.saveImage，而不是saveImageToPhotosAlbum // #ifdef MP-ALIPAY if (... -
用uniapp重写小程序问题汇总
2021/1/5 14:58:05
主要问题 bug: 通过ref调用组件方法时，发现使用的是上一次的数据。 原因：微信小程序可以在修改组件的properties的传值之后、立即调用组件方法； uniapp在修改组件prop的传值之后，需要在this.$nextTick中调用组件方法。 但是在百度小程序里，即使有this.$nextTick依然没有解决这个问题，于是又追加了一个setTimeout。 Error: [TMA][WARN][RUNTIME] Page route 错误 +0ms... -
各小程序框架实现思路学习记录
2021/1/5 14:58:01
小程序 已知，网页是单线程工作的，即是渲染进程在工作时，假如 JavaScript 引擎 执行 JavaScript 代码时，渲染进程会将控制权交予 JavaScript 引擎，不会两个进程同时在工作。因为，JavaScript 引擎 可能会操作DOM，所以，为了排除冲突，确保渲染正确，网页是单线程工作的。 但是，小程序，是双线程工作的。它分为逻辑层跟视图层。他们通过线程通信，共同完成视图的完整呈... -
微信小程序——拍照、压缩转换base64（不留存照片在本地相册） ...
2021/1/5 14:57:40
前言 通常使用wx.chooseImage这个api去拍照时通常会留下照片在本地相册，在一些需求情况下不需要留存照片所以在这里我们使用另一个wx.createCameraContext() 展示效果 js var compress = require('../../../../libs/compress.js'); const app = getApp() Page({ /** * 页面的初始数据 */ data: { showCamera: false, ctx: null, //拍照实例 ... -
浅谈微信小程序获取图片原始的宽度和高度
2021/1/5 14:57:38
前言 我们如何在微信小程序中获取一张图片的原始宽度和高度呢？原来微信小程序 image 组件提供了这样的能力，那这又有什么应用场景呢？官方文档 wxml 复制代码js onImgLoad: function (e) { const { width, height } = e.detail; }, 复制代码有什么应用场景呢实时计算图片高度和宽度保证图片不失真 // 如果宽度固定是340rpx 那么高度就应该这么计算 onImgLoad:... -
Java 后端 （Spring boot）+微信小程序的授权登录
2021/1/5 14:57:36
微信小程序的授权登录 第一、Java后端代码如下 登录的接口的参数是微信小程序前端必须要传的参数 微信小程序登录、授权的用户基本信息 wx.getUserInfo 特别注意 appid 和secret、grant_type是小程序固定的；可以参考wx.login param.add(“appid”, “wx367d7fb4108a5162”); param.add(“secret”, “a700cf3aab35e53e98be18f96ddb4ed9”); param.add(“js_code”, code); p... -
微信小程序如何自定义新用户引导页
2021/1/5 14:57:32
根据不同的需求，现在出现了给小程序添加新用户引导页面。 设计流程：指引用户点击右上角，将本小程序添加到我的小程序。点击“去试试”后不再显示。前提是新用户或者首次打开。 设计图： 实现步骤： 1》思路：在小程序首页生命周期函数中，加入条件判断。在用户点击【记住了，我去试试】事件上增加缓存信息。 2》用这个缓存在用户每次打开小程序的时候来判断是否显示 页面的... -
微信小程序——沉浸式导航栏实现
2021/1/5 14:57:29
前言 微信小程序中导航栏一般来说是默认的展示标题等等，可以做的样式改变仅仅能通过配置一些官方提供的属性来实现。除此之外小程序还提供了navigationStyle这个属性可以让用户去自定义的实现导航栏。下面直接奉上代码来说明实现沉浸式导航栏。JSON 可以在某个页面的json文件中加也可以在全局的app.json中添加属性和引入组件。 页面文件 { "navigationStyle": "custom" ... -
【深入解析】跨端框架的核心技术到底是什么？
2021/1/5 14:57:27
一、前端三板斧 正式讨论「跨端开发」这个概念前，我们可以先思考一个问题：对大部分前端工作来说，前端主要干些啥？ 我个人认为，无论环境怎么变，前端基本上就是做三件事情： fetch data（数据获取）manage state（状态管理）render page（页面渲染） 没了。 也许有人觉得我说的太片面，其实我们可以理一理。往近了说，现在知识付费搞的如火如荼，动不动就搞个「XXX ... -
极致追求，让小程序代码包立减 10% 的插件 weapp-css-modules
2021/1/5 14:57:20
小程序的简化版 css-modules，比标准 css-modules 代码量更少的优化方案介绍 css-modules 是一种 css 模块化方案，它在构建过程中生成一个原类名与新类名的 map，根据 map 引用样式，通过设定 hash 规则，实现了对 CSS 类名作用域的限定，它通常用来解决页面类名冲突的问题。由于微信小程序内组件样式默认隔离，为什么要使用 css-modules 呢？ 有以下 2 个原因： hash 化后... -
微信小程序测试过程中的几个要点（干货）
2021/1/5 14:57:17
小程序的架构 小程序分为两个主要部分：view模块和service模块。View模块负责UI展示，它由wxml和wxss转换后的代码以及微信提供的辅助模块组成。一个view模块对应一个webview组件，小程序支持多个view存在，view模块通过微信jsbridge对象来跟后台通信。 小程序的限制和对测试的影响 目前小程序在UI、设计、样式、页面跳转、消息大小等都有自己的限制 上面的限制对测试来说... -
多样化自定义小程序导航栏
2021/1/5 14:57:11
效果如下随意变换：（随便拿了星巴克小程序图，侵删） navbar-for-wxapp 一、如何实现 1. index.js /* * @Author: mtonhuang * @Feature: 小程序自定义导航栏组件 */ Component({ properties: { titleText: { //导航栏文字 type: String, value: '导航栏' }, backgroundImg: { //背景... -
在小程序中自定义顶部栏组件，适配不同设备
2021/1/5 14:57:08
# 自定义小程序的顶部导航 小程序官方的topbar可能无法满足业务需求，下面介绍如何封装一个自定义的顶部栏 在首页的page.json中将官方导航关掉 并引入我们自定义的topbar 组件 也可以在全局关闭，看自己的需求 // /pages/index/index.json { "usingComponents": { "base-top-bar":"/components/base-top-bar/base-top-bar" }, "navigationStyle":"cus... -
微信小程序传参回退首页且不能有左上角的返回键
2021/1/5 14:57:05
首先业务场景是: 首页选择车型, 进入二级页面进行车系选择, 选好再进入三级页面选择具体车型. 三级选好之后跳回首页,将首页选择车型字样变成选择的车型 开发发现的问题: 问题一 第一个想法是使用 wx.navigateTo({url:""})方式, url 传参进行数据传递,然而 这样做回到首页的时候左上角会有一个回退按键 问题二 于是想到重定向的路由 wx.redirectTo({url:""})... -
微信小程序编写过程中的报错及解决办法
2021/1/5 14:57:02
1.渲染层错误 官方文档：(developers.weixin.qq.com/miniprogram…) 细看文档才发现，组件的CSS选择器是有限制的。其中最主要的一点就是只能使用类选择器。2.组件lifetimes和pageLifetimes无效 我在attached和show生命周期函数中分别写个log，如图所示，控制台毫无反应。 官方文档：(developers.weixin.qq.com/miniprogram…) 查阅文档后，知道了是我的基础版本过低，... -
微信小程序 Notes ｜ 开发常用事例（四）
2021/1/5 14:57:00
1、List item 和 button 冲突怎么玩？这个事情是这样的，由于韩总死乞白赖的非要列表新增转发 PDF 功能，由于微信小程序限制只有 button 才具有开放的一些权限，所以直接采用 button 包裹 image 的方案，如下：<view class="news"> <block wx:for="{{ newsList }}" wx:for-index="index" wx:key="news"> <view class="news-item" bindtap="onNewsItemC... -
[项目采坑记录][canvas][camera] 微信小程序逐帧上传
2021/1/5 14:56:39
引入项目需求：在前端使用camera组件持续扫描，将捕捉到的帧上传到后端进行算法识别判断，并返回判断结果。若结果为“成功”，则将捕捉到的正确帧显示在屏幕上。尝试wx.onCameraFrame(frame=>{ //frame.width //frame.height //frame.data })wx.onCameraFrameAPI接受一个回调函数，返回frame的宽高和frame的图像编码（ArrayBuffer格式）尝试（一）经过查找... -
微信小程序踩坑-Cookie登陆失败
2021/1/5 14:56:37
1 问题描述 最近有用户反馈，小程序登陆有问题 小程序成功登陆后，安卓用户预约操作时，偶尔会出现登陆异常情况。 登陆失败现象极其诡异，问题难以复现。 1 用户10秒前刚登陆，用户后续操作马上提示“登陆异常” 2 部分安卓用户在登陆后，在后续操作提示“登陆异常”，这种现象是偶然发生的，安卓用户出现登陆异常概率大概是10分之1。 2 苹果用户从未没有出现”登陆异... -
技术提炼｜盘点那些Vue项目中的优秀实践-小程序篇
2021/1/5 14:56:33
这一篇我们来聊聊小程序，这里的小程序开发使用的是uniapp。cross-env切换环境 在pc端的vue项目中，我们通常会使用vue的环境变量来控制程序在不同环境的切换，例如： 目录结构： ├── .env.development ├── .env.test ├── vue.config.js 复制代码 vue.config.js： module.exports = { devServer: { port: 8062, proxy: { '/api': { ... -
WeAuth微信小程序实现PC网站扫码授权登录
2021/1/5 14:56:29
目前微信扫码登录的实现有以下2种方式：1、微信服务号扫码网页授权登录2、微信开放平台Oauth2.0授权登录以上2种方式少不了微信认证，都是需要交300元认证后才可以获得开发能力。所以我就想到了微信小程序，个人开发者无需认证也可以获得用户信息，授权登录，就可以简单实现一样的功能。我们可以使用WeAuth平台实现，WeAuth提供API，我们只需要在后端发起登陆，微信扫码，授权后...
推荐文章
- 企业如何通过网站提升业务？2026年官网赋能增长的5大核心策略
- AI时代，网站重新变得重要：企业不可替代的数字核心资产
- 小程序上，如何实现播放课程不可以拖动，切到后台报警并停止播放？
- 2022国庆假期安排
- 云南网站制作流程
- 如何制作一个小程序
- 人人商城超级海边活动海报不显示bug修复 回复图片功能错误修复
- Flex简明教程，一看就会
- 小程序登陆设计-耐心看，讲的很明白
- C# 生成缩略图方法
- 网络营销的推广方式都有哪些？如何快速获客！
- 微信小程序助力人口普查
- .net Nancy自宿主的使用
- 对话微信小程序产品经理：小商店不意味着腾讯要做电商
- 现在您还需要建网站吗？
- “交管12123”小程序入驻支付宝 首次实现跨省查询
- 电商平台到底要怎么做？
- 直播带货开始降温，淘宝、抖音、快手决战新周期
- 云计算：多云策略的定义和三大优势
- 域名怎么通过实名认证？
