-
async await 处理异步变同步(微信小程序内举例)
2021/1/5 15:07:58
1.async起什么作用？ 输出的是一个Promise对象 注： 1)async函数返回的是一个Promise对象。Async函数(包含函数语句、函数表达式、Lambda表达式)会返回一个Promise对象，如果在函数中return一个直接量，async会把这个直接量通过Promise.resolve()封装成Promise对象。 2)async函数返回的是一个Promise对象，所以在最外层不能用await获取其返回... -
微信小程序自定义组件——底部菜单栏 ActionSheet（附完整DEMO） ...
2021/1/5 15:07:55
写这个自定义ActionSheet组件，和自定义modal一样，有些开放能力必须绑定在button上，而我们有时候又会有在底部上拉菜单中实现转发功能的需求，或者别的微信开放能力，小程序原生的ActionSheet依然无法实现，故此组件应运而生。 安装 1.使用npm安装 直接使用小程序开发工具自带的构建npm，请按下面几个步骤引入： 确保项目目录下有package.json文件，已有的跳过这一步 $ n... -
微信小程序自定义组件——模态框 Modal
2021/1/5 15:07:52
之所以写这个自定义modal组件，和自定义ActionSheet一样，主要是用于一些开放能力。有些开放能力必须绑定在button上，比如用户授权，这个需求很常见，但是小程序现在已经不支持主动弹出授权框了，所以我们会想先弹出modal用户点击确定再来弹出授权框，小程序原生的Modal确定按钮无法实现，故此组件应运而生。该Modal组件还支持转发，打开设置页的开放能力，同时也扩展了提交表... -
以 web-view 嵌入在小程序中 h5 页面，如何处理附件下载
2021/1/5 15:07:48
前言 由于项目体积过大，以至于分包后也逐步超过了小程序的限制，所以将 h5 端的页面以 web-view 的方式嵌入了小程序。这也产生了一些意料之外的问题，这里记一个关于文件预览下载的问题。 在 h5 端中，针对图片和视频会使用 img、video 标签达到预览的效果，其余的文件类型会直接粗暴的调用 window.open 的方式打开，如果浏览器能够解析则预览，不能解析浏览器会默认下载。(... -
前端优化 10s 到 100ms 是如何做到的？
2021/1/5 15:07:46
Open signal 官方提供了2019年2月份统计的全世界4G网络覆盖率和通信速率的统计分布图如下，在目前移动互联网的浪潮下，我们要利用好用户终端设备的每个字节的流量。页面性能和体验优化并不是一蹴而就的，需要不断的研究、跟踪，发现问题，解决问题。但是我们可以在一开始编写业务代码的时候就做的更好，做到极致。加载渲染链路优化之道从访问 URL 到页面呈现，整个链路可... -
微信小程序学习笔记（二）-- 开发之框架
2021/1/5 15:07:43
一、小程序框架介绍（了解） 小程序框架包含小程序的配置、框架接口、场景值、WXML 和 WXS 等 二、小程序的配置（精通） 小程序的配置分为全局配置、页面配置以及sitemap 配置 1、全局配置 小程序根目录下的 app.json 文件用来对微信小程序进行全局配置。文件内容为一个 JSON 对象 下面介绍一下常用的配置选项 1.1 pages 用于指定小程序由哪些页面组成，每一项都对应... -
微信小程序学习笔记（三）-- 首页及详情页开发
2021/1/5 15:07:40
一、常用组件 在上一个章节中讲解了封装请求数据的模块，在此处请求轮播图的数据 1.首页轮播图数据的请求以及渲染 1.1 轮播图数据的请求 pages/home/home.js import { request } from './../../utils/index.js' Page({ /** * 页面的初始数据 */ data: { bannerlist: [] }, /** * 生命周期函数--监听页面加载 */ onLoad: function... -
3分钟搞定微信小程序类美团用户商家距离计算
2021/1/5 15:07:36
前言小程序实操，距离计算总结。思路一共有两种方法，各有利弊：1.利用小程序的wx.getLocation 方法得到用户的经纬度,然后用已知的商家的经纬进行计算;2.利用腾讯地图位置服务calculateDistance直接计算；先熟悉下两个单词：longitude:经度;latitude:纬度;下边是两种方法的具体实现一、获取用户的位置信息,再进行计算(wx.getLocation)1.小程序提供了获取用户位置信息的api，所... -
视频无缝切换，预加载图片资源等小程序优化
2021/1/5 15:07:15
没啥别的理由，就是闲的。最近又开始写小程序了，不过心态不太一样了，因为其实大家都是js。你不能总是觉得小程序low，其实人家的思维逻辑都是互通的。 今天把一些性能优化的解决方案拿出来分享下。能比较有效的解决页面的一些卡顿和存在的一些问题 提示：博主用uniapp框架，但是原理都是一样的，一些uniapp的api，你把uni替换成wx就OK了一、data数据的性能优化，基本操作 ... -
微信小程序-实现 tab-及多个列表选项切换
2021/1/5 15:07:12
背景在小程序中实现tab选项切换是一个非常常见的效果,对于固定几个tab切换或许轻而易举,但若出现多个,对于有些新手,却不知道怎么控制 两种方式实现tab切换效果,但凡以后遇到类似的需求,都可以实现(本文重点)实例效果具体实现代码微信 wxml 代码<view> <view class="tab-container"> <view class="default {{type=='expend'? 'expend-active':''... -
微信 PC 版 3.0 版本更新：增加通讯录管理，小程序可添加至桌面 ... ...
2021/1/5 15:07:09
微信 for Windows 3.0.0 版本现已更新，增加了通讯录管理，支持小程序桌面固定。 更新日志： 可以在通讯录中批量管理联系人 优化了小程序在电脑上的体验，现在可以把小程序添加到桌面使用 修复了一些已知问题 IT之家注意到，在最新版的微信 for Windows 3.0.0 版本中， 小程序页面增加了 “添加到桌面”功能，可将小程序链接发送到桌面上，从而更方便... -
深入浅出主流的几款小程序跨端框架原理
2021/1/5 15:07:07
目前，小程序在用户规模及商业化方面都取得了极大的成功。微信、支付宝、百度、字节跳动等平台的小程序日活都超过了3亿。 我们在开发小程序时仍然存在诸多痛点：小程序孱弱简陋的原生开发体验，注定会出现小程序增强型框架，来提升开发者开发体验；各家厂商小程序API碎片化的现状，注定会有多端框架会成为标配，由跨端框架肩负跨平台移植挑战。 正是因为开发者对于提升小程序... -
商城微信小程序（一）——开发环境搭建、小程序结构、首页完成 ... ... ... ...
2021/1/5 15:07:04
准备工作：安装微信小程序开发工具安装VScode，并安装如下插件：各个插件的作用都有说明，这里说下Easy LESS，由于微信小程序不支持less语法，为了方便开发，我们不直接编写微信的样式文件，而是使用该插件将less语法自动生成wxss样式，插件添加如下设置："less.compile": { "outExt": ".wxss", },小程序目录：components--存放自定义组件icons--存放小程... -
微信小程序开发实战之获取UnionId详解
2021/1/5 15:06:54
UnionID 机制说明 如果开发者拥有多个移动应用、网站应用、和公众帐号（包括小程序），可通过 UnionID 来区分用户的唯一性，因为只要是同一个微信开放平台帐号下的移动应用、网站应用和公众帐号（包括小程序），用户的 UnionID 是唯一的。换句话说，同一用户，对同一个微信开放平台下的不同应用，UnionID是相同的。 UnionID获取途径 绑定了开发者帐号的小程序，可以... -
小程序的下拉刷新和触底追加内容
2021/1/5 15:06:51
本方法是利用页面事件处理函数的 onPullDownRefresh 和 onReachBottom 方法实现小程序的下拉刷新和触底追加内容。 前提条件： 需要在app.json的window选项中或页面配置中开启enablePullDownRefresh。 属性类型描述enablePullDownRefreshBoolean是否开启下拉刷新，详见页面相关事件处理函数。 // 这里是index.json ... -
微信小程序开发笔记，你收藏了吗？
2021/1/5 15:06:48
最近在开发微信小程序，把自己在项目中经常遇到的知识点记录下来，以便下次开发的时候查看。 开发小程序开发工具推荐vscode写代码，微信开发工具用于查看效果和调试。 1、自定义标题栏 现在UI要求越来越高，高频出现自定义标题栏的情况 "navigationStyle": "custom" 复制代码 2、获取用户信息 用户授权是每个小程序中都会用到的，可以根据自己的项目流程编写自己的逻辑... -
商城微信小程序（二）——完成分类页面及商品列表页
2021/1/5 15:06:46
分类页面预览图：分类页面主要代码index.js// pages/category/index.js import { request } from "../../request/index.js" Page({ /** * 页面的初始数据 */ data: { //左侧菜单数据 leftMenuList: [], //右侧的商品数据 rightContent: [], // 被点击的左侧菜单 currentIndex: 0, //右侧距离顶部距离 scrollTop... -
微信小程序自定义日历组件及flex布局最后一行对齐问题分析
2021/1/5 15:06:42
在编写过程中，因为大家都知道，日历组件是有固定行数和每一行的固定列数的（即使当前方块内没有值），所以结合小程序“数据优先”的特点，最合适的布局方式一定是flex了！ 说一下大致思路（布局上），笔者将整个组件分为两部分：分别是 头部的当前日期（年月）显示，以及左右两侧的切换按钮 当前切换月份的日期显示 头部的布局自不多说：一个 display:flex; ... -
微信小程序-如何获取用户表单控件中的值
2021/1/5 15:06:39
背景 在小程序开发中,经常有用到表单,我们往往需要在小程序端获取用户表单输入框中的值(通常用户输入的有:switch,input,checkbox,slider,radio,picker)等,通过触发事件,然后提交给后端处理 那么在小程序当中有哪些方式可以获取到表单中的值呢,又怎么通过非表单提交的方式获取用户输入框中的值呢 换言之,若提交按钮在form之外,又如何实现表单的提交呢 在小程序中有两种方式... -
微信小程序授权登录---“允许”或“拒绝”等等操作
2021/1/5 15:06:37
由于最新的微信公众平台官方文档将不再出现以前默认的授权弹窗，因为官方修改了wx.getUserInfo接口，所以需要我们自定义一个授权窗口。 1、思路 第一步：用户在进入微信小程序首页时，需要调用wx.getSetting()方法判断用户是否授权了。 第二步：1、如果上面的方法判断用户已经授权了，则继续小程序的正常操。2、如果未被授权，则跳转到自定义的授权页面。 第三步：点击自定... -
使用 Vue3 开发小程序
2021/1/5 15:06:34
9 月 19 日凌晨，Vue3 在经过多个开发版本的迭代后，终于迎来了它的正式版本，「One Piece」的代号也昭示了其开拓伟大航路的野心。Vue3 的新特性主要有 Composition API、Teleport、Fragments 和 <script setup /> & <style vars /> 等。我们是否也可以在小程序开发中使用这些特性呢？在 Taro 的文档里我们找到了关于 Vue3 的章节，事不宜迟，让我们开始尝试吧...
推荐文章
- 企业如何通过网站提升业务？2026年官网赋能增长的5大核心策略
- AI时代，网站重新变得重要：企业不可替代的数字核心资产
- 小程序上，如何实现播放课程不可以拖动，切到后台报警并停止播放？
- 2022国庆假期安排
- 云南网站制作流程
- 如何制作一个小程序
- 人人商城超级海边活动海报不显示bug修复 回复图片功能错误修复
- Flex简明教程，一看就会
- 小程序登陆设计-耐心看，讲的很明白
- C# 生成缩略图方法
- 网络营销的推广方式都有哪些？如何快速获客！
- 微信小程序助力人口普查
- .net Nancy自宿主的使用
- 对话微信小程序产品经理：小商店不意味着腾讯要做电商
- 现在您还需要建网站吗？
- “交管12123”小程序入驻支付宝 首次实现跨省查询
- 电商平台到底要怎么做？
- 直播带货开始降温，淘宝、抖音、快手决战新周期
- 云计算：多云策略的定义和三大优势
- 域名怎么通过实名认证？
