-
小程序-实现怎么跳转打开 H5 网页链接(或跳转至公众号文章)
2021/1/5 15:05:50
有时候,因为业务需求,在小程序当中,需要跳转到 h5 网页,或跳转到公众号,形成流量的闭环,那在小程序当中怎么实现呢?前提条件该小程序与需要跳转至的公众号(订阅号/服务号)进行了绑定关联使用小程序开放能力web-view实现跳转(承载网页的容器。会自动铺满整个小程序页面，个人类型的小程序暂不支持使用)web-view提供了一个src属性,这个src属性就是可以从小程序跳转到指定链接的地... -
微信小程序多数据实现双向绑定
2021/1/5 15:05:47
我们都知道小程序数据只有单向绑定，但是业务中就是会出现那么多小惊喜。既然解决不了给惊喜的人我们就自己变成惊喜，下面就分享我的一个小小的发现 当当当 就是他 就是他 input input是微信小程序里本就有的事件 它有一个神仙属性 e.detail.value 现在我们就来安排他 先给他来个数据 现在我们把这组数据循环到页面上，不说了直接上图 页面渲染了我... -
微信小程序使用canvas画布实现当前页面截屏并分享
2021/1/5 15:05:44
有些时候需要再小程序中分享一些动态生成的图片，比如页面截屏、商品卡片，虚拟卡券等等。但是小程序都没有开放页面截屏接口的，最多也就是提供设备截屏事件监测的API。 要解决这个问题，目前除了canvas画布合成，没有其他什么比较好的解决方法。这里就介绍下微信小程序中使用canvas来模拟页面截屏并分享的功能。具体代码如下： index.wxml 1 <!--动态合成图片的画布-... -
微信小程序、支付宝小程序、H5根据字符串生成相同的二维码
2021/1/5 15:05:41
前言： 建议后端合成二维码，直接返回图片给前端（包括二维码带logo），如果后端没有实现这个，只返回字符串给前端，那么就需要前端来用插件合成二维码了。 前端合成二维码，就要用到插件。不少H5的二维码插件都用到DOM的，小程序中没有DOM这个概念，所以h5的好多插件并不能直接用到小程序上，也就出现了h5插件到小程序的移植。 如果项目有多个平台，那么就建议使用已经移植... -
小程序 ----- 自定义组件（一）对组件的简单使用
2021/1/5 15:05:39
使用自定义组件的方式来构建页面，不是小程序自带的组件 1、创建自定义组件 类似于页面也是由 wxml，js，json，css 四个页面组成，一般放在专门的文件夹中 文件内容 2、在json 文件中引用自定义组件 3、编写自定义组件 将标题灵活话，通过循环方式赋值 4、实现点击不同标题样式随之改变 * 事件回调函数在... -
小程序开发第一弹: 微信基础开发
2021/1/5 15:05:36
什么是小程序相信我也不必介绍大家一定都是知道的, 我这里的本意是整理一份小程序的文档, 一方面加深自身的记忆, 另一方面也是官方文档有点多, 不太好熟悉自己找一些感觉自身比较常用的提炼出来方便记忆 ; 搭建环境 注册账号我这里就不说了 直接上链接 微信公众平台 需要注意的是注册账号时记得选择小程序选项 ; 注册成功后会进入一个类似于小程序的后台管理页面 ; 其他... -
如何使小程序请求优雅化 解决繁琐的小程序会话管理
2021/1/5 15:05:32
小程序原生的wx.request请求代码量繁琐，且容易造成回调地狱，不利于维护。故用Promise封装，大大减少代码量，提高可维护性。 一、引入登录态管理的网络请求组件weRequest 公司里一位大佬开发的登录态管理的网络请求组件weRequest,解决繁琐的小程序会话管理,具体可以移步学习。引入后按照文档指引配置request.js。 二、封装包裹请求函数 1.引入第一步的配置文件request.ts ... -
手把手教会你微信小程序登录鉴权
2021/1/5 15:05:29
为了方便小程序应用使用微信登录态进行授权登录，微信小程序提供了登录授权的开放接口。乍一看文档，感觉文档上讲的非常有道理，但是实现起来又真的是摸不着头脑，不知道如何管理和维护登录态。本文就来手把手的教会大家在业务里如何接入和维护微信登录态。?1接入流程这里官方文档上的流程图已经足够清晰，我们直接就该图展开详述和补充。首先大家看到这张图，肯定会注意到小程... -
kbone 高级 - 使用小程序内置组件（一）
2021/1/5 15:05:10
1、用法 需要明确的是，如果没有特殊需求的话，请尽量使用 html 标签来编写代码，使用内置组件时请按需使用。这是因为绝大部分内置组件外层都会被包裹一层自定义组件，如果自定义组件的实例数量达到一定量级的话，理论上是会对性能造成一定程度的影响，所以对于 view、text、image 等会被频繁使用的内置组件，如果没有特殊需求的话请直接使用 div、span、img 等 html 标签替代... -
适合Vue用户的React教程，你值得拥有（二）
2021/1/5 15:05:06
今天这篇文章将会对Vue2,Vue3,React的一些用法进行对比，方便小伙伴们学习。 数据data，在react中叫state 熟悉vue的小伙伴一定对Vue中的data不会感到陌生的，反正天天写Bug的时候都要用，但是对于data来说，在Vue2.0,Vue3.0,React中用法是不同的，我们下面依次举例说明 Vue2.0中的用法 如下代码是一个比较简单的Vue2.0的data用法 <template> <div>{{ name ... -
适合Vue用户的React教程，你值得拥有
2021/1/5 15:05:03
小编日常工作中使用的是Vue,对于React只是做过简单的了解，并没有做过深入学习。趁着这个双节假期，小编决定好好学一学React,今天这篇文章就是小编在学习React之后，将React与Vue的用法做的一个对比，通过这个对比，方便使用Vue的小伙伴可以快速将Vue中的写法转换为React的写法。 插槽，在React中没找到？？ 在使用Vue的时候，插槽是一个特别常用的功能，通过定义插槽，可... -
h5,小程序飞入购物车(抛物线绘制运动轨迹点)
2021/1/5 15:04:59
最近有朋友在做小程序的过程中，遇到开发过飞入购物车效果的功能的需求。针对这个情况一些网上的demo，多少会有一些不符合情景的问题（bug）存在，针对这一情况小编决定帮朋友写一个方案来帮助解决问题。 思考如果实现 ？ 超级简单的！ 无论是小程序还是h5飞入购物车无非就是平抛 ，或者是上抛两种情况，对于这两种情况，初中就开始学习抛物线理论知识是完全可以搞定的，高... -
如何在小程序中使用wxs模块
2021/1/5 15:04:56
一. 背景 在小程序 wxml 中的数据渲染，可以通过双花括号的形式，花括号里面只可以进行简单的算术运算或者使用三元表达式： {{ count }} <view> {{ count ? 1 : 0 }} view> 复制代码 假如需要对绑定的数据进行处理，在 wxml 进行数据渲染的时候，类比于vue可以使用 methods 的方法或者使用 computed 来处理数据，但是 wxml 并不支持这种写法。所以引入了... -
vscode+gulp 舒舒服服开发小程序
2021/1/5 15:04:53
利用gulp+vscode来开发小程序的一个小工具，内置扩展了一系列的wx全局api方法，支持自定义配置相对应的信息和别名等问题 安装方法： # 全局安装 npm install -g wechat-mini-gulp # 当前小程序根目录下运行 wechat-gulp run init # 安装依赖 npm install 复制代码 运行 #开发环境 npm run gulpdev #正式环境 npm run gulpbuild # 测试环境 npm run gulptest # ... -
小程序-实现折叠面板-手风琴效果
2021/1/5 15:04:40
无论是在小程序还是 h5 网页,折叠菜单,手风琴是一个非常常见的效果,如今也有很多现成的 UI 组件库已经实现了这一效果的,但有时候在写原生小程序时,单单就是一个折叠菜单效果,却要引入整个 UI 库,有点得不偿失 具体实现 如下是wxml示例代码 <view class="content"> <block wx:for="{{ listDatas }}" wx:key="index"> <view class="list-content" bindt... -
微信小程序踩坑记录（开发篇）
2021/1/5 15:04:37
最近参与开发了公司的第一款小程序，开发体验基本类似于基于webview的混合式开发，可以调用官方强大的api，但也有一些坑或者说不习惯的地方。这篇文章从实用性出发，记录了开发过程中的一些问题： 1. 样式优先级混乱 在使用button组件时，发现在class中设置width不生效，下面贴上代码： .my-button{ width: 140rpx; height: 60rpx; line-height: 60rpx; padding... -
原生小程序实现登录授权与封装统一调用接口
2021/1/5 15:04:34
一。登录思路 先通过 wx.login 返回 res.code 到后台接口换取 openId, sessionKey, unionId。然后通过 wx.getUserInfo 获取用户信息 如果要获取用户敏感信息则要 wx.getUserInfo 返回的数据传到后台进行解析（我这边是用大佬封装好的api进行解析 ）。 二。代码 1。小程序封装统一请求接口 function Request(url, param,... -
Vue 组件开发中的小技巧
2021/1/5 15:04:31
日常开发中，我们会用到很多第三方组件库，学习组件开发最好的方法就是看这些组件库的源码，并从中学到一些小技巧 element-ui 大家基本都用过，总结一下组件库中 Tree 和 Collapse 用到的小技巧，下图为简易版实现演示效果 Collapse 先来看下使用到的 API： provide/inject$emit$on 使用 provide/inject 将 祖先组件实例 作为依赖，注入到子孙组件中因为子组件是... -
Node+Gitee WebHook实现小程序CI
2021/1/5 15:04:28
原先我们需要用到shell脚本和ide来切换分支和上传代码，使用CI后完全抛弃这些步骤，达到合完PR直接上传到后台的功能，减少了这些细碎且无趣的工作，释放自己去做别的事情。项目路径：github.com/chenerhong/… 码云WebHooks 因为我们公司目前使用的是码云来托管代码，所以这里我只针对码云来进行讲解。 我们想达到的效果是合完PR到主分支（master）之后，自动上传我们的小程... -
小程序请求网络接口慢问题解决
2021/1/5 15:04:24
微信小程序开发过程遇到的问题，排查了一天才找到原因解决。问题的现象是开发工具上请求后台接口是毫秒级的，真机小程序上请求接口是秒级的。查了网上很多人遇到过这种问题，网上的图片，不过和我的情况一样！这个问题是接口地址使用的ssl证书的原因具体实际情况：当小程序首次启动时，无论请求什么链接，前几次条请求会很慢，最长会达到6、7秒。这种情况发生在真机微信上，电... -
微信小程序开发的完整流程介绍，新手必读
2021/1/5 15:04:21
自从跳一跳小程序游戏出现后，一夜之间，小程序就变得家喻户晓了，功能开发也越来越丰富，在微信搜一搜就会发现许多大品牌早已有自己的小程序了，越来越多的企业和商家都看中了这个风口，想快速开发出一款属于自己的小程序，那小程序开发的流程是怎样的呢？一、准备好小程序开发所要用到的材料企业开发小程序所需的材料有：公司的营业执照、法人的手机号、身份证号、微信号扫描...
推荐文章
- 2022国庆假期安排
- 云南网站制作流程
- 如何制作一个小程序
- 人人商城超级海边活动海报不显示bug修复 回复图片功能错误修复
- Flex简明教程，一看就会
- 小程序登陆设计-耐心看，讲的很明白
- C# 生成缩略图方法
- 网络营销的推广方式都有哪些？如何快速获客！
- 微信小程序助力人口普查
- .net Nancy自宿主的使用
- 对话微信小程序产品经理：小商店不意味着腾讯要做电商
- 现在您还需要建网站吗？
- “交管12123”小程序入驻支付宝 首次实现跨省查询
- 电商平台到底要怎么做？
- 直播带货开始降温，淘宝、抖音、快手决战新周期
- 云计算：多云策略的定义和三大优势
- 域名怎么通过实名认证？
- “啤酒”域名Bier.de以114万元登顶Sedo榜！
- 商标是买现成的还是去自己申请？
- 普通企业为何要做分销系统？
