-
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 的章节，事不宜迟，让我们开始尝试吧... -
Kbone基础 - [05] Kbone + Vue 项目手工搭建流程
2021/1/5 15:06:12
此方案基于 webpack 构建实现，构建 web 端代码的流程无需做任何调整，此处只介绍如何将源码构建成小程序端代码。 1、搭建 webpack 环境 在本地手工搭建一个 webpack 环境。在任意目录下执行以下命令： // 创建项目目录 mkdir kbone-vue-project // 生成 Node 包管理配置文件 cd kbone-vue-project npm init -y // 安装 webpack, webpack-cli npm install webpack... -
微信小程序 - 获取用户地理位置、地址解析及逆地址解析
2021/1/5 15:06:10
需求背景 小程序需要用户授权获取用户位置，获取到经纬度请求数据列表并解析为城市地址，用户选择城市时把城市解析为经纬度。 代码实现(项目基于 Taro+react ) 1.获取用户授权 （微信小程序文档-指南-开放能力-用户信息-授权） 小程序授权类接口调用时： 如果用户未接受或拒绝过此权限，会弹窗询问。 如果用户已授权，可直接调用接口。 如果用户已拒绝授权，... -
微信小程序如何做好“授权”设计？
2021/1/5 15:06:07
经历了四个小程序从0-1的设计/研发/上线的生命周期，深感小程序由于微信生态圈的影响，使它拥有很多便捷的封装功能，支持直接调用；同时弊端就是导致很多功能受限，不像原生app那样灵活多变。踩过无数坑，填过无数坑，所以萌生了总结小程序从头到尾各个环节的知识点，算存档也算分享给读者。适合刚入门接触小程序设计的同学或者是希望深入了解小程序的同学。 本文会从小程序一... -
微信公众号开发weixin-js-sdk实现自定义分享
2021/1/5 15:06:03
前段时间开发的公众号，有一个自定义分享功能，今天分享一下代码和开发中遇到的问题，避免踩坑。 使用vue开发 版本2.6.11微信JS-SDK版本1.4.0接口请求使用axios此文章只是一个demo，可根据自己具体项目修改 安装 weixin-js-sdk npm install weixin-js-sdk --save 复制代码封装分享js 微信公众号开发需登录才能获取appid，此文章只有分享部分代码，授权采用静默授... -
微信小程序：使用render函数在canvas中布局生成海报图
2021/1/5 15:06:00
背景 一个常见的需求，在开发微信小程序时，前端需要生成海报图分享，目前常见解决方案如下： 使用htmlCanvas库，利用dom来生成图片前端使用ctx的api一个一个的画出来，或者借助一些绘图工具利用puppeteer后端服务，打开相应界面截图 痛点: 这个库本身并不能在小程序使用，因为涉及到dom，在web端也有各种兼容性问题比如某个属性不支持这个方案，额。。。可能这就是程序员... -
MySQL中，小表该不该建索引？
2021/1/5 15:05:57
标题中的 「'对于非常小的表，大部分情况下简单的全表扫描比建立索引更高效'」 ，其实是问题 「'索引的使用条件'」 的答案的一部分。完整答案是： 对于非常小的表、大部分情况下简单的全表扫描比建立索引更高效对于中到大型的表，索引就非常有效； 那么为什么对于非常小的表，大部分情况下简单的全表扫描比建立索引更高效呢？理由如下： MySQL的默认存储引擎是InnoDB，在Inn... -
全网小程序接口请求封装实例
2021/1/5 15:05:54
在utils文件夹里面新建两个js文件，一个是api.js、一个就是requtil.jsapi.js 这个文件主要api接口,废话不多说直接上代码了 const request = require('requtil.js') /*Apis 把全部api都存在这里*/ const Apis = { /* 用户相关 */ 'login': '/devicecenter/auth/weChtLoin', 'bindUser': '/devicecenter/user/userBindinOpenId', 'genQrCode': '/devicec...
推荐文章
- 2022国庆假期安排
- 云南网站制作流程
- 如何制作一个小程序
- 人人商城超级海边活动海报不显示bug修复 回复图片功能错误修复
- Flex简明教程，一看就会
- 小程序登陆设计-耐心看，讲的很明白
- C# 生成缩略图方法
- 网络营销的推广方式都有哪些？如何快速获客！
- 微信小程序助力人口普查
- .net Nancy自宿主的使用
- 对话微信小程序产品经理：小商店不意味着腾讯要做电商
- 现在您还需要建网站吗？
- “交管12123”小程序入驻支付宝 首次实现跨省查询
- 电商平台到底要怎么做？
- 直播带货开始降温，淘宝、抖音、快手决战新周期
- 云计算：多云策略的定义和三大优势
- 域名怎么通过实名认证？
- “啤酒”域名Bier.de以114万元登顶Sedo榜！
- 商标是买现成的还是去自己申请？
- 普通企业为何要做分销系统？
