-
微信小程序——车牌键盘组件实现
2021/1/5 14:55:57
微信小程序中导航栏一般来说是默认的展示标题等等，可以做的样式改变仅仅能通过配置一些官方提供的属性来实现。除此之外小程序还提供了navigationStyle这个属性可以让用户去自定义的实现导航栏。下面直接奉上代码来说明实现沉浸式导航栏。展示效果 文件说明 涉及到的文件有app.json license-plate.js license-plate.wxml license-plate.wxss (这三个是封装的组件) input-li... -
2020年GitHub上最受欢迎小程序框架
2021/1/5 14:55:37
小程序刚刚流行起来的时候，出现了不少的小程序的框架，随着开发者越来越多，很多比较好用的，性能较好的，框架在GitHub上的star越来越多，也越来越受到前端开发者的欢迎。 想要开发出一套高质量的小程序，运用框架，组件库是省时省力省心必不可少一部分，随着小程序日渐火爆，各种不同类型的小程序也渐渐更新，其中不乏一些优秀好用的框架/组件库。 注：以下是按照GitHub上s... -
微信小程序实现语音录制，上传，播放
2021/1/5 14:55:34
记录技术，分享技术，做个伟大的搬运工。框架选用 开发微信小程序，使用的是unapp。 为什么要选用这个，因为他比较成熟，之前用过mpvue,kbone都是特别的不太成熟。后来经过各种选型选定了uniapp。遇到的问题 录音授权。长按录音，判断手指是否划出长按的区域文件上传。多录制语音播放。初始化工作 定义全局录音对象和audio对象,并且格式化自己想要的音频格式 const recorde... -
微信小程序和支付宝小程序对比
2021/1/5 14:55:31
获取自定义组件语法对比支付宝和微信的自定义组件语法几乎一样，当我们开发完成一个组件，在实际页面中引用时，需要获取到组件的实例。支付宝获取自定义组件实例： ref='saveLoading' /> saveLoading(ref){this.cxLoading = ref;} //支付宝组件需要通过方法获取微信获取自定义组件实例： 'cxLoading'> this.cxLoading = this.selectComponent("#cx... -
Taro 3.0.18 发布，BAT 小程序、H5 与 RN 端统一框架
2021/1/5 14:55:28
Taro 3.0.17 发布了。Taro 是一套遵循 React 语法规范的多端统一开发框架，支持用 React 的方式编写一次代码，生成能运行在微信小程序/百度智能小程序/支付宝小程序、H5 与 React Native 等端的应用。 此版本更新内容包括： 特性 让微信小程序可以自定义 project.config.json 文件的源文件名，by @younthu 修复 缺少 framework 配置时会进行... -
【微信小程序】小程序端录音、播放踩坑日记
2021/1/5 14:55:25
一、前言 开发背景：首次尝试小程序中实现录音、播放功能。开发框架： taro 2.2.6taro-ui 2.3.4 难点描述： 实现小程序录音、上传到后台PC、IOS 和安卓端音频播放资源的地址，支持 mp3 下载链接 温馨提示：这篇文章重点介绍小程序的音频在各种环境录音和播放实践。适用对象：遇到小程序在 IOS 端无法播放音频的同学们和对小程序兼容性感兴趣的同学。 二、小程序录音... -
微信小程序分享海报开发总结
2021/1/5 14:55:22
效果展示 绘制流程简述 请求海报数据加载图片初始化canvas绘制文字绘制区块微信小程序码获取绘制图片导出图片内容小程序码解析 绘制关键点Canvas 初始化 正常情况下，1px在屏幕上就显示1px，但是在高清屏幕上，这个情况就不一样了，以iPhone4S为例，它的devicePixelRatio为2，将看到100px的逻辑值等于200px的设备值。在元素的逻辑像素宽度上创建图像，当它们被绘制出来... -
小程序-源码实现3D层叠轮播图
2021/1/5 14:55:18
Tips： 此文如果对您有帮助，希望 客官 您可以施舍个 赞 或 评论，让更多的人看到。Demo的由来： 1、小程序里无法使用swiper.js插件2、网上搜索关于小程序层叠轮播，但得到的结果达不到想要的效果Demo源码： demo.wxml <!--轮播图辅助线--> <view class="line"> <view class="line2"></view> </view> <!--轮播图本体--> <... -
uniapp编译小程序分包配置
2021/1/5 14:55:16
缘由 ? 最近工作在接触uni-app,用它来开发微信小程序,也是第一次接触,找了很久,还有大佬用自己写的函数做的,俺觉得我不会也不配,刚好看到下面评论是官方也支持了,所以就用官方的了,这里记录一下 1. 关于分包 ? 好像是规定小程序不能超过2M,一旦超过就需要分包,因为是公司项目,肯定超过,所以就做个演示,权当记录吧 1.0 这是 官方文档 1.1 注意事项 subPackages ... -
给小程序再减重 30% 的秘密? - 京喜小程序首页瘦身实践
2021/1/5 14:55:14
前言 在 web 开发场景，减少代码体积虽然是性能优化的一个方向，还没到锱铢必较的程度。但是在小程序场景，由于代码包上传阶段限制了主包 2M 和总包 16M（近期微信官方正在内测将总包上限调整至 20M ）的尺寸，超过就会面临无法发版的风险，代码包体积的优化就变得特别重要了。 京喜小程序首页作为微信购物的大入口，承载大量流量，功能复杂模块众多，又要与其他核心业务和公... -
h5 跳转微信小程序
2021/1/5 14:55:10
概述 普通的H5是无法跳转小程序的。在手机微信内打开的H5网页可通过开放标签跳转微信小程序（目前电脑微信不会渲染跳转按钮）。具体使用、权限说明，请阅读微信官方文档。 使用步骤文档有详细说明，这里简单概括如下： 登录微信公众平台进入“公众号设置”的“功能设置”里填写“JS接口安全域名” 。后端开发提供获取签名相关字段的接口。微信公众平台查看所需跳转的小程序... -
Appium之测试微信小程序
2021/1/5 14:55:07
一、往期回顾 如果用手机自带的浏览器去访问各种网页。自然而然都能获取到 WebView 的，不需要开启什么。用原生的、手机自带的浏览器去试下，也能得到对应的结果。 首先，要确保 WebView 的出现，要识别什么是 WebView，WebView 一出现，就代表有 Html 页面。那么接下来的操作，可能就进入 WebView 里面操作了。 但是看到了 WebView，要进入 WebView，你就面临了从原生控件... -
微信小程序轮播图swiper代码详解
2021/1/5 14:55:04
swiper组件是滑块视图容器，主要用来做图片轮播。这篇文章主要给大家介绍了关于微信小程序轮播图swiper代码的相关资料,需要的朋友可以参考下 微信小程序自定义swiper 滑块视图容器。其中只可放置swiper-item组件，否则会导致未定义的行为。 style=“background:{{item}}” 报错不要管，不影响页面布局 <view class="container"> <swiper class="swiper1" ... -
微信小程序 常见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我们使用的也是跨页...
推荐文章
- 2022国庆假期安排
- 云南网站制作流程
- 如何制作一个小程序
- 人人商城超级海边活动海报不显示bug修复 回复图片功能错误修复
- Flex简明教程，一看就会
- 小程序登陆设计-耐心看，讲的很明白
- C# 生成缩略图方法
- 网络营销的推广方式都有哪些？如何快速获客！
- 微信小程序助力人口普查
- .net Nancy自宿主的使用
- 对话微信小程序产品经理：小商店不意味着腾讯要做电商
- 现在您还需要建网站吗？
- “交管12123”小程序入驻支付宝 首次实现跨省查询
- 电商平台到底要怎么做？
- 直播带货开始降温，淘宝、抖音、快手决战新周期
- 云计算：多云策略的定义和三大优势
- 域名怎么通过实名认证？
- “啤酒”域名Bier.de以114万元登顶Sedo榜！
- 商标是买现成的还是去自己申请？
- 普通企业为何要做分销系统？
