-
微信小程序 常见input事件绑定
2021/1/5 14:55:01
在使用input事件时候，我们使用绑定不同的事件的方法，例如： 在wxml中绑定代码如下： <view> <input type="number" bindchange="num1change"/> </view> <view> <input type="number" bindchange="num2change"/> </view> 在index.js中bingchange 代码如下： num1:0, num2:0, num1change:function(e){ ... -
小程序开发 - 分享小程序
2021/1/5 14:54:59
前言 小程序的顶部有一个胶囊按钮，点击第一个按钮便会在屏幕下方弹出菜单列表，其中变包含了分享相关的操作，如下图所示： 当我们创建一个小程序工程之后运行，进行如上操作之后会发现，此时底部菜单中的分享功能是被禁用的。一、启用分享功能 旁边的扫地大爷微笑道：小朋友，这问题好解决，只要传递给Page的Object对象中提供了onShareAppMessage方法，那么运行当前页面便... -
微信小程序云开发云函数路由，担心云函数不够用的可以看下这里 ...
2021/1/5 14:54:55
一 首先我们看下云函数结构 分为 controllers 控制器 service 服务逻辑 utils 工具类二 修改入口文件根据不同路由进入不同的文件 // 云函数入口文件 const cloud = require('wx-server-sdk') const response = require('./utils/response') cloud.init() // 云函数入口函数 exports.main = async (event, context) => { const wxContext = cloud.getWXContext() ... -
快应用代码中，如何区分环境？
2021/1/5 14:54:34
在程序开发中，涉及到后台接口调用，一般需要根据环境不同（ 正式 、 测试 ），以便于可以调用不同 API，而不用手动修改代码。快应用代码中，如何区分环境呢？本篇文章，跟大家一起探讨下这个问题。 答案是，借助 process.env.NODE_ENV 来判断。下面，对这一结论做下说明。 process.env.NODE_ENV 在 node 中，有全局变量 process 表示的是当前的... -
在快应用中使用自动化测试
2021/1/5 14:54:32
测试是软件开发中必不可少的一个环节，程序化测试能够加快研发速度，提高协作效率，减少产品故障。 传统测试的分类 传统前端项目的测试，可以从两个维度去做分类： 粗细粒度的角度 从粗细粒度的角度看，测试分为以下几类： 单元测试 主要针对JS中的某些方法（不包括ux中的定义），这些方法独立性强，不强依赖于外部环境； 这类需求有明确的输入输出要... -
京喜小程序首页瘦身实践
2021/1/5 14:54:28
在 web 开发场景，减少代码体积虽然是性能优化的一个方向，还没到锱铢必较的程度。但是在小程序场景，由于代码包上传阶段限制了主包 2M 和总包 16M（近期微信官方正在内测将总包上限调整至 20M ）的尺寸，超过就会面临无法发版的风险，代码包体积的优化就变得特别重要了。京喜小程序首页作为微信购物的大入口，承载大量流量，功能复杂模块众多，又要与其他核心业务和公共组件... -
微信小程序在页面，自定义组件中使用数据监听器
2021/1/5 14:54:25
数据监听器可以用于监听和响应任何属性和数据字段的变化，通常会在监听到某个值的改变时去操作data中的其它属性值。在自定义组件中使用监听器： Component({ properties:{//监测传过来的属性 num: { type: String, observer: function(newVal, oldVal) { console.log('properties-num', newVal) } }, person: { typ... -
微信小程序跨页面通信
2021/1/5 14:54:22
最近碰上这样一种业务： 一场拼团活动，当用户参团购买商品并支付成功后，刷新商品列表，确保用户再次进入列表购买同一件商品时该商品的状态是 " 已参团 " 状态，以及区分一写其他业务。 首先，如果使用getCurrentPages()的话，过于繁杂；主要是因为我们的业务有分享功能，邀请好友参团后，好友是直接从商品详情进入并付款，没有上级页面。 因为app我们使用的也是跨页... -
开发微信小程序时，遇到的坑
2021/1/5 14:54:18
最近在开发小程序，遇到一些坑，总结出来跟大家分享一下，我这里使用的是mpvue框架，mpvue也有不少坑~ 1.scroll-view的属性设置，scroll-y设置，不管我们设置scroll-y=true还是false，其实都会滚动的，要想设置scroll-y为false，我们需要用数据绑定的形式来设置才会起效:scroll-y=false 2.有时候明明设置 一个变量，当它为false的时候才展示某个元素，比如 isHide?hide:sho... -
Rax 小程序运行时方案解密与思考
2021/1/5 14:54:14
2020 年 3 月，暨支持编译时方案之后，Rax 小程序发布了支持运行时方案的版本。截至目前，Rax 仍是业界唯一一个同时支持编译时和运行时方案的小程序开发框架。本文将向大家介绍 Rax 小程序运行时方案的原理以及我们的思考。 回顾编译时方案 介绍运行时方案之前，我们再回顾下什么是编译时方案。顾名思义，编译时方案侧重于编译，这其中的代表框架是 Taro v2.x。其通... -
用 Vue 3.0 来写个小程序框架
2021/1/5 14:54:10
由于小程序的开发起来比较原始复杂且繁琐，跟我们主流的开发方式差距很大，所以为了提高我们开发小程序的效率，市面上出现过很多的小程序的框架：mpvue，Taro，uni-app 等等，这些框架或多或少地将我们带到现代化的开发方式中来，他们可以让你使用 React 或者 Vue 来开发小程序。今天就分享一个如何利用 Vue 3.0 来构建一个小程序的框架。基础知识 Vue 3.0 简单看看 Vue 3.0 ... -
创建一个苹果小程序 App Clip 你该知道哪些事
2021/1/5 14:54:08
在 Xcode 工程中，你可以为你的 App 添加一个 app clip target, 利用 Xcode ，app clip 可以与你的 app 共享代码与资源，并可以编译，调试，运行在真机或者模拟器环境。但是，在实际使用过程中，开发者必须在自己的服务器上做好验证 app clip 的有效性的手段。添加一个 App Clip Target 利用 Xcode 创建一个 iOS 工程利用 App Clip template 为该 iOS 工程创建一个新的 Target... -
微信小程序前端样式WXSS书写
2021/1/5 14:54:00
一. WXSS的简单介绍 WXSS(WeiXin Style Sheets)是一套样式语言，用于描述 WXML 的组件样式。与 css 相比，WXSS 扩展的特性有： 尺寸单位样式导入 二. 尺寸单位 rpx（responsive pixel）: 可以根据屏幕宽度进行自适应。规定屏幕宽为750rpx。如在 iPhone6 上，屏幕宽度为375px，共有750个物理像素，则750rpx = 375px = 750物理像素，1rpx = 0.5px = 1物理像... -
mpvue开发微信小程序基础知识
2021/1/5 14:53:57
一、mpvue简介 mpvue 是一个使用 Vue.js 开发小程序的前端框架。框架基于 Vue.js 核心，mpvue 修改了 Vue.js 的 runtime 和 compiler 实现，使其可以运行在小程序环境中，从而为小程序开发引入了整套 Vue.js 开发体验。mp 即 mini program 的缩写。 二、mpvue快速入门 ① 通过脚手架引入mpvue模板 vue 3.0已经不支持vue init命令了，... -
微信小程序—setData()的使用方法和注意事项
2021/1/5 14:53:54
在小程序中各个页面之间是相互独立的，一个页面分为渲染层(视图层 webview)、逻辑层(JavaScript)、系统层(底层)。在架构上，WebView和JavascriptCore都是独立的模块，并不具备数据直接共享的通道。换而言之，若要将逻辑层中的data的数据渲染到页面中，他们之间是无法直接通信的，往往需要系统层作为中间角色。我们都知道视图层的数据来源于逻辑层data，而视图图层若想要改变逻... -
如何给你的Taro小程序项目加上TS
2021/1/5 14:53:51
现在有越来越多的项目开始使用 ts，我们熟知的 React 、Ant Design 也已经全面转变为 ts。那么 ts 能给我们带来什么呢？粗谈 TypeScript 很多人会好奇，ESLint 可以为我们提示代码不规范以及使用错误等问题，在有 ESLint 的情况下为什么还需要 TypeScript？ 首先，ESLint 是用来检测代码规范的，并不能检测代码逻辑问题。 其次，我们都知道 JavaScript 是一种弱类型语言，并... -
微信小程序弹窗显隐动态控制页面滚动
2021/1/5 14:53:33
需求描述：点击van-dropdown-menu菜单，弹出弹窗之后页面不可滚动，点击关闭弹窗时，页面恢复可滚动。 方案一： 打开弹窗时，给页面page的style样式加上overflow: 'hidden'，关闭弹窗时，去掉该样式。（存在问题： 部分IOS机型无效） 具体操作： <!-- wxml代码 --> <van-dropdown-menu> <van-dropdown-item id="orderType" bind:open="popupShow" bind... -
微信小程序|列表渲染-for循环
2021/1/5 14:53:31
问题描述 大家学习程序设计都知道for循环，而且很多编程都需要用到 for 循环。在制作微信小程序特别是列表页面的时候，是否有遇到过列表元素很多或者不确定的情况，如果一个一个的去敲就会有很大的工作量非常的麻烦。那么可不可以用 for 循环来解决这个问题呢？ 解决方案 编程的人都知道for循环是一种循环语句。当元素的数量很多的时候，用 for 循环来遍历元素解决... -
一文详解小程序授权、登录、session_key和unionId
2021/1/5 14:53:28
微信应用的一个很大的优势就在于使用过程中是不需要进行注册和显式登录的，大部分问题基本上可以一键解决。但是在授权、登录和获取用户信息的过程中都发生了哪些事情，今天我们就来讨论一下。这篇文章主要分析以下几个问题：授权和登录的意义session_key 的作用unionId 的作用，有哪些获取途径在应用中如何保存用户登录态1授权和登录的意义首先必须要明白，授权和登录实际上是... -
Taro 3.1 beta 发布: 开放式架构新增 4 端支持
2021/1/5 14:53:25
一、开放式架构背景 近年来业界推出的小程序平台越来越多，但 Taro 核心维护的平台只有 6 个（微信、支付宝、百度、头条、QQ、京东小程序），因此常常有同学提出能不能支持某某平台的 Feature Request。 基于目前的架构，对于单一平台的兼容性代码分布于 Taro 核心库的各个角落，涉及编译时与运行时等部分。支持一个新的平台需要改动所有的这些地方，开发复杂度高，同时社区...
推荐文章
- 企业如何通过网站提升业务？2026年官网赋能增长的5大核心策略
- AI时代，网站重新变得重要：企业不可替代的数字核心资产
- 小程序上，如何实现播放课程不可以拖动，切到后台报警并停止播放？
- 2022国庆假期安排
- 云南网站制作流程
- 如何制作一个小程序
- 人人商城超级海边活动海报不显示bug修复 回复图片功能错误修复
- Flex简明教程，一看就会
- 小程序登陆设计-耐心看，讲的很明白
- C# 生成缩略图方法
- 网络营销的推广方式都有哪些？如何快速获客！
- 微信小程序助力人口普查
- .net Nancy自宿主的使用
- 对话微信小程序产品经理：小商店不意味着腾讯要做电商
- 现在您还需要建网站吗？
- “交管12123”小程序入驻支付宝 首次实现跨省查询
- 电商平台到底要怎么做？
- 直播带货开始降温，淘宝、抖音、快手决战新周期
- 云计算：多云策略的定义和三大优势
- 域名怎么通过实名认证？
