本文介绍了Vue微信公众号开发踩坑全记录，分享给大家，也给自己留个笔记。
需求
微信授权登录（基于公众号的登录方案）
接入JS-SDK实现图片上传，分享等功能
现状及难点
采用的Vue框架，前后端分离模式（vue工程仅作为客户端），用户通过域名访问的是客户端，但是微信授权中涉及签名和token校验依赖服务端
JS-SDK需要向服务端获取签名，且获取签名中需要的参数包括所在页面的url，但由于单页应用的路由特殊，其中涉及到IOS和android微信客户端浏览器内核的差异性导致的兼容问题
解决方案
授权登录
授权流程如下：
详细说明：
用户访问网站主域名
vue客
2022-01-24 16:50:28
145KB
1
前言：
公司最近有一个H5页面的功能，比较简单的一个调查表功能，嵌套在我们微信公众号里面。选用的技术栈是Vue。同时用到了微信的登录和分享接口。ps:本人小白，如果有问题希望大家能指出来，写文章不止是为了记录，还是为了发现自己的问题。谢谢大噶！！！
主要功能以及遇到的问题：
左右切换动画
路由带参数跳转
移动端引入外部字体样式
使用htmtl2canvas截图功能
使用微信接口(前端部分)
移动端屏幕适配
移动端点击一个页面点击多次只执行一次问题
ios使用输入框的时键盘弹起来掩盖住按钮问题
打包项目遇到静态资源加载问题
1.左右切换动画
–首先我考虑到用v
2022-01-24 15:44:10
118KB
1
本文通过实例，更具体的讲解了队列，队列（Queue）代表了一个先进先出的对象集合。当您需要对各项进行先进先出的访问时，则使用队列。当您在列表中添加一项，称为入队，当您从列表中移除一项时，称为出队。
有一个场景：一个抢购的项目，假设有5件商品，谁先抢到谁可以买，但是如果此时此刻（这里的此时此刻假设是相同的时间），有100人去抢这个商品，如果使用平时的方法会出现什么情况呢？你懂的，这里所说是就是有关并发的问题。
平时我们去超市购物去结账的时候就是排队，这里我们先让抢购人排好队，按时间，谁先点击的抢购按钮谁就排在前面，这样就形成了一个队列，然后我们再对这个队列处理，这样就不会出现并发的问题了。（至少
2022-01-24 09:24:28
60KB
1
本文实例讲述了jQuery+HTML5实现WebGL高性能烟花绽放动画效果。分享给大家供大家参考，具体如下：
运行效果：
完整代码如下：
<!DOCTYPE html>
<html class=" -webkit- js flexbox canvas canvastext webgl no-touch geolocation postmessage websqldatabase indexeddb hashchange history draganddrop websockets rgba hsla multiplebgs backgroundsize borderimage border
2022-01-20 22:03:13
104KB
1
半环形进度条DEMO
10
20
30
40
50
60
70
80
90
100
export default {
data() {
return {
canvas:'',
percent:'',
ctx:'',
circleX:'',
circleY:'',
radius:'',
cradius:'',
lineWidth:'',
2022-01-19 11:02:40
58KB
1
三级联动，随着越来越多的审美，出现了很多种，好多公司都仿着淘宝的三级联动 ，好看时尚，so我们公司也一样……为了贴代码方便，我把写在data里面省市区的json独立了出来，下载贴进去即可用，链接如下：vue.json(这个直接是个data，放入你的vue2项目中即可。（因为我的项目是用的vue2，所以，其他的属性跟博客内容是吻合的。请配合博客再下载此json）)。
首先页面显示如下：
然后我们县级所在地区会出现三级联动，如下：（以下是片段，背景色未截取）
这个张什么样，以什么形式出现，取决于贵公司的UI需求，我们公司是做成弹出层了。。然后背景色透明，这里为了节省流量，我只截取了一段，最后
2022-01-19 10:44:06
61KB
1
使用方法：
1.断网点击激活，随便输入用户名，密码，点击立即激活，获得code1,code2
2.打开注册机，输入获得的code1,code2,点击gentat,输入注册码，点击激活
2022-01-19 00:08:17
171KB
1
ue 4 支持的中文字体与对应的材质//字体
UFont* TextFont = nullptr;
{
static ConstructorHelpers::FObjectFinder ObjectFinder(TEXT("Font'/Game/Fonts/Font_MicrosoftYahei.Font_MicrosoftYahei'"));
TextFont = ObjectFinder.Object;
check(TextFont != nullptr);
}
//字体材质
UMaterialInterface* TextMaterial = nullptr;
{
static ConstructorHelpers::FObjectFinder ObjectFinder(TEXT("Material'/Game/Fonts/Mat_Font_MicrosoftYahei.Mat_Font_MicrosoftYahei'"));
TextMaterial = ObjectFinder.Object;
check(TextMaterial != nullptr);
}
最后在把字体与材质应用到文本渲染组件
2022-01-12 11:08:39
2.12MB
1
前言
最近太忙了，博客好久没有更新了。今天忙里偷闲，简单总结一下最近vue项目重构的一些技术要点。
vue数据更新， 视图未更新
这个问题我们经常会遇到，一般是vue数据赋值的时候，vue数据变化了，但是视图没有更新。这个不算是项目重构的技术要点，也和大家分享一下vue2.0通常的解决方案吧！
解决方案如下：
1、通过vue.set方式赋值
Vue.set(数据源, key, newValue)
2、 通过Array.prototype.splice方法
数据源.splice(indexOfItem, 1, newValue)
3、修改数据的长度
数据源.splice(newLength)
2022-01-10 14:10:47
61KB
1