-
微信小程序使用Flex容器
2021/1/11 18:00:21
Flex 是 W3C 提出的一种新的布局方案，可以非常方便的完成响应式页面布局，到目前为止几乎所有浏览器都支持，Flex 是 Flexible Box 的缩写，翻译过来是”弹性布局”的意思，下面一起来学习 Flex 布局的使用。基础概念flex容器属性flex项目属性总结基础概念采用 Flex 布局的元素称为 Flex 容器，所有子元素将自动成为容器成员，也可以称之为 Flex 项目，也就是该 Flex 布局的子 ... -
原生小程序架构及同构方案
2021/1/11 18:00:02
前言最近实习中参与了H5项目向小程序迁移的工作，在微信官方文档和一些帖子上学习了小程序运行机制和底层原理，以及与Web页面的区别，在此基础上又看了一些关于小程序同构方案的内容。以下是我个人的一些学习总结。本文内容参考微信开放文档如何理解小程序的运行机制小程序多平台同构方案小程序是什么？在小程序诞生前，微信团队开发的JS-SDK使web开发者可以通过暴露的API使用... -
小程序子组件修改properties问题
2021/1/11 18:00:00
如何修改,子组件中来自父页面,传递进来properties数据问题? 在日常开发中,相信经常会有很多人遇到要自己手动封装一个弹窗的时候,这个弹窗需要由父组件来控制显示,也就是从父组件传递一个变量 isHidden 进子组件,子组件在 properties 中接受, 注意: 子组件的properties 一般都是单项数据流,子组件不能,修改来来自父组件的数据, 这样就有个问题了,有时候,当你想在子组件中 ... -
微信小程序限定位置范围
2021/1/11 17:59:52
1、获取当前位置经纬度 onLoad: function (options) { var that = this; campaign_id = campaign_id wx.getLocation({ type: 'wgs84', success: function (res) { console.log(res) lat1 = res.latitude, lng1 = res.longitude } }) } 2、通过点击事件打开地图选择位置site: function () { ... -
微信小程序订阅消息推送
2021/1/11 17:59:50
这几天在使用小程序的模板消息推送接口的时候，出现了个报错信息 “the formId is no longer available in develop or trial version”，去文档查看了一下才发现，模板消息功能在今年1月份已经下架了，现在统一都是使用订阅消息：那么这两个功能有什么区别呢？模板消息推送简单地说，用户每进行一次提交表单或是支付行为，都会产生一个 formId，开发者可以通过这个 formId 向用... -
微信小程序-点击复制功能
2021/1/11 17:59:46
wxml:<view class="page"> <view class="template flex-col" wx:for="{{templateList}}" wx:key="{{templateList}}" wx:for-index='idx'> <view class="title">{{item.Title}}</view> <view class="content">{{item.TemplateText}}</view> <view class="copy flex-center" bindtap='copyBtn' data-idx='{{idx}}'>... -
实现一个微信小程序背景音频播放的功能 (BackgroundAudioManager)
2021/1/11 17:59:44
? 实现一个微信小程序背景音频播放的功能 (BackgroundAudioManager) ? 效果图 -
在小程序中实现 watch
2021/1/11 17:59:41
微信小程序官方没有提供 watch，用来监听 data 中的属性的变化日常开发中如果少了 watch，会显得束手束脚ES5 提供了 Object.defineProperty() 的方法，通过 getter/setter 劫持对象，实现在赋值时调用 setter 方法，执行 watch 中对应的方法，从而实现监听。设置监听者setWatcher 函数遍历会遍历 data 中的所有属性，给没有一个属性添加一个监听器 observeconst setWatcher = (... -
微信H5网页跳转小程序，这一篇就够了！
2021/1/11 17:59:39
鉴于微信 开放标签说明文档 写的不是很清楚，大多数开发者看了以后表示：我从哪里来？要到哪里去？ 所以鄙人记录下这篇文章，以便帮助到一些人。 废话不多说，上才艺！ <html> <head> <meta charset="utf-8"> <meta name = "viewport" content = "width = device-width, initial-scale = 1.0, maximum-scale = 1.0, user-scalable = 0" /&g... -
让小程序在自有App中启动的技术来了：mPaaS 小程序架构深度解析 ...
2021/1/11 17:59:36
? 复制链接观看《mPaaS 小程序新品发布会》全程回放https://yqh.aliyun.com/live/detail/15372随着小程序技术的愈发成熟，不同平台的优势和典型使用场景各有侧重，同时越来越多的开发者可以结合自身的业务特色，通过小程序作为业务载体，形成单一平台或多平台的协同关系。而今天，小程序技术的开放，mPaaS 小程序框架作为一款 App 通用框架，帮助开发者面向自身的 App 实现小程... -
在 2020 年，谈小程序框架该如何选择
2021/1/11 17:59:33
微信并不是第一个做小程序的 App，而是做小程序最有优势的 App，比如高流量、用户较长的停留时间等等。站在微信的视角，小程序从业务形式上更像是公众号开发的演变产物。在更早的时候，微信通过 sdk 的形式，增强了开发者开发公众号网页的能力。小程序的诞生是微信本身迈向平台化超级 App 的 业务 行为，并且帮助用户更好的实现了「轻量级 Web App」。微信小程序诞生... -
58安居客小程序平台化与多小程序开发探索与实践
2021/1/11 17:59:30
导语本文分享58安居客小程序团队在小程序向平台化转型、多小程序同步开发过程中遇到的问题、解决方案与实践。背景在提效、服务进阶的大背景下，为了让同一支团队，把一个业务做精做深，提高研发效率，HBG的产研团队，进行了新的划分：分线开发。分线开发以后，安居客二手房前端团队要维护小程序从 1 变成 4 个。小程序技术栈安居客微信小程序微信原生开发安居客百度小程序百度... -
京喜前端自动化测试之路(小程序篇)
2021/1/11 17:59:26
如果你已经阅读过 《京喜前端自动化测试之路（一）》，可跳过前言部分阅读。 前言 京喜（原京东拼购）项目，作为京东战略级业务，拥有千万级别的流量入口。为了保障线上业务的稳定运行，每月例行开展前端容灾演习，主要包含小程序及 H5 版本，要求各页面各模块在异常情况下进行适当的降级处理，不能出现空窗、样式错乱、不合理的错误提示等体验问题。 容灾演习是一项长期持... -
开发微信小程序，我为什么使用 upData
2021/1/11 17:59:05
鉴于在下使用微信小程序开发时使用 setData 的蹩脚体验，开发了个库函数 wx-updata ，项目上线之后，我把这个自用的库函数整理放到 Github 上开源出来 wx-updata ，这个库函数在开发的时候对我很有帮助，希望也可以帮到大家 :clap:如果大家在使用中遇到了问题，可以给我提 pr，提 issue，一起来改善小程序开发体验加油～1. setData 不方便的地方... -
也许你并不需要第三方小程序框架
2021/1/11 17:59:02
这里说的去除小程序框架其实并不严谨，因为小程序本身也算是一个框架，而且是一个功能更加完善的框架系统。在前端的概念中，我们一般说一个框架是指一个用来帮助开发者构建用户界面的框架，而小程序框架本身不仅仅包含了UI层的功能，还提供了API能力、服务端的能力，所以说小程序框架本身是一个比常规的前端框架更完善的东西，或者说是一个完善的构建应用系统。本文中所说的原... -
微信小程序：setData函数详解及注意事项
2021/1/11 17:58:59
在微信小程序中经常会使用到setData函数把变量渲染到视图层，那么什么是setData呢？如何使用？注意事项有些什么？下面我们就来详细了解一下！正文setData是小程序开发中使用最频繁的接口，也是最容易引发性能问题的接口。setData函数用于将数据从逻辑层渲染到视图层（异步），同时改变对应的this.data的值（同步）。实例1：简单实现点击修改变量值test：{{test}}</text> ... -
实战丨如何制作一个完整的外卖小程序（已开源）
2021/1/11 17:58:53
最近微信小店开放了，赶着微信全面开放之前，把自己的小程序开源出来给大家使用～小程序效果开发心得如何在项目中集成云开发一开始项目并非基于 云开发 而开发的，目前考虑用云开发，因此，需要在项目中开启云开发的相关选项。首先，在小程序文件夹中建立 cloud 文件夹，并在package文件中配置，建立用户登录的云函数并上传到微信小程序云中。相关的操作可... -
一段代码实现“小程序分享到朋友圈”
2021/1/11 17:58:47
最近微信开放了小程序分享到朋友圈的方法，很多公司的小程序都想快速占领朋友圈，那么分享到朋友圈对小程序版本最低要求是多少？代码如何写？解决这两个问题就能实现这个功能了。首先小程序分享到朋友圈对小程序版本最低要求是v2.11.1,安卓/ios版本要求：7.0.16 —— 手机版本具体看用户手机了，有的OPPO/小米配置达到了，依旧不能用！微信小程序版本要求比较高，差一个版本就... -
微信小程序在wxml双大括号中执行复杂运算
2021/1/11 17:58:44
微信小程序数据绑定支持双大括号中的表达式，但目前只支持这四种表达式：算数表达式、关系表达式、字符串连接表达式、三元表达式。vue则是全功能的JS表达式。使用起来明显差别在于是否支持函数/方法表达式 1. 遇到的问题1 <!-- 有效 --> 2 <view>{{ 1+1 }}</view> 3 <view>{{ 2>1 ? '是':'否'}}</view> 4 5 <!-- 无效 ... -
微信小程序动态评分展示/五角星展示/半颗星展示/自定义长度展示 ...
2021/1/11 17:58:42
一、前言项目中遇到的评分相关的需求其实还挺多。之前也写过网页中关于评分功能实现的文档。这次，是基于微信小程序开发而提炼出一个简单方便使用的方法，网页开发中同样可用。这次使用的还是字体，主要是字体这个比较通用，颜色，大小都可以自己定义。当然了，来的最快的其实是用图片代替。二、微信小程序中评分功能实现1.css文件中引入字体文件。也可以点此下载字体文件 ... -
微信小程序(Taro)手撕FormData
2021/1/11 17:58:39
小程序里没有FormData类，所以POST方法如果要传multipart/form-data就会报错。 而npm上的formdata-polyfill，类似 https://github.com/form-data/... 或者https://github.com/jimmywarti... 都不好用 好在有人探究出来 https://developers.weixin.qq.... 可以手动拼装出FormData格式的字符串，并且成功调用。 以下附代码： ...
推荐文章
- 2022国庆假期安排
- 云南网站制作流程
- 如何制作一个小程序
- 人人商城超级海边活动海报不显示bug修复 回复图片功能错误修复
- Flex简明教程，一看就会
- 小程序登陆设计-耐心看，讲的很明白
- C# 生成缩略图方法
- 网络营销的推广方式都有哪些？如何快速获客！
- 微信小程序助力人口普查
- .net Nancy自宿主的使用
- 对话微信小程序产品经理：小商店不意味着腾讯要做电商
- 现在您还需要建网站吗？
- “交管12123”小程序入驻支付宝 首次实现跨省查询
- 电商平台到底要怎么做？
- 直播带货开始降温，淘宝、抖音、快手决战新周期
- 云计算：多云策略的定义和三大优势
- 域名怎么通过实名认证？
- “啤酒”域名Bier.de以114万元登顶Sedo榜！
- 商标是买现成的还是去自己申请？
- 普通企业为何要做分销系统？
