-
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... -
小程序-实现怎么跳转打开 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 # ...
推荐文章
- 企业如何通过网站提升业务？2026年官网赋能增长的5大核心策略
- AI时代，网站重新变得重要：企业不可替代的数字核心资产
- 小程序上，如何实现播放课程不可以拖动，切到后台报警并停止播放？
- 2022国庆假期安排
- 云南网站制作流程
- 如何制作一个小程序
- 人人商城超级海边活动海报不显示bug修复 回复图片功能错误修复
- Flex简明教程，一看就会
- 小程序登陆设计-耐心看，讲的很明白
- C# 生成缩略图方法
- 网络营销的推广方式都有哪些？如何快速获客！
- 微信小程序助力人口普查
- .net Nancy自宿主的使用
- 对话微信小程序产品经理：小商店不意味着腾讯要做电商
- 现在您还需要建网站吗？
- “交管12123”小程序入驻支付宝 首次实现跨省查询
- 电商平台到底要怎么做？
- 直播带货开始降温，淘宝、抖音、快手决战新周期
- 云计算：多云策略的定义和三大优势
- 域名怎么通过实名认证？
