瑆箫
前端开发相关的技术博客,包含前端技术、前端教程、前端素材资源下载等服务。提供全面的web前端开发、小程序开发、前端自动化、前端性能优化等技术文章,如需功能开发提供开发说明,微信:ayw2050(请备注,否则不通过)
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
uniapp版微信小程序授权登录
uniapp版微信小程序授权登录。原创 2024-03-07 17:55:08 · 635 阅读 · 0 评论 -
AI助手智能问答系统基于fastadmin
chatgpt问答微信小程序,chatAI-MP是基于TP5+Uniapp+VUE开发,基于各大AI大语言模型API实现的AI助手开源解决方案,已集成ChatGPT,Api2d,文心一言、通义千问、360智脑、ChatGLM(清华旗下)、讯飞星火等人工智能技术,开源版支持PC、微信小程序等多端,微信接口安全审核机制。部署后即为SAAS系统,可无限搭建小程序、PC平台。原创 2024-02-21 21:57:46 · 269 阅读 · 0 评论 -
微信小程序云开发-云函数发起https请求简易封装函数
在日常的开发中,经常会遇到需要请求第三方API的情况,例如请求实名认证接口、IP转换地址接口等等。这些请求放在小程序前端的话,就需要把密钥放在客户端,在安全性上没这么高。文章来源地址https://www.yii666.com/blog/713474.html因此,一般是放在云函数端去访问,小程序端传输对应的参数数值到云函数,然后云函数再去请求API接口。本文简单封装了一下发起https请求函数,方便复用。原创 2023-09-17 20:31:44 · 639 阅读 · 0 评论 -
什么是 云开发以及如何安装vk-uview-ui详细方法
适合开发:H5、App(vue版本)、微信小程序、支付宝小程序(其他小程序未验证)适合开发:App(nvue版本),如果你只开发App的vue2版本,推荐用这个UI。适合开发:App(非nvue版本)、H5、微信小程序、支付宝小程序、头条小程序等。目录复制到你的VK框架项目(client端)根目录(与App.vue同级目录)目录复制到你的VK框架项目(client端)根目录(与App.vue同级目录)适合开发:H5、App(vue版本)、微信小程序(其他小程序未验证)H5、微信小程序、支付宝小程序等。原创 2023-05-08 12:00:49 · 1416 阅读 · 0 评论 -
什么是 vk-unicloud-router ?
的出现时间比 要早,没有太大关系,用户在此框架上的编码风格与 差别较大。是官方维护的,主要使用的技术栈是 + + + + (数据库操作主要在前端)主要使用的技术栈是 + + + + (数据库操作主要在后端)同时 内置大量API轮子(前后端都有) 点击查看(opens new window)函数式数据库API(调用数据库就像在做填空题) 点击查看(opens new window)vuex持久化 点击查看(opens new window)支持上传到阿里云OSS 点击查看(opens原创 2023-05-08 11:56:12 · 628 阅读 · 0 评论 -
uview框架时间选择器为什么设置最小时间戳没有起作用?
需要注意的是,时间戳的格式必须是毫秒级的时间戳,否则会导致设置无效。如果还有问题,可以检查一下时间戳格式是否正确,或者提供更多的代码和错误信息,以便更好地帮助你解决问题。以上两种方法均可以解决uview框架时间选择器最小时间戳不起作用的问题,大家可以根据自己的实际情况选择其中一种使用。1️⃣ 在时间选择器组件上设置min-time属性,并将时间戳转换为时间格式字符串传入。2️⃣ 在时间选择器组件上设置min-date属性,并将时间戳转换为日期格式字符串传入。原创 2023-04-05 10:38:59 · 458 阅读 · 0 评论 -
微信小程序使用自定义tabbar 想要获取tabbar的高度,返回的结果是null,该如何获取?
2️⃣ 在page.json文件中设置"custom": true,然后在tabBar组件上绑定一个id,接着在页面的onLoad生命周期函数中使用wx.createSelectorQuery()方法获取tabBar组件的高度。在使用自定义tabbar时,你可能会需要获取tabbar的高度,但是按照网上的方法却得不到正确的结果,这让你十分头疼。小编为大家整理了以下几个方法,希望能够帮到大家。其中,'.custom-tab-bar’是你自定义tabbar的class或id,需要替换成你自己的。原创 2023-04-04 14:24:11 · 3615 阅读 · 0 评论 -
扫描微信小程序如何实现自动注册或登录网站
同时这个页面用计时器setInterval定时请求一个php页面付,发送guid参数,通过guid读取数据库判断guid对应的openid是否有值,有则通过openid读取数据表看是否存在对应记录,存在则设置session身份后输出1,否则直接用户表注册一个新用户,写入openid,输出0,并设置好好session身份。2,用户微信扫描上面1生成的动态小程序码,在小程序码页面内容onload中通过参数e.guid获取到guid的值。然后就是小程序如何获取用户openid了,参考下面的。原创 2023-03-16 11:04:09 · 949 阅读 · 0 评论 -
拾光匣子小程序描述以及功能
拾光宝匣小程序体验,一寸光阴一寸金,好好珍惜时间原创 2023-02-17 12:01:07 · 444 阅读 · 0 评论 -
关于短信功能开发说明通用版流程说明(不限开发语言)
1.这里以腾讯云为例(php版本),其他平台的也都是类似(例如阿里云),有的平台有自己规则(看平台的具体说明)完整sdk文件,官方的缺少文件下载:https://download.csdn.net/download/mo3408/85534634如果出现后面调用报错,请下载cacert.pem这个文件放置php安装目录,修改当前php版本的php.ini文件curl.cainfo =D:......原创 2022-05-28 21:18:00 · 270 阅读 · 0 评论 -
Thinkphp 的sesssion在同一个控制器不同的方法无法获取session的原因和对策
1.(推荐)使用TP5自带的缓存方法 可以完美代替session,甚至可以每条手动设置时间,比session更方便,(用过tp5自带session的肯定知道,session时间一般是固定的,用起来很僵硬)。提醒一下,如果$value是数组的话要先json_encode()编码成字符串再用2.Redis方法(此方法稍微麻烦一些)按照教程在服务器上配置好redis数据库使用方法直接上代码:同样,提醒一下,如果$value是数组的话要先json_encode()编码成字符串再用3.使用memca原创 2022-06-20 15:17:19 · 495 阅读 · 0 评论 -
html特殊符号总结
特殊符号原创 2022-06-08 12:50:29 · 316 阅读 · 1 评论 -
uniapp收藏组件扩展使用方法
1.实现的效果为二选一,类似于单选按钮(也可以选择其他),这里仅供参考具体页面代码如下: <view class="mode"> <view class="item clearfix"> <view class="icon fl"> <image src="/static/images/zx_icon_01.png"></image> </view> <view原创 2022-04-27 09:12:32 · 621 阅读 · 0 评论 -
uniapp小程序使用自定义导航设置
实现的最终效果:(这里没有使用官方的公共导航)1.首页我们在根目录创建tabbar文件夹(名称随意)2.在文件中写入导航代码:<template> <view> <cover-view class="tabbar" :style="{'padding-bottom': paddingBottomHeight + 'rpx'}"> <cover-view class="tabbar-item" v-for="(item, i.原创 2022-04-16 21:37:04 · 685 阅读 · 0 评论 -
uniapp小程序新版授权登录
1.授权按钮:<view> <button class='login-btn' type='primary' @click="bindGetUserInfo"> 授权登录 </button></view>2.事件方法:<script> export default { data() { ...原创 2022-04-01 18:36:00 · 694 阅读 · 0 评论 -
小程序中form 表单提交和取值方法
我们直接给 input 添加 bindinput,比如:<input bindinput="onUsernameInput" />,可以在 onUsernameInput 中直接使用 e.detail.value,即:onUsernameInput : function(e) {e.detail.value;}但是,如果有多个输入控件,我们不可能为每个控件添加 bindinput、bindchange 这类方法来获取值。我们得这样做:第一步、添加 from 控件,并为其指定 b原创 2021-02-03 17:03:56 · 1742 阅读 · 0 评论 -
微信小程序用户授权手机号方法
1.open-type="getPhoneNumber"这个必须有<view class="padding bg-white text-center" @click="getModels"> <button class="cu-btn bg-white lg solids" open-type="getPhoneNumber" @getphonenumber="getPhoneNumber" style="border:1px solid #000000;width: 320px;原创 2021-01-25 15:51:57 · 4103 阅读 · 0 评论 -
小程序跳转无反应解决方法
1.跳转的页面没有在app.json页面中注册。如果是这种问题会在控制台弹出错误,留意控制台即可;2.跳转的路径不正确。初学时不太注意会出现这种问题,这种问题同样会在控制台弹出错误。3.跳转的页面位于TabBar中。这种情况不会在控制台弹出错误,需要自己去检查,解决的办法是将navigator改成switchtab即可。4.加上open-type="switchTab"这个属性<navigator class='content' hover-class="none" url="#"原创 2021-01-13 11:24:03 · 5813 阅读 · 0 评论 -
小程序卡片轮播包含轮播点改变
效果如下:<swiper class="swiper-box" bindchange="cardSwiper" indicator-dots="true" circular="true" autoplay="true" interval="5000" duration="500" indicator-color="#8799a3" indicator-active-color="#0081ff" class="cardSwiper"> <block wx:for="{{sw原创 2021-01-11 23:02:05 · 362 阅读 · 0 评论 -
uniapp小程序点击标题或者导航自动滑动相对应的数据
1.实现的效果如下:点击标题或者导航自动滑动相对应的数据代码如下: <view class="grid margin-bottom text-center col-5" style="border-bottom:2px solid #fafafa;padding-bottom:20rpx;"> <view class="list-text" v-for="(item,index) in navList" :id="index" :class="index==navActi原创 2021-01-08 16:15:44 · 974 阅读 · 0 评论 -
微信小程序表单多步骤实现方法
1.实现的效果:具体实现代码: <view class="cu-modal bottom-modal" :class="modalName=='means'?'show':''"> <view class="action" @tap="hideModal"> <text class="cuIcon-unfold text-white"></text> </view> <uni-forms :原创 2020-12-30 17:32:01 · 1217 阅读 · 0 评论 -
uniapp使用滑块选择器应用于金额和时间选择
1.实现的效果如下:2.具体代码: <uni-popup id="popup" ref="popup" :type="type" :animation="false" v-show="xian" style="margin-top:20px;"> <view class="popup-content" style="border-radius: 10px;"> <!-- 资金情况 --> <view class="se原创 2020-12-30 11:35:57 · 1319 阅读 · 0 评论 -
php微信公众号开发用户基本信息
1.获取用户基本信息(UnionID机制)接口: https://api.weixin.qq.com/cgi-bin/user/info?access_token=ACCESS_TOKEN&openid=OPENID&lang=zh_CN调用:<?php function curl_get_https($url){ $curl = curl_init(); // 启动一个CURL会话 curl_setopt($curl, CURLOPT_URL, $u原创 2020-11-03 10:29:11 · 305 阅读 · 0 评论 -
php微信公众号开发access_token获取
1.我们打开开发文档https://developers.weixin.qq.com/doc/offiaccount/Basic_Information/Get_access_token.html2.获取access_token<?php function curl_get_https($url){ $curl = curl_init(); // 启动一个CURL会话 curl_setopt($curl, CURLOPT_URL, $url); curl_seto原创 2020-10-31 17:29:01 · 531 阅读 · 0 评论 -
php微信公众号开发微信认证开发者
1.首先我们需要准备一个域名,服务器和公众号,这里我们用阿里云的服务器,其他的也可以2.这里我解析的一个是res.wyzdjg.top,如何注册和解析这里就不解释了,申请公众号在官网就可以3.这是我申请的:找到开发里的基本配置:我们在服务器上面建立一个wechat文件夹/index.php:然后我们修改配置:我们点击提交如果显示提交成功,说明是对的,这样写是不太严谨的,后面需要完善我申请的这个号是订阅号有很多功能有限制,我们可以申请一个测试号,企业号和服务号都是.原创 2020-10-31 16:24:00 · 311 阅读 · 0 评论 -
php版本微信公众号开发
1.网上有很多封装好的微信公众号开发系统,有的不能很好的满足,自己开发一个比较好2.之所以想要在开发一个,前期开发的微信公众号项目里面用的接口已经过时,不能再调用3.开发的环境:tp6为主,tp5也可以4.开发的教程也会慢慢更新,这篇文章是介绍主要需求5.通过开发这个程序,你可以学会如何调用接口,学到tp6的一些基本用法:如增删改查,可能还会用到路由6.这个是之前做的:https://mo3408.lanzoui.com/i13zk3c,可能里面的功能现在用不了,微信公众号官网的接口还没原创 2020-10-30 10:55:28 · 602 阅读 · 0 评论 -
PHP实现微信公众号网页授权
微信网页授权时通过OAuth2.0完成的,整个过程分为三步:用户授权,获取code;根据code获取access_token【可通过refresh_token刷新获取较长有效期】通过access_token和openid获取用户信息第一种简单封装:<?php /** * 微信授权相关接口 */ class Wechat { //高级功能-》开发者模...原创 2018-03-23 21:56:44 · 699 阅读 · 0 评论 -
人人商城小程序微信支付配置
1.打开后台小程序设置2.在微信支付官网下载证书上传3.填写apikey(32位)可以使用随机生成:https://suijimimashengcheng.51240.com/4.然后在小程序里面测试支付功能是成功的...原创 2019-12-22 15:45:32 · 3164 阅读 · 0 评论 -
微信电商小程序多商户入驻拼团秒杀源码
首页:分类:拼团:商品详情:会员中心:源码下载:https://pan.baidu.com/s/1fhBT0JwnmrwAH4fF_EFfew提取码:u8ym原创 2019-12-16 18:58:08 · 1644 阅读 · 0 评论 -
微信小程序自定义单页面、全局导航栏
实现方案一、实现的前提1、首先查看文档,看文档里关于自定义导航栏是怎么规定的,有哪些限制;还有小程序自定义导航栏全局配置和单页面配置的微信版本和调试库的最低支持版本。2、在app.json window 增加 navigationStyle:custom ,顶部导航栏就会消失,只保留右上角胶囊状的按钮,如何修改胶囊的颜色呢;胶囊体目前只支持黑色和白色两种颜色 在app.josn win...原创 2019-05-31 16:46:10 · 5400 阅读 · 2 评论 -
Mpvue小程序的最新规范
mpvue 是一款使用 Vue.js 开发微信小程序的前端框架。使用此框架,开发者将得到完整的 Vue.js 开发体验,同时为 H5 和小程序提供了代码复用的能力。如果想将 H5 项目改造为小程序,或开发小程序后希望将其转换为 H5,mpvue 将是十分契合的一种解决方案。目前, mpvue 已经在美团点评多个实际业务项目中得到了验证,因此我们决定将其开源,希望更多技术同行一起开发,应用到更广...原创 2018-12-31 15:48:28 · 463 阅读 · 0 评论 -
微信小程序文本框保留两位小数(非四舍五入)
inputNum: function (e) { return this.checkInputText(e.detail.value); }, //检查输入文本,限制只能为数字并且数字最多带2位小数 checkInputText: function (text) { var reg = /^(\.*)(\d+)(\.?)(\d{0,2}).*$/g; if (reg....原创 2019-05-02 13:56:38 · 4581 阅读 · 0 评论 -
网页版腾讯地图搜索地点定位
要实现的效果:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>地理位置</title></head><body> <iframe id="mapPage" width="1...原创 2019-04-07 18:41:59 · 4807 阅读 · 1 评论 -
前端封装请求方法以及如何调用
function ajax(opt) { opt = opt || {}; opt.method = opt.method.toUpperCase() || 'POST'; //请求方法 opt.url = opt.url || ''; //请求地址 opt.async = opt.async || true; //是否异步请求...原创 2019-04-05 10:40:26 · 2503 阅读 · 0 评论 -
微信小程序使用公共方法实现转发功能
util.js文件const share = res =>{ if (res.from === 'menu') { console.log(res);// 来自页面内转发按钮 } return { title: '您的好友向您推荐了好玩的小程序,快来看看吧', path: '/pages/user/user', imageUrl:'/imag...原创 2019-04-02 13:43:29 · 1252 阅读 · 0 评论 -
微信小程序搜索分页功能实现
1.这里以搜索歌曲为例:前端:<view class="search"> <view class="search-bar"> <view class="search-wrap"> <icon type="search" size="16" class=&q原创 2019-01-17 17:06:25 · 6416 阅读 · 5 评论 -
关于微信小程序常见的运算符
1.基本运算符加法运算(+)也可以用作字符串的拼接。一元运算符位运算符比较运算符等值运算:赋值运算:二元逻辑运算:优先级别:优先级 运算符 说明 结合性 20 ( ... ) 括号 n/a 19 ... . ... 成员访问 从左到右 ... [ ...原创 2018-11-28 08:47:53 · 8156 阅读 · 0 评论 -
微信小程序退出或隐藏后,内嵌的web-view的音频没有停止的几种解决办法
1.尝试下通过h5的pagehide事件2.小程序改变web-view src的hash值,网页端监听hashchange来处理这均需要在h5去修改代码。3.使用wx.pauseVoice()4.注意的地方wx.pauseVoice()接口主要用来实现暂停正在播放的语音。需要注意的是当再次调用wx.playVoice播放同一个文件时,会默认从刚才暂停的地方开始播放,如果想要从头...原创 2018-11-27 13:37:44 · 6169 阅读 · 2 评论 -
小程序常见的审核不过的几个原因
1、微信小程序信息不够完善,比如小程序头像,介绍,栏目类目等...2、开发的小程序里面的功能内容和小程序后台的名称 栏目不对应,或者完全无关联;3、个人申请的小程序比企业或者个体工商户申请的小程序审核更加严格,涉及到商业的东西都不能通过;4、开发的小程序里面的功能或者内容有出现“测试”,“未完成”等字样,如果出现了,微信审核人员会认为你的小程序是测试版本不给予通过!5. 类目不完善...原创 2018-11-26 16:33:54 · 7812 阅读 · 3 评论 -
小程序的多列表的展示与隐藏
项目下载:1.https://download.csdn.net/download/mo3408/107271412.下载:https://www.lanzous.com/i24jlvc 密码:eng41.一开始没有展开前:展开后是:页面的代码:<!--index.wxml--> <!-- 内容信息 --> <view cla...原创 2018-10-17 17:18:34 · 2153 阅读 · 1 评论