-
微信小程序——沉浸式导航栏实现
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，我们只需要在后端发起登陆，微信扫码，授权后... -
微信小程序：picker组件实现下拉框效果
2021/1/5 14:56:26
一、wxml中代码 <view class="in_order_Param"> <text>状态：</text> <picker mode="selector" bindchange="bindPickerChange" value="http://www.wxapp-union.com... -
uniapp 开发微信小程序总结（二）axois 封装
2021/1/5 14:56:19
1、安装 axois 和 axoisRetry 包 2、支持 在请求发生错误时，重新发送请求（一次），主要用于处理 token 过期、请求超时的情况。token过期时，会在获取新的token 后重新发送请求。 3、支持 接口是否需要带 token信息 4、请求失败 状态吗 401 时 和 非 200 会分别展示错误提示。 1 import store from '../store/index.js' 2 import axios from "axios"; 3 import ... -
uniapp 开发微信小程序总结（一）关键流程设计
2021/1/5 14:56:16
1、用户登录注册流程设计。 用户授权登录 - 登录弹窗 登录弹窗 分两种：管理后台设置、和默认弹窗（都已新人优惠券的形式展示）；积分页面可从外部小程序进入用户未登录只显示默认弹窗，并制定显示标题和描述文字。新用户从分享页面进入后：登录 - 注册- 重定向至进入页面（若无重定向则重定向至首页） 。已注册用户未登录时，点击登录弹窗，若弹窗为非默认弹窗：若有重... -
排查指南 | mPaaS 小程序提示“网络不给力”时该如何排查？
2021/1/5 14:56:13
在我们集成 mPaaS 插件并使用小程序的过程中，很多开发者会遇到了打不开小程序的问题，今天就举例说明，**开发者在完成基本接入后，尝试打开小程序，如果容器页面显示错误提示“网络不给力，请稍后再试”，**应该如何排查。 原因分析 mPaaS 在打开一个小程序应用前，首先需要获知该小程序包的基本信息。 因此客户端会主动通过 mPaaS 的 RPC 接口alipay.client.getUnionRes... -
小程序可视化实时自动埋点设计
2021/1/5 14:56:10
1、为什么要做？ 先看下之前的埋点流程，如图所示。产品提出埋点需求，开发人员在mp平台配置埋点事件，然后进行代码埋点，再测试埋点，没问题之后再提审。 小程序从 提审到审核 通过大概需要 半天到两天 的时间。通过之后还需要半天的线网验证，线网有问题之后又得重新走一遍发版流程。整个埋点流程比较长。 ???? 有一次在比赛前一天晚上彩排的... -
uniapp分包(详尽版)
2021/1/5 14:56:04
一：分包相关概念 本质上是改变项目的路由以及优化项目各个模块的启动时间的一种优化技术。 主包与分包的概念 1). 主包：本项目中初始化时所必须的页面。 项目在启动时，将从主包进入，分包在用户未进入时不会加载，只有在进入分包模块时才会加载。 tabbar页面以及模块间共有的页面，如果该项目有账号限制(即非注册账号不可进入主界面)，也应将登录页放置在主包内... -
从 React 到小程序
2021/1/5 14:56:01
当我沉醉在编程的乐趣中时，外面的世界真是日新月异。作为开发者，很难想到用现代框架也能开发小程序 Vue 到 React 这几年一直在使用 Vue 框架编写前端应用，React 也是非常火爆的一款框架，但入门门槛和自由度都比前者要高那么一点点。 前阵子又通过在 youtube 上学习了 React ，了解框架的基本用法，没想到那么快就接到任务开发一款基于微信平台...
推荐文章
- 2022国庆假期安排
- 云南网站制作流程
- 如何制作一个小程序
- 人人商城超级海边活动海报不显示bug修复 回复图片功能错误修复
- Flex简明教程，一看就会
- 小程序登陆设计-耐心看，讲的很明白
- C# 生成缩略图方法
- 网络营销的推广方式都有哪些？如何快速获客！
- 微信小程序助力人口普查
- .net Nancy自宿主的使用
- 对话微信小程序产品经理：小商店不意味着腾讯要做电商
- 现在您还需要建网站吗？
- “交管12123”小程序入驻支付宝 首次实现跨省查询
- 电商平台到底要怎么做？
- 直播带货开始降温，淘宝、抖音、快手决战新周期
- 云计算：多云策略的定义和三大优势
- 域名怎么通过实名认证？
- “啤酒”域名Bier.de以114万元登顶Sedo榜！
- 商标是买现成的还是去自己申请？
- 普通企业为何要做分销系统？
