记录 "PC端采用微信扫码,进行账号注册/登录功能" 的实现过程(仅前端)使用场景:在网站顶部导航栏的登录入口,中实现微信扫码登录功能开发参考文档：微信官方文档(微信登录功能-网站应用微信登录开发指南)微信提供的扫码方式有两种,分别是:跳转二维码扫描页面内嵌式二维码(本记录选用的扫码方式)根据文档我们可以知道关于扫码授权的模式整体流程为:1. 第三方发起微信授权登录请求，微信用户允许授权第三方应用
在使用vue和vue-router路由框架已经开发过好几个项目了，其中也遇到不少坑，有些坑各种搜也没有找到非常理想的答案。vue学习相对来说还是比较简单，官方文档说明非常清楚（https://cn.vuejs.org/v2/guide/），多做一些Demo就可以熟练上手了，并且现在也有好多框架（vuex，MintUI，Element，iView等），根据项目需要自行学则，因此本人也就没有怎么写过关
我们 之前 谈 学习vue源码（5） 手写Vue.use、Vue.mixin、Vue.compile的时候 谈到了Vue.mixin的源码实现，然后谈到了mergeOptions，那时并没有深入解说 这个函数 的原理。如图所示 这次我们就来深入研究下，因此也就离不开Vue中的一个重要思想：合并策略了。我们有时面试时可能会遇到这样的问题：引入的mixin的data中 有 n
转载
2024-09-09 13:45:13
116阅读
前阶段我做的h5支付（微信/支付宝），各个功能都弄好了，可以使用了，但是，我们总监让我把这个h5支付移植到我们前阶段做的web app中，这一下子，让我懵逼了。带着懵逼的心情，苦逼的看代码吧。在进行支付的时候，本来就分的有app支付的sdk，现在一下子把h5支付的sdk，弄到app里面，这不是很扯吗？然而还是要干活滴，好了，问题来了，开始分析问题：解决app支付？有两种方式。第一种：去官网下载ap
转载
2024-07-09 21:02:49
587阅读
项目简述vue3.0-chatroom 基于Vue3+Vuex4+Vue-router4+Vant3.x开发的移动端仿微信聊天实例。实现了发送消息+emoj表情、图片/视频预览、下拉刷新、网址预览、朋友圈等功能。 实现技术编码+技术：Vscode + Vue3/Vuex4/Vue-Router4UI组件库：Vant3.x (有赞移动端vue3.0组件库)弹层组件：V3Popup（基于vue3自定义
转载
2021-01-20 17:01:19
5502阅读
2评论
源码：https://github.com/doterlin/vue-wxChat 演示地址：https://doterlin.github.io/vue-wxChat/运行# install dependencies
npm install
# serve with hot reload at localhost:8080
npm run dev
# build for production
转载
2024-08-29 11:19:01
331阅读
1.项目介绍此项目运用运用 vue 全家桶技术（vue+vue-cli+vuex+vue-router+node...），前后台分离和组件化的方式开发，使用WeUl基础样式库进行前台页面的搭建，后台使用的是MongoDB数据库进行编写，使用阿里云短信服务进行验证码注册。实现了下拉刷新、消息发送、大图预览、朋友圈发表。。。。2、技术实现MVVM 框架：Vue.js 2.0 状态管理：Vuex 页面路
转载
2023-08-30 10:14:01
0阅读
一.仿得太像了有木有~1.登录窗口 2.主窗口 二.构思，以微信设计布局构思以微信布局构思，参考element提供的组件；element提供的tabs标签页刚好能实现切换效果，element tabs 标签页；element tabs标签页虽然能达到切换效果，但是样式是在差异较大，所以需要自主编写样式覆盖element tabs标签页默认样式，以达到微信ui的样式效果，毫无疑问
转载
2023-12-12 15:41:33
271阅读
最近算是把微信授权，sdk，接触了一边了，所以准备写一个系列；微信授权微信SDK的使用，例如分享等功能小程序授权小程序微信支付小程序模板消息不要问我为什么后面是小程序微信支付，小程序模板消息，因为普通微信公众号项目的更本不需要前端去操作太多，直接调取后台接口就可以完成。##Vue微信授权 这里我们用的是Vue全家桶开发先上一张微信授权流程图片吧：你可以尝试着跟着这个流程图走一遍逻辑，在开始动手和后
在上一篇文章中本人讲述了微信公众号的授权以及获取用户信息，在此基础上今天这篇博客跟大家分享一下微信支付的流程及代码，还有自己在开发时的一些坑。1、在进行微信支付时，除了需要一个公众号之外，你还需要一个微信商户。根据商户申请规则进行商户申请2、开始配置开发所需要的参数如下所示：这是公众号的基本开发配置，这里在微信授权的时候就已经需要配置了 但是注意AppSecret在你第一次配置的时候就需要备份下来
//H5我们用vue构建一个嵌入页面。在这里我们用vue/cli 3.0来搭建我们的项目，vue/cli 3.0需要vue2.0以及webpack4.0以上的版本，还需要node.js的环境因此我们需要在全局安装vue webpack 以及 vue/cli1.下载vue cli 3.0分别执行npm install -g vuenpm install -g webpacknpm install -
vue页面实现语音播报1、vue页面添加鼠标滑动事件2、data中定义是否已经开启了语音播报3、监听用户鼠标移入事件4、voicePlay()方法，使用的是百度的tts5、 watch监听后台推送的数据6、store中定义的 voiceWord7、语音播报的方法voicePlayMethod8、socket中添加订阅的方法9、vue页面添加订阅和取消订阅添加订阅 1、vue页面添加鼠标滑动事件现
转载
2024-03-28 11:12:19
1275阅读
Nuxt-Chatroom 基于Nuxt.js+Vue.js仿微信|探探App界面聊天社交运用nuxt.js+vue.js+vuex+vpopup+vant+webpack等技术架构开发的社交聊天室项目。实现了类Tinder翻牌左右滑动、消息发送|表情gif、图片|视频预览、消息记录下拉刷新、长按弹窗、红包|朋友圈等功能。 使用技术技术框架：nuxt.js+vue.js+vu
微信小程序双向数据绑定和vue的异同？ 微信小程序生命周期的钩子函数小程序的钩子函数，页面不同的跳转方式，触发的钩子并不一样。请求数据小程序，会在 onLoad或者 onShow中请求数据。数据绑定动态绑定某个变量的值，用两个大括号括起来 { { } }列表渲染wx:for ="{{}}" //每个循环都会自带 item 与 index
wx:key="*this" //不写会报错显示与隐
转载
2024-01-12 15:20:10
0阅读
1 状态共享随着组件的细化，就会遇到多组件状态共享的情况，Vuex当然可以解决这类问题，不过就像Vuex官方文档所说的，如果应用不够大，为避免代码繁琐冗余，最好不要使用它，今天我们介绍的是vue.js 2.6新增加的Observable API ，通过使用这个api我们可以应对一些简单的跨组件数据状态共享的情况。如下这个例子，我们将在组件外创建一个store，然后在App.vue组件里面使用sto
uniapp内置vue2，很多小伙伴喜欢用，但是作为首批吃螃蟹的人，肯定会想用vue3来开发，那么会遇到哪些问题呢？1、编辑器等工具Hbuilder X 3.4.6版本及以上（编辑器也在不断更新，以兼容vue3的语法bug，建议升级到这个版本或以上）微信开发者工具 1.05.2204180 版本及以上（也是解决vue3的语法bug及其他性能问题，建议升级到这个版本或以上）基本工具就上面两种，这两工
转载
2023-12-26 21:26:50
115阅读
技术框架开发语言：JAVA数据库：MYSQLJAVA开发框架：SpringBoot+Mybatis缓存框架：j2cache前端开发框架：Layui+JQuery+html前台模板引擎：art-templateSmartWx是一款基于JAVA企业级平台研发的微信公众号管理系统， 依托企业级JAVA的高效、安全、稳定等优势，开创国内JAVA版开源微信公众号管理系统先河。- SmartWx采用最流行的
vue微信分享今天记录一下vue微信分享。1.先登录微信公众平台进入“公众号设置”的“功能设置”里填写“JS接口安全域名”。这个不多说，见文档，只有绑定了才能进行下一步的动作2.需要引入js文件 import wx from 'weixin-js-sdk'3.通过config接口注入权限验证配置，所有需要使用JS-SDK的页面必须先注入配置信息 配置信息需要后端返回share(){
转载
2023-11-30 15:00:54
149阅读
LXFWeChatSwift 3.0 高仿微信源码地址码云 GitHub https://github.com/LinXunFeng/LXFWeChat从2016年12月份开始做到现在，虽说这个项目看起来不大，但是锻炼人的地方还真是很多的，微信通讯录联系人的按拼音排序，自定义表情键盘中遇到的分页滚动，微信聊天界面的图片显示、语音信息的动画等。挑战着各种各样的需求，本人也将遇到的问题的解决方案做了记
转载
2023-12-28 08:48:43
317阅读
# 在 Vue3 中实现仿 iOS 选择器
## 引言
在现代前端开发中，构建一个仿 iOS 的选择器是一个常见的需求。使用 Vue 3，我们可以通过组件化的方式很方便地实现这一功能。在本文中，我们将详细介绍如何构建一个简单的 iOS 风格选择器。
## 流程概述
首先，我们先来看看实现这个选择器的整体流程。下面是每一个步骤的概述：
| 步骤 | 描述
